| -{{'Syncfusion.SmartDataExtractor.WinForms.nupkg'| markdownify }} +{{'[Syncfusion.SmartDataExtractor.WinForms.nupkg](https://www.nuget.org/packages/Syncfusion.SmartDataExtractor.WinForms/)'| markdownify }} |
| -{{'Syncfusion.SmartDataExtractor.Wpf.nupkg'| markdownify }} +{{'[Syncfusion.SmartDataExtractor.Wpf.nupkg](https://www.nuget.org/packages/Syncfusion.SmartDataExtractor.Wpf)'| markdownify }} |
| -{{'Syncfusion.SmartDataExtractor.AspNet.Mvc5.nupkg'| markdownify }} +{{'[Syncfusion.SmartDataExtractor.AspNet.Mvc5.nupkg](https://www.nuget.org/packages/Syncfusion.SmartDataExtractor.AspNet.Mvc5)'| markdownify }} |
| -{{'Syncfusion.SmartDataExtractor.Net.Core.nupkg'| markdownify }} +{{'[Syncfusion.SmartDataExtractor.Net.Core.nupkg](https://www.nuget.org/packages/Syncfusion.SmartDataExtractor.Net.Core)'| markdownify }} |
| -{{'Syncfusion.SmartDataExtractor.NET.nupkg'| markdownify }} +{{'[Syncfusion.SmartDataExtractor.NET.nupkg](https://www.nuget.org/packages/Syncfusion.SmartDataExtractor.NET)'| markdownify }} |
| Attribute | +Type | +Description | +
|---|---|---|
| Type | +String | +Defines the kind of object detected on the page (Table). | +
| Bounds | +Array of Floats | +The bounding box coordinates [X, Y, Width, Height] representing the object's position and size on the page. | +
| Content | +String | +Extracted text or value associated with the object (if applicable). | +
| Confidence | +Float | +Confidence score (0–1) indicating the accuracy of detection. | +
| TableFormat (only for tables) | +Object | +Metadata about table detection, including detection score and label. | +
| Rows (only for tables) | +Array | +Collection of row objects that make up the table. | +
| Attribute | +Type | +Description | +
|---|---|---|
| Type | +String | +Row type (e.g., tr). | +
| Rect | +Array | +Bounding box coordinates for the row. | +
| Cells | +Array | +Collection of cell objects contained in the row. | +
| Attribute | +Type | +Description | +
|---|---|---|
| Type | +String | +Cell type (e.g., td). | +
| Rect | +Array | +Bounding box coordinates for the cell. | +
| RowSpan / ColSpan | +Integer | +Number of rows or columns spanned by the cell. | +
| RowStart / ColStart | +Integer | +Starting row and column index of the cell. | +
| Content.Value | +String | +Text content inside the cell. | +
| Attribute | +Type | +Description | +
|---|---|---|
| X / Y | +Float | +Coordinates of the form field on the page. | +
| Width / Height | +Float | +Dimensions of the form field. | +
| Type | +Integer | +Numeric identifier for the form field type (e.g., 0 = TextArea, 1 = Checkbox, 2 = Radio Button, 3 = Signature). | +
| Confidence | +Float | +Confidence score (0–1) indicating detection accuracy. | +
| Exception | +ONNX files are missing | +
|---|---|
| Reason | +The required ONNX model files are not copied into the application’s build output. | +
| Solution | +
+ Ensure that the runtimes folder is copied properly to the bin folder of the application from the NuGet package location.
+ + Please refer to the below screenshot, + + 
+ + Note: If you publish your application, ensure the runtimes/models folder and ONNX files are included in the publish output. + |
+
| Exception | +
+ 1. System.TypeInitializationException + 2. FileNotFoundException (Microsoft.ML.ONNXRuntime) + |
+
|---|---|
| Reason | ++ The required Microsoft.ML.ONNXRuntime NuGet package is not installed in your project. + SmartDataExtractor depends on this package and its required assemblies to function properly. + | +
| Solution | +
+ Install the NuGet package
+ Microsoft.ML.ONNXRuntime (Version 1.18.0) manually in your sample/project.
+ This package is required for SmartDataExtractor across .NET Framework projects. + |
+
| Exception | +Microsoft.ML.ONNXRuntime.ONNXRuntimeException | +
|---|---|
| Reason | +The required native runtime library (ONNXRuntime.dll) is missing from your application's bin folder. | +
| Solution | +
+ In your MVC project file (.csproj), add the following build target to copy the native DLL from the NuGet package folder to the bin folder:
+ +{% tabs %} +{% highlight C# %} + + |
+
@@ -28,6 +29,7 @@ The following assemblies need to be referenced in your application based on the Syncfusion.OCRProcessor.Base
Syncfusion.Pdf.Base
Syncfusion.PdfToImageConverter.Base
+ Syncfusion.Markdown
Syncfusion.Pdf.Portable
Syncfusion.PdfToImageConverter.Portable
+ Syncfusion.Markdown
Syncfusion.Pdf.NET
Syncfusion.PdfToImageConverter.NET
+ Syncfusion.Markdown
| -{{'Syncfusion.SmartTableExtractor.WinForms.nupkg'| markdownify }} +{{'[Syncfusion.SmartTableExtractor.WinForms.nupkg](https://www.nuget.org/packages/Syncfusion.SmartTableExtractor.WinForms/)'| markdownify }} |
| -{{'Syncfusion.SmartTableExtractor.Wpf.nupkg'| markdownify }} +{{'[Syncfusion.SmartTableExtractor.Wpf.nupkg](https://www.nuget.org/packages/Syncfusion.SmartTableExtractor.Wpf)'| markdownify }} |
| -{{'Syncfusion.SmartTableExtractor.AspNet.Mvc5.nupkg'| markdownify }} +{{'[Syncfusion.SmartTableExtractor.AspNet.Mvc5.nupkg](https://www.nuget.org/packages/Syncfusion.SmartTableExtractor.AspNet.Mvc5)'| markdownify }} |
| -{{'Syncfusion.SmartTableExtractor.Net.Core.nupkg'| markdownify }} +{{'[Syncfusion.SmartTableExtractor.Net.Core.nupkg](https://www.nuget.org/packages/Syncfusion.SmartTableExtractor.Net.Core)'| markdownify }} |
| -{{'Syncfusion.SmartTableExtractor.NET.nupkg'| markdownify }} +{{'[Syncfusion.SmartTableExtractor.NET.nupkg](https://www.nuget.org/packages/Syncfusion.SmartTableExtractor.NET)'| markdownify }} |
| Attribute | +Type | +Description | +
|---|---|---|
| Type | +String | +Defines the kind of object detected on the page (Table). | +
| Bounds | +Array of Floats | +The bounding box coordinates [X, Y, Width, Height] representing the object's position and size on the page. | +
| Content | +String | +Extracted text or value associated with the object (if applicable). | +
| Confidence | +Float | +Confidence score (0–1) indicating the accuracy of detection. | +
| TableFormat (only for tables) | +Object | +Metadata about table detection, including detection score and label. | +
| Rows (only for tables) | +Array | +Collection of row objects that make up the table. | +
| Attribute | +Type | +Description | +
|---|---|---|
| Type | +String | +Row type (e.g., tr). | +
| Rect | +Array | +Bounding box coordinates for the row. | +
| Cells | +Array | +Collection of cell objects contained in the row. | +
| Attribute | +Type | +Description | +
|---|---|---|
| Type | +String | +Cell type (e.g., td). | +
| Rect | +Array | +Bounding box coordinates for the cell. | +
| RowSpan / ColSpan | +Integer | +Number of rows or columns spanned by the cell. | +
| RowStart / ColStart | +Integer | +Starting row and column index of the cell. | +
| Content.Value | +String | +Text content inside the cell. | +
| Exception | +ONNX files are missing | +
|---|---|
| Reason | +The required ONNX model files are not copied into the application’s build output. | +
| Solution | +
+ Ensure that the runtimes folder is copied properly to the bin folder of the application from the NuGet package location.
+ + Please refer to the below screenshot, + + 
+ + Note: If you publish your application, ensure the runtimes/models folder and ONNX files are included in the publish output. + |
+
| Exception | +
+ 1. System.TypeInitializationException + 2. FileNotFoundException (Microsoft.ML.ONNXRuntime) + |
+
|---|---|
| Reason | ++ The required Microsoft.ML.ONNXRuntime NuGet package is not installed in your project. + SmartTableExtractor depends on this package and its required assemblies to function properly. + | +
| Solution | +
+ Install the NuGet package
+ Microsoft.ML.ONNXRuntime (Version 1.18.0) manually in your sample/project.
+ This package is required for SmartTableExtractor across .NET Framework projects. + |
+
| Exception + | +Microsoft.ML.ONNXRuntime.ONNXRuntimeException + | +
|---|---|
| Reason + | +The required native runtime library (ONNXRuntime.dll) is missing from your application's bin folder. + | +
| Solution + | + In your MVC project file (.csproj), add the following build target to copy the native DLL from the NuGet package folder to the bin folder: +{% tabs %} +{% highlight C# %} + + |
+
-
-```
-
-```typescript
-import { Component, ViewEncapsulation, OnInit,ViewChild} from '@angular/core';
-import { PdfViewerComponent, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService, AnnotationService, FormFieldsService, FormDesignerService, PageOrganizerService,PdfViewerModule, TextSelectionStartEventArgs, AnnotationSelectEventArgs } from '@syncfusion/ej2-angular-pdfviewer';
-import { SwitchComponent, SwitchModule } from '@syncfusion/ej2-angular-buttons';
-import { ClickEventArgs } from '@syncfusion/ej2-buttons';
-
-
-/**
-* Default PdfViewer Controller
-*/
+
+Set the `enableLineAngleConstraints` property within `annotationDrawingOptions` to enable angle snapping for supported line-type annotations.
+
+The following code demonstrates enabling line angle constraints:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ AnnotationService,
+ TextSelectionService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-root',
- templateUrl: 'app.html',
- encapsulation: ViewEncapsulation.None,
- // tslint:disable-next-line:max-line-length
- providers: [LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService, AnnotationService, FormFieldsService, FormDesignerService,PageOrganizerService],
- styleUrls: ['app.css'],
- standalone: true,
- imports: [
-
- SwitchModule,
- PdfViewerModule,
-
- ],
+ selector: 'app-root',
+ template: `
+
-
-
+
+
+
+ `,
+ imports: [PdfViewerModule],
+ providers: [ToolbarService, AnnotationService, TextSelectionService]
})
-
export class AppComponent {
- @ViewChild('pdfviewer')
- public pdfviewerControl: PdfViewerComponent | undefined;
-
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource:string = "https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib";
- public annotationDrawingOptions = {
- enableLineAngleConstraints: true,
- restrictLineAngleTo: 90
+
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ public resource: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ public annotationDrawingOptions = {
+ enableLineAngleConstraints: true,
+ restrictLineAngleTo: 90
};
- ngOnInit(): void {
- // ngOnInit function
- }
}
-```
-## Configuration Properties
+{% endhighlight %}
+{% endtabs %}
-### enableLineAngleConstraints
-
-The `enableLineAngleConstraints` property activates angle snapping for line-based annotations. When set to `true`, the following annotation types snap to fixed angles as defined by `restrictLineAngleTo`:
+## Work with constrained annotations
-- Lines
-- Arrows
-- Polygon
-- Distance measurements
-- Perimeter measurements
-- Area measurements
-- Volume measurements
+### Drawing behavior
-**Key benefits:**
+When line angle constraints are enabled:
-- Automatic angle snapping while drawing
-- Improved precision for technical drawings and measurements
-- Desktop behavior: hold Shift while drawing to toggle constraints (if constraints are disabled, Shift temporarily enables snapping; if enabled, Shift enforces snapping)
-- Real-time visual feedback during drawing
+- Start drawing a supported annotation (Line, Arrow, Polyline, Distance, or Perimeter).
+- The segment snaps to the nearest allowed angle.
+- A visual indicator reflects snapping in real time.
+- Release to complete the annotation.
-### restrictLineAngleTo
+### Keyboard shortcuts
-Specifies the angle increment (in degrees) used for snapping. The default increment is 45°.
+- `Shift` + drag: toggles snapping. If constraints are disabled, `Shift` temporarily enables them; if enabled, `Shift` enforces snapping.
-Angle snapping behavior:
+### Selector-based modifications
-- The initial drawing direction is treated as the 0° reference point.
-- Snapped angles are calculated by adding the increment to the reference direction.
-- If the increment does not divide 360 evenly, angles continue wrapping after 360°.
+When modifying existing line annotations using selectors:
-Examples:
+- Constraints apply based on the original line direction.
+- The reference angle (0°) is determined by the line’s current orientation.
+- Constraint snapping during modification is supported for Line and Arrow.
+- Adjustments snap to the configured angle increment.
-- `restrictLineAngleTo: 45` → snapped angles: 0°, 45°, 90°, 135°, 180°, 225°, 270°, 315°, 360°
-- `restrictLineAngleTo: 100` → snapped angles: 0°, 100°, 200°, 300°, 360°
+[View a sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
-## Work with constrained annotations
+## Configuration properties
-### Drawing behavior
+### enableLineAngleConstraints
-When angle constraints are enabled:
+The `enableLineAngleConstraints` property activates angle snapping for line-based annotations. When set to `true`, the following annotation types will snap to fixed angles as defined by the `restrictLineAngleTo` property:
-- Begin drawing a supported annotation (Line, Arrow, Polyline, Distance, or Perimeter).
-- The segment snaps to the nearest allowed angle according to `restrictLineAngleTo`.
-- A visual indicator displays the current snapping angle in real time.
-- Release to finalize the annotation.
+- Lines
+- Arrows
+- Polygon
+- Distance measurements
+- Perimeter measurements
+- Area measurements
+- Volume measurements
-### Keyboard shortcuts
+Key Benefits:
-Desktop platforms:
+- Automatic angle snapping during drawing
+- Enhanced precision for technical drawings and measurements
+- Desktop behavior: hold `Shift` while drawing to toggle constraints (when disabled, `Shift` temporarily enables; when enabled, `Shift` enforces snapping)
+- Real-time visual feedback showing angle snapping behavior
-- `Shift` + drag: toggles snapping during the drag operation. If constraints are disabled, `Shift` temporarily enables snapping; if enabled, `Shift` enforces snapping.
+### restrictLineAngleTo
-### Modifying constrained annotations
+Defines the angle increment (in degrees) used to constrain supported annotations. The default is 45.
-When editing existing line annotations with selectors:
+Angle snapping rules:
-- Constraints apply relative to the annotation's current orientation (the line's direction is the 0° reference).
-- Constraint snapping during modification is supported for Line and Arrow annotations.
-- Adjustments snap according to the configured `restrictLineAngleTo` increment.
+- The initial drawing direction is treated as the 0° reference point.
+- Snapped angles are calculated based on the increment.
+- If the increment does not divide 360 evenly, angles reset after 360°.
-[View a sample in GitHub] https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to
+Examples:
-N> Refer to the Angular PDF Viewer [feature tour](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) for highlights. See additional [Angular PDF Viewer examples](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
+- `restrictLineAngleTo: 45` → Snapped angles: 0°, 45°, 90°, 135°, 180°, 225°, 270°, 315°, 360°
+- `restrictLineAngleTo: 100` → Snapped angles: 0°, 100°, 200°, 300°, 360°
+
+N> Refer to the Angular PDF Viewer [feature tour](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) for feature highlights, and to the [Angular PDF Viewer examples](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples) for rendering and configuration examples.
+
+## See also
+
+- [Annotation Overview](../overview)
+- [Annotation Types](../annotations/annotation-types/area-annotation)
+- [Annotation Toolbar](../toolbar-customization/annotation-toolbar)
+- [Create and Modify Annotation](../annotations/create-modify-annotation)
+- [Customize Annotation](../annotations/customize-annotation)
+- [Remove Annotation](../annotations/delete-annotation)
+- [Handwritten Signature](../annotations/signature-annotation)
+- [Export and Import Annotation](../annotations/export-import/export-annotation)
+- [Annotation Permission](../annotations/annotation-permission)
+- [Annotation in Mobile View](../annotations/annotations-in-mobile-view)
+- [Annotation Events](../annotations/annotation-event)
+- [Annotation API](../annotations/annotations-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md
new file mode 100644
index 0000000000..5be550069c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md
@@ -0,0 +1,51 @@
+---
+layout: post
+title: Overview of Annotation in Angular PDF Viewer | Syncfusion
+description: Learn about Annotations and how to add, edit, delete, and configure Annotations in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Annotations overview in Angular
+
+Annotations in the PDF Viewer are interactive elements that allow users to add notes, highlights, or text boxes directly to a PDF document. These annotations add context and feedback to PDF files, simplifying collaboration during document reviews.
+
+The PDF Viewer provides a complete set of annotation tools for reviewing, measuring, and marking up PDFs in Angular.
+
+## Supported annotations
+
+- Text markup: [Highlight](../annotation/annotation-types/highlight-annotation), [Underline](../annotation/annotation-types/underline-annotation), [Squiggly](../annotation/annotation-types/Squiggly-annotation), [Strikethrough](../annotation/annotation-types/strikethrough-annotation)
+- Shapes: [Line](../annotation/annotation-types/line-annotation), [Arrow](../annotation/annotation-types/arrow-annotation), [Rectangle](../annotation/annotation-types/rectangle-annotation), [Circle](../annotation/annotation-types/circle-annotation), [Polygon](../annotation/annotation-types/polygon-annotation)
+- Text boxes: [Free Text](../annotation/annotation-types/free-text-annotation)
+- Drawing: [Ink](../annotation/annotation-types/ink-annotation) (freehand)
+- Stamps: [Standard and custom stamps](../annotation/annotation-types/stamp-annotation)
+- Notes: [Sticky Notes](../annotation/annotation-types/sticky-notes-annotation) (comments)
+- Redaction: Mark and apply [redactions](../annotation/annotation-types/redaction-annotation)
+- Measurement: [Distance](../annotation/annotation-types/distance-annotation), [Perimeter](../annotation/annotation-types/perimeter-annotation), [Area](../annotation/annotation-types/area-annotation), [Radius](../annotation/annotation-types/radius-annotation), [Volume](../annotation/annotation-types/volume-annotation)
+
+## Annotation manipulation capabilities
+
+- [Create annotations](../annotation/create-modify-annotation): Use the toolbar, context menu, or APIs to add highlights, notes, shapes, and more directly onto the PDF document.
+- [Edit annotations](../annotation/create-modify-annotation.md): Modify existing annotations by moving, resizing, or updating text and style properties like color, opacity, and thickness.
+- [Customize annotations](../annotation/customize-annotation): Adjust appearance and behavior—such as fonts, fill colors, and opacity—through the UI or configuration options.
+- [Undo and redo annotations](../annotation/annotations-undo-redo): Revert or reapply annotation actions (add, edit, delete) using toolbar buttons or corresponding APIs.
+- [Import and export annotations](../annotation/export-import/export-annotation): Save and load annotations in JSON or XFDF formats to persist markups across sessions or share them with others.
+- Set [Permissions](../annotation/annotation-permission): Enable or disable annotation permission, ensuring compliance with document permissions.
+- Add and manage [comments](../annotation/comments): Insert, edit, and delete comments or sticky notes attached to annotations for clearer feedback and collaboration.
+
+## See also
+
+- [Annotation Types](../annotation/annotation-types)
+- [Annotation Toolbar](../toolbar-customization/annotation-toolbar)
+- [Create and Modify Annotation](../annotation/create-modify-annotation)
+- [Customize Annotation](../annotation/customize-annotation)
+- [Remove Annotation](../annotation/delete-annotation)
+- [Handwritten Signature](../annotation/signature-annotation)
+- [Export and Import Annotation](../annotation/export-import/export-annotation)
+- [Annotation Permission](../annotation/annotation-permission)
+- [Annotation in Mobile View](../annotation/annotations-in-mobile-view)
+- [Annotation Events](../annotation/annotation-event)
+- [Annotation Undo Redo](../annotation/annotations-undo-redo)
+- [Annotation API](../annotation/annotations-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md
index f6c948d14f..225a6e233f 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md
@@ -12,28 +12,183 @@ domainurl: ##DomainURL##
The PDF Viewer control supports adding handwritten signatures to a PDF document. Handwritten signatures reduce paperwork and enable digital verification.
-## Adding a handwritten signature to the PDF document
+## Add signature annotation
-Add a handwritten signature using the annotation toolbar.
+### Adding a handwritten signature in UI
-* Open the annotation toolbar by clicking the **Edit Annotation** button on the PDF Viewer toolbar.
-* Select the **HandWritten Signature** button in the annotation toolbar to open the signature panel.
+The handwritten signature can be added to the PDF document using the annotation toolbar.
-
+- Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
+- Select the **Handwritten signature** button in the annotation toolbar. The signature panel appears.
-* Draw the signature in the panel.
+
-
+- Draw the signature in the panel.
-* Click **Create**, move the signature, and place it at the desired location.
+
-
+- Click **Create**, move the signature, and place it at the desired location.
-## Adding a handwritten signature to the PDF document Programmatically
+
-With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
+Refer to the following code sample to switch to the handwritten signature mode programmatically.
-Here is an example of using the `addAnnotation()` method to add a handwritten signature programmatically
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+ ],
+ template: `
+
+
+
+
+ `
+})
+export class AppComponent {
+
+ public documentPath: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ /** Switch to Handwritten Signature annotation mode */
+ handWrittenSignature(): void {
+ const viewer = (document.getElementById('pdfViewer') as any)
+ ?.ej2_instances?.[0];
+
+ if (viewer) {
+ viewer.annotation.setAnnotationMode('HandWrittenSignature');
+ }
+ }
+}
+{% endhighlight %}
+{% highlight ts tabtitle="Server-Backed" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+ ],
+ template: `
+
+
+
+
+
+
+
+
+ `
+})
+export class AppComponent {
+
+ public documentPath: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ public serviceUrl: string =
+ 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+
+ /** Switch to Handwritten Signature annotation mode */
+ handWrittenSignature(): void {
+ const viewer = (document.getElementById('pdfViewer') as any)
+ ?.ej2_instances?.[0];
+
+ if (viewer) {
+ viewer.annotation.setAnnotationMode('HandWrittenSignature');
+ }
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+### Add a handwritten signature programmatically
+
+With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [**addAnnotation()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
+
+Here is an example of adding a handwritten signature programmatically using the `addAnnotation()` method:
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -78,7 +233,7 @@ export class AppComponent implements OnInit {
displayMode: DisplayMode.Draw
},
canSave: true,
- path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":250.83334350585938,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":257.5,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":926.6667175292969},{\"command\":\"L\",\"x\":259.5,\"y\":924.0000305175781},{\"command\":\"L\",\"x\":259.5,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":258.16668701171875,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.16668701171875,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":253.5,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":925.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":927.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":253.5,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":260.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":264.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":274.16668701171875,\"y\":958.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":281.5,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":285.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":967.3333435058594},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":282.8333740234375,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":266.16668701171875,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":259.5,\"y\":993.3333435058594},{\"command\":\"L\",\"x\":252.16668701171875,\"y\":994.0000305175781},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":228.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":246.16668701171875,\"y\":972.0000305175781},{\"command\":\"L\",\"x\":257.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":262.8333435058594,\"y\":976.0000305175781},{\"command\":\"L\",\"x\":269.5,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":276.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":279.5,\"y\":978.0000305175781},{\"command\":\"L\",\"x\":285.5,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":288.16668701171875,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":293.5,\"y\":966.6667175292969},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":291.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":292.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":295.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":297.5,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":298.8333740234375,\"y\":970.6667175292969},{\"command\":\"L\",\"x\":301.5,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":304.16668701171875,\"y\":968.6667175292969},{\"command\":\"L\",\"x\":305.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":308.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":310.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":311.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":312.8333740234375,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":968.0000305175781},{\"command\":\"L\",\"x\":317.5,\"y\":972.6667175292969},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":986.0000305175781},{\"command\":\"L\",\"x\":319.5,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.8333740234375,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":987.3333435058594},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":985.3333435058594},{\"command\":\"L\",\"x\":314.16668701171875,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":320.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":321.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":322.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":322.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":326.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":328.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":328.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":329.5,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.6667175292969},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":331.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":332.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":333.5,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":334.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":335.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":336.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":337.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":338.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":340.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":341.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":342.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":344.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":346.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":349.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":350.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":351.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":355.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":356.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":358.16668701171875,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":360.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":364.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":370.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":932.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":375.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":378.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":380.8333740234375,\"y\":981.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":383.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":387.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":392.8333740234375,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":385.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":382.8333740234375,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":963.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":384.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":387.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":389.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":390.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":390.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":393.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":396.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":398.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":947.3333435058594},{\"command\":\"L\",\"x\":401.5,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":402.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":403.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":404.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":406.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":407.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":410.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":412.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.0000305175781},{\"command\":\"L\",\"x\":415.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":418.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":420.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":423.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":423.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":421.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":422.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":424.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":425.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":428.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":429.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":430.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":432.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":434.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":437.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":440.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":441.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":442.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":443.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":444.16668701171875,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":447.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":450.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":453.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":452.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":450.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":448.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":447.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":445.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.8333740234375,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":454.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":456.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":459.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":460.8333740234375,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":461.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":462.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":464.16668701171875,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":465.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":466.16668701171875,\"y\":932.6667175292969},{\"command\":\"L\",\"x\":467.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":469.5,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":470.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":474.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":475.5,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":478.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":481.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":484.8333740234375,\"y\":934.0000305175781},{\"command\":\"L\",\"x\":488.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":489.5,\"y\":928.0000305175781}]'
+ path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781}]'
} as HandWrittenSignatureSettings );
pdfviewer.annotation.addAnnotation("HandWrittenSignature", {
offset: { x: 200, y: 310 },
@@ -103,7 +258,7 @@ export class AppComponent implements OnInit {
displayMode: DisplayMode.Upload, hideSaveSignature: false
},
canSave: true,
- path: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIIAqwMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYBAwQHAv/EAEEQAAEDAwIEAwYDBAYLAAAAAAECAwQABREGIRIxQVETYXEHFCIygZEVQmIjUnKCJCUzU6HRFhc1c5KisbKzwvD/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcaUpQKUpQKUpQKUpQKUpQKVzXGdFtsN2ZPfbYjNJ4nHHDgJFfEK5Q5ttbuUaQhcNxvxUPcklPfflQdlYJxURpe/salthuMNpxEYvuNtKc28VKVcPGB2JB577Vyz7pNuUxy26eWlCml8Mu4OI4kR/0oB2Wvp2T17EJK43qDbloakOqL7m6I7TanHVjOMhCQTjzxgVut89i4Mqdj8Y4VlC0OIKFIUOYKTuOn0INRZZtWkrVLuDpIIHHJlPK4nX1dOJR5kk4A5DYDArVoWbHuVgTPjvF5Ul5xx5zhIBc4jkJyBlI+UHqE0FjpSlApSlApSlApSlApSlApSlApSlArClAczgVmqr7QZLptkezxHi1KvD4ihxKsFprBU6v6IB+pFBTdUKf1uUuFa0WpyUIVoYBx706chchXdKEhZSPLNXXVTsOw6NdjNxkvJS0iLEidHnDhLaPME4z5ZzVHk6kTHu1vTpyE1Jf8L3Oww1ZDaGc4XJXjklXDhP6UlWd63ybrL1rq1mNa1hLcAKEeQgcTbbvyuScHnw5KGweZJPIVRYoDT6okfSlnfWhmCwlu43FGAUKxu2j9atyT+UHvirZBixLZBaiQ2kR4zCMIQnZKRWuz2yLZ7czBgo4GWh13KidypR6qJJJPevOvaFqCXqC4HSGmzxlxQbmvJJAPXwwe2M8R9R3FQc1xde9qOqEW+C44jTFuVxPvtnHvCvI+e4HYZPavV4sdmLGajxmktMtJCENpGAkDkBUbpixRNO2dm3Q0/Cj4lrPNazzUf/uWKlkkEZByKDNKUoFKUoFKUoFKUoFKwahZ2p7dFfMZhTs+ZnHu0FHirB/VjZHqogUE3WOIYzUApzUlwBKUxLOwQCFL/bv467DCEn6qr5i6btk5ht+ZOlXlCxlLkiTxtr8whGG8fy0HdK1FZorymHbjH8dPNlC+NY/lTk1XNTe0m12SCXBFnrkOpX7uh6ItkKUBzPGEnhzjcA1bokKLAZS1BjMx20jAQy2EjHoK85i6PuOovaFNv+pWPDt8J/ggMKUCXktq+BX8HNXmT2G9HLF1trSyW2GrUFgbluT3eCIRIS26tS/iSjwgCcDl35Z3qBlSb/edVcN58e4tojKafiW2MfDQpRBXF8X5UnZPGsq5ZAr0TV2j52oL9Anx7wqCxHYWypLbeXAFH4lNqz8KiNs8x0qy2e1QrNbmYFuZDUdkYSkHOT1JPUk7k0HhsG6u3SHPeisLFwnucE95hOPdmc8DUNhR/OrCR5Ak9NvX9F6cRp20IZIR706AX1I5DA2Qn9KRsPvzJqGmXG0N6pfk3KTEhW2ykBsLKUh2Y4nKlY6lKCAOuVmuafry5T5rFs0vaHQ5JSVIm3FBaQhvq7wfNwjurAPnQZ9pms1WtlVmtDqRcnxwrdK+ERknqT0Vj7DftUN7OA1BilywWx65TnU8PjOAtMsJJzlbhBypXMhPFgADbrF6B0sNSagkzrk+5cbTDeUQ5IHwy3T+bHbYE/y9yK9sabQ02lDSAhCRhKUjAAoIaFaZ8gh++zg8vIKYsUFphB+/Ev8AmONuVTYGBgcqzSoFKUoFKUoFKUoFcV4mOW+2yJbEN6Y40gqTHYGVuHsK7awRmg8rd/1gameJn2n8Ptv5YQn+78f+8cSFLI57AJ8/Oy2eyalhxkRo79htEVI2YgQ1uEH+JSgD68NW/FQ2r7yqxWCTNZR4knZqM1/ePLPChP3IoKRc4l91FqJ3TkfUst2Aygfiz7TDTaEA8mkEAnjPXfAH2NohaPehR2Y8bVF9QwygNttJMcJSkDAAAZru0hY02CyMxFK8SWv9rMfPN55W6lE9d9vQCpughmrLNZVxI1Fc19kupYUn/wAYP+NdQVMjD+khEhsfM40nhUPMp3z9D9K76xQRN/uNxjWj3qwW9F0krKfDa8YISUn83F25VVocf2kXdR/EJlrskZQxiM14ryR5ZJA9c/SrHo973m2SFjPhCfKSzn9wPLCceXbyxUpPmRrdDemTHUMx2UFbjizgJAoPGrbpyJBRPvEi53STfhc34MRCVMrckLSvCT8aFEEjBUQdhUlfbHcrcItuYvc+VqbUBDcpf7PgDSfnJPBxBCQcDBGcnlUn7Om4kly+aonhbPBPkeGiRsIqCEqUcHkSMZ9K5bRqqMbjJ1E5FkTrndFe72m2sAF1MVBI4iD8iVKyoqO2w7VRbrJpRdkt7MGDe56GGhgJ8Njn1P8AZ9fPNd5gXNKQEXt0q7uRmz/0AqFja29znGFq2EmxuqaLzDrkhK2XUj5gF7YUNvhqsX+66nvtqlarsrsmDa7aUvQIqQULuCUqHiLdGPk4c8I686g9BMK8/lu7IxyzCB/9q4bpJkWeP7xd9TQojGeHjdipRk9hlW5/yrF21raoEGM/HcM+TMSDEhwyFuv55YA5DfcnYVx2fTD9wm/jeskMS7goYYhY42IKeyQeajtlR68tqCUjtXWVHakQL/FejupC23PcwsLSeoKVgEVsLWomsFMm1yAM5C2HGir6hSsfY1B6ILViuV50utSWkRpHvNvQTgGO6OLCe/CviB7bVMXjVMC2vCG0VTrk4MtQIeHHleZHJCf1KwKDTcNSqskB2XqSCYjTQ3fYcDzSj0SOSgSdhlP1r50FqherbM5cVQVQwmQtkNlfFxBON8/XB8wa4JNsfUzJ1Jq/wXFQWnH4tvbPEzFCUk8RyPjd2+bkOQ7nHs0iSLRY7dBkKUoy4gnYV8yHFEFxPoCtOPU+VBdaUpQKUpQKqF4H4xry027YxrYyq4yB3cPwND/vV9BVvNVTRf8ATrhqC9KIUJU4x2T2aZHAB/xcZ+tBa6UpQKr+r7lIjRWrdaz/AFrcleBF2z4W3xOq8kDf1wOtSV5ukSz216fOc4GGhk4GSo9EpHVROwHU1DaWtst2S9qG+N8Nzlp4WWSc+6R85S0P1dVHqfSgm7Rb2bTbItvjcXhR2g2kqOVKx1J6k8zVbfP+leoSxkGx2h7LxztJlD8h6FCOZ/VjtXdq25ymWY9ptSv61uSi2yr+4Rj43T5JHLzIrRfHIujtCy/dthFiqQyD8zrqhgZ7qUo/40FJsbL2q7W/YYchUdqdMlXC5SEDJQhbq/CbHTKuEEj90edXfRWi4Gk4yvAUqTMdADsp35ikckj91I7Vn2e6bTpnTUaG5hUtweLJcHVw9PQch6VZ6Dhudot12aQ1dIEWa2hXEhEllLgSe4Cga7OBPBwYHDjGMbYr6pQRNp03ZrM669arVChuu/OphkJJ8tunlUt0pSgjLxYLVew2LtAYleEctqcT8SPRXMfevq0WO12VtTdpgRoiVHKy02AVnuo8z9akaUEBr2O9L0beI8dtx1xyMpIQ2kqUodQANycZrk07JVeLyq4R2HmrZCiiJFW62UF9SilS1AHfhHAgA7b8XlVqIzWMb0GaUpQKUpQc9wkCJAkyVcmWlOH6AmoL2bsqZ0LZi4SXHowfcUeZU58ZP3VUpqNlcjT1zYaGVuRHUJA6koIFcuiZDcnR9lea+RcFkgdvgG1BN1omS48GM7JluoZYaSVuOLOEpSOZJrXdLjEtUF2bcJLceM0MrccOAP8AP0qqR4czWk1qfd2HItgZWFxLe6MLlKHJ14dE9kH1NBttDEjVVzYvtxaUza4547ZCdThSz0kLHQ4+UdAc86tcmQzDjOyJLiW2WUFxxxWwSkDJJ+lbQAOVVPU6vx29xdLsqPgBKZdzIG3ghWEtE9CtX/Kk0GzSTDlwekamnNlL08BMNCs5ZijdAweRVniPqB0qsarce1XrezWlghVsiTCp3B/tFtDicPok8CP4lq7VedSzXYFr8OBwpmyVCPEyPhStQPxEfupAKj5JNVz2eW9t2RIvLJWqGlsQbetXN1pCsuPerjmVZ6gCqLyBis0pUClKUClKUClKUClKUClKUClKUGCMjFVNqw36yeOxpmbb/wAPdcU43GntLPuqlHJCFJO6ckkJI2zzq20oKtE0iZE5q46mnKu8to8TLSmwiMwe6G99/wBSiTVoGwrNcV4uUez2yTcJiiGY7ZWrAyT2AHUk7D1oMXq6R7PapNxlk+FHQVkAZKj0SB1JOAPWozRtqfhW5ybcf9qXJz3qZk54FEbNg9kDCfoT1qGi++alvEGJdGwlq2hE+e0FApTKVu0we4Qk8R7nhNXkcqCs6q0zK1DcIWbkqNbW23ESmWk4ceCsZAV+UEAgnngnvViix2okZqPHbS2y0kIbQkYCUjYAVtpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKouv7mwi7W2HJBdZiJNxXHSd5DoUER2gOpU4rI/gq9VxO2i3PXRu6OwmFz2m/DbkKQCtKck4B+p+9BxaTtblqtQEvhM+UtUqatO4U8vdW/YbJHkkVNVgDFZoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoP//Z"
+ path: "data:image/jpeg;base64,/9j/4AAQSkZ..."
} as HandWrittenSignatureSettings );
}
}
@@ -151,7 +306,7 @@ export class AppComponent implements OnInit {
displayMode: DisplayMode.Draw
},
canSave: true,
- path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":250.83334350585938,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":257.5,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":926.6667175292969},{\"command\":\"L\",\"x\":259.5,\"y\":924.0000305175781},{\"command\":\"L\",\"x\":259.5,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":258.16668701171875,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.16668701171875,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":253.5,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":925.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":927.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":253.5,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":260.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":264.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":274.16668701171875,\"y\":958.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":281.5,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":285.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":967.3333435058594},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":282.8333740234375,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":266.16668701171875,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":259.5,\"y\":993.3333435058594},{\"command\":\"L\",\"x\":252.16668701171875,\"y\":994.0000305175781},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":228.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":246.16668701171875,\"y\":972.0000305175781},{\"command\":\"L\",\"x\":257.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":262.8333435058594,\"y\":976.0000305175781},{\"command\":\"L\",\"x\":269.5,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":276.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":279.5,\"y\":978.0000305175781},{\"command\":\"L\",\"x\":285.5,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":288.16668701171875,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":293.5,\"y\":966.6667175292969},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":291.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":292.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":295.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":297.5,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":298.8333740234375,\"y\":970.6667175292969},{\"command\":\"L\",\"x\":301.5,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":304.16668701171875,\"y\":968.6667175292969},{\"command\":\"L\",\"x\":305.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":308.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":310.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":311.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":312.8333740234375,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":968.0000305175781},{\"command\":\"L\",\"x\":317.5,\"y\":972.6667175292969},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":986.0000305175781},{\"command\":\"L\",\"x\":319.5,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.8333740234375,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":987.3333435058594},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":985.3333435058594},{\"command\":\"L\",\"x\":314.16668701171875,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":320.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":321.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":322.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":322.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":326.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":328.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":328.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":329.5,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.6667175292969},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":331.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":332.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":333.5,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":334.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":335.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":336.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":337.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":338.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":340.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":341.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":342.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":344.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":346.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":349.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":350.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":351.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":355.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":356.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":358.16668701171875,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":360.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":364.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":370.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":932.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":375.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":378.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":380.8333740234375,\"y\":981.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":383.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":387.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":392.8333740234375,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":385.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":382.8333740234375,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":963.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":384.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":387.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":389.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":390.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":390.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":393.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":396.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":398.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":947.3333435058594},{\"command\":\"L\",\"x\":401.5,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":402.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":403.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":404.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":406.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":407.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":410.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":412.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.0000305175781},{\"command\":\"L\",\"x\":415.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":418.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":420.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":423.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":423.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":421.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":422.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":424.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":425.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":428.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":429.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":430.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":432.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":434.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":437.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":440.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":441.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":442.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":443.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":444.16668701171875,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":447.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":450.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":453.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":452.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":450.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":448.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":447.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":445.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.8333740234375,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":454.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":456.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":459.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":460.8333740234375,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":461.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":462.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":464.16668701171875,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":465.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":466.16668701171875,\"y\":932.6667175292969},{\"command\":\"L\",\"x\":467.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":469.5,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":470.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":474.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":475.5,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":478.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":481.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":484.8333740234375,\"y\":934.0000305175781},{\"command\":\"L\",\"x\":488.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":489.5,\"y\":928.0000305175781}]'
+ path: '[{\"command\":\"M\",\"x\...}]'
} as HandWrittenSignatureSettings );
pdfviewer.annotation.addAnnotation("Initial", {
offset: { x: 200, y: 310 },
@@ -176,7 +331,7 @@ export class AppComponent implements OnInit {
displayMode: DisplayMode.Upload, hideSaveSignature: false
},
canSave: true,
- path: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIIAqwMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYBAwQHAv/EAEEQAAEDAwIEAwYDBAYLAAAAAAECAwQABREGIRIxQVETYXEHFCIygZEVQmIjUnKCJCUzU6HRFhc1c5KisbKzwvD/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcaUpQKUpQKUpQKUpQKUpQKVzXGdFtsN2ZPfbYjNJ4nHHDgJFfEK5Q5ttbuUaQhcNxvxUPcklPfflQdlYJxURpe/salthuMNpxEYvuNtKc28VKVcPGB2JB577Vyz7pNuUxy26eWlCml8Mu4OI4kR/0oB2Wvp2T17EJK43qDbloakOqL7m6I7TanHVjOMhCQTjzxgVut89i4Mqdj8Y4VlC0OIKFIUOYKTuOn0INRZZtWkrVLuDpIIHHJlPK4nX1dOJR5kk4A5DYDArVoWbHuVgTPjvF5Ul5xx5zhIBc4jkJyBlI+UHqE0FjpSlApSlApSlApSlApSlApSlApSlArClAczgVmqr7QZLptkezxHi1KvD4ihxKsFprBU6v6IB+pFBTdUKf1uUuFa0WpyUIVoYBx706chchXdKEhZSPLNXXVTsOw6NdjNxkvJS0iLEidHnDhLaPME4z5ZzVHk6kTHu1vTpyE1Jf8L3Oww1ZDaGc4XJXjklXDhP6UlWd63ybrL1rq1mNa1hLcAKEeQgcTbbvyuScHnw5KGweZJPIVRYoDT6okfSlnfWhmCwlu43FGAUKxu2j9atyT+UHvirZBixLZBaiQ2kR4zCMIQnZKRWuz2yLZ7czBgo4GWh13KidypR6qJJJPevOvaFqCXqC4HSGmzxlxQbmvJJAPXwwe2M8R9R3FQc1xde9qOqEW+C44jTFuVxPvtnHvCvI+e4HYZPavV4sdmLGajxmktMtJCENpGAkDkBUbpixRNO2dm3Q0/Cj4lrPNazzUf/uWKlkkEZByKDNKUoFKUoFKUoFKUoFKwahZ2p7dFfMZhTs+ZnHu0FHirB/VjZHqogUE3WOIYzUApzUlwBKUxLOwQCFL/bv467DCEn6qr5i6btk5ht+ZOlXlCxlLkiTxtr8whGG8fy0HdK1FZorymHbjH8dPNlC+NY/lTk1XNTe0m12SCXBFnrkOpX7uh6ItkKUBzPGEnhzjcA1bokKLAZS1BjMx20jAQy2EjHoK85i6PuOovaFNv+pWPDt8J/ggMKUCXktq+BX8HNXmT2G9HLF1trSyW2GrUFgbluT3eCIRIS26tS/iSjwgCcDl35Z3qBlSb/edVcN58e4tojKafiW2MfDQpRBXF8X5UnZPGsq5ZAr0TV2j52oL9Anx7wqCxHYWypLbeXAFH4lNqz8KiNs8x0qy2e1QrNbmYFuZDUdkYSkHOT1JPUk7k0HhsG6u3SHPeisLFwnucE95hOPdmc8DUNhR/OrCR5Ak9NvX9F6cRp20IZIR706AX1I5DA2Qn9KRsPvzJqGmXG0N6pfk3KTEhW2ykBsLKUh2Y4nKlY6lKCAOuVmuafry5T5rFs0vaHQ5JSVIm3FBaQhvq7wfNwjurAPnQZ9pms1WtlVmtDqRcnxwrdK+ERknqT0Vj7DftUN7OA1BilywWx65TnU8PjOAtMsJJzlbhBypXMhPFgADbrF6B0sNSagkzrk+5cbTDeUQ5IHwy3T+bHbYE/y9yK9sabQ02lDSAhCRhKUjAAoIaFaZ8gh++zg8vIKYsUFphB+/Ev8AmONuVTYGBgcqzSoFKUoFKUoFKUoFcV4mOW+2yJbEN6Y40gqTHYGVuHsK7awRmg8rd/1gameJn2n8Ptv5YQn+78f+8cSFLI57AJ8/Oy2eyalhxkRo79htEVI2YgQ1uEH+JSgD68NW/FQ2r7yqxWCTNZR4knZqM1/ePLPChP3IoKRc4l91FqJ3TkfUst2Aygfiz7TDTaEA8mkEAnjPXfAH2NohaPehR2Y8bVF9QwygNttJMcJSkDAAAZru0hY02CyMxFK8SWv9rMfPN55W6lE9d9vQCpughmrLNZVxI1Fc19kupYUn/wAYP+NdQVMjD+khEhsfM40nhUPMp3z9D9K76xQRN/uNxjWj3qwW9F0krKfDa8YISUn83F25VVocf2kXdR/EJlrskZQxiM14ryR5ZJA9c/SrHo973m2SFjPhCfKSzn9wPLCceXbyxUpPmRrdDemTHUMx2UFbjizgJAoPGrbpyJBRPvEi53STfhc34MRCVMrckLSvCT8aFEEjBUQdhUlfbHcrcItuYvc+VqbUBDcpf7PgDSfnJPBxBCQcDBGcnlUn7Om4kly+aonhbPBPkeGiRsIqCEqUcHkSMZ9K5bRqqMbjJ1E5FkTrndFe72m2sAF1MVBI4iD8iVKyoqO2w7VRbrJpRdkt7MGDe56GGhgJ8Njn1P8AZ9fPNd5gXNKQEXt0q7uRmz/0AqFja29znGFq2EmxuqaLzDrkhK2XUj5gF7YUNvhqsX+66nvtqlarsrsmDa7aUvQIqQULuCUqHiLdGPk4c8I686g9BMK8/lu7IxyzCB/9q4bpJkWeP7xd9TQojGeHjdipRk9hlW5/yrF21raoEGM/HcM+TMSDEhwyFuv55YA5DfcnYVx2fTD9wm/jeskMS7goYYhY42IKeyQeajtlR68tqCUjtXWVHakQL/FejupC23PcwsLSeoKVgEVsLWomsFMm1yAM5C2HGir6hSsfY1B6ILViuV50utSWkRpHvNvQTgGO6OLCe/CviB7bVMXjVMC2vCG0VTrk4MtQIeHHleZHJCf1KwKDTcNSqskB2XqSCYjTQ3fYcDzSj0SOSgSdhlP1r50FqherbM5cVQVQwmQtkNlfFxBON8/XB8wa4JNsfUzJ1Jq/wXFQWnH4tvbPEzFCUk8RyPjd2+bkOQ7nHs0iSLRY7dBkKUoy4gnYV8yHFEFxPoCtOPU+VBdaUpQKUpQKqF4H4xry027YxrYyq4yB3cPwND/vV9BVvNVTRf8ATrhqC9KIUJU4x2T2aZHAB/xcZ+tBa6UpQKr+r7lIjRWrdaz/AFrcleBF2z4W3xOq8kDf1wOtSV5ukSz216fOc4GGhk4GSo9EpHVROwHU1DaWtst2S9qG+N8Nzlp4WWSc+6R85S0P1dVHqfSgm7Rb2bTbItvjcXhR2g2kqOVKx1J6k8zVbfP+leoSxkGx2h7LxztJlD8h6FCOZ/VjtXdq25ymWY9ptSv61uSi2yr+4Rj43T5JHLzIrRfHIujtCy/dthFiqQyD8zrqhgZ7qUo/40FJsbL2q7W/YYchUdqdMlXC5SEDJQhbq/CbHTKuEEj90edXfRWi4Gk4yvAUqTMdADsp35ikckj91I7Vn2e6bTpnTUaG5hUtweLJcHVw9PQch6VZ6Dhudot12aQ1dIEWa2hXEhEllLgSe4Cga7OBPBwYHDjGMbYr6pQRNp03ZrM669arVChuu/OphkJJ8tunlUt0pSgjLxYLVew2LtAYleEctqcT8SPRXMfevq0WO12VtTdpgRoiVHKy02AVnuo8z9akaUEBr2O9L0beI8dtx1xyMpIQ2kqUodQANycZrk07JVeLyq4R2HmrZCiiJFW62UF9SilS1AHfhHAgA7b8XlVqIzWMb0GaUpQKUpQc9wkCJAkyVcmWlOH6AmoL2bsqZ0LZi4SXHowfcUeZU58ZP3VUpqNlcjT1zYaGVuRHUJA6koIFcuiZDcnR9lea+RcFkgdvgG1BN1omS48GM7JluoZYaSVuOLOEpSOZJrXdLjEtUF2bcJLceM0MrccOAP8AP0qqR4czWk1qfd2HItgZWFxLe6MLlKHJ14dE9kH1NBttDEjVVzYvtxaUza4547ZCdThSz0kLHQ4+UdAc86tcmQzDjOyJLiW2WUFxxxWwSkDJJ+lbQAOVVPU6vx29xdLsqPgBKZdzIG3ghWEtE9CtX/Kk0GzSTDlwekamnNlL08BMNCs5ZijdAweRVniPqB0qsarce1XrezWlghVsiTCp3B/tFtDicPok8CP4lq7VedSzXYFr8OBwpmyVCPEyPhStQPxEfupAKj5JNVz2eW9t2RIvLJWqGlsQbetXN1pCsuPerjmVZ6gCqLyBis0pUClKUClKUClKUClKUClKUClKUGCMjFVNqw36yeOxpmbb/wAPdcU43GntLPuqlHJCFJO6ckkJI2zzq20oKtE0iZE5q46mnKu8to8TLSmwiMwe6G99/wBSiTVoGwrNcV4uUez2yTcJiiGY7ZWrAyT2AHUk7D1oMXq6R7PapNxlk+FHQVkAZKj0SB1JOAPWozRtqfhW5ybcf9qXJz3qZk54FEbNg9kDCfoT1qGi++alvEGJdGwlq2hE+e0FApTKVu0we4Qk8R7nhNXkcqCs6q0zK1DcIWbkqNbW23ESmWk4ceCsZAV+UEAgnngnvViix2okZqPHbS2y0kIbQkYCUjYAVtpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKouv7mwi7W2HJBdZiJNxXHSd5DoUER2gOpU4rI/gq9VxO2i3PXRu6OwmFz2m/DbkKQCtKck4B+p+9BxaTtblqtQEvhM+UtUqatO4U8vdW/YbJHkkVNVgDFZoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoP//Z"
+ path: "data:image/jpeg;base64,/9j/4AAQSkZJRgAB..."
} as HandWrittenSignatureSettings );
}
}
@@ -185,8 +340,392 @@ export class AppComponent implements OnInit {
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/Add%20Handwritten%20Signature%20Programmatically)
-## Editing the properties of handwritten signature
+## Edit signature annotation
+
+### Edit signature annotation in UI
+
+Stroke color, border thickness, and opacity can be edited using the Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar.
+
+#### Edit stroke color
+
+Edit the stroke color using the color palette in the Edit Stroke Color tool.
+
+
+
+#### Edit thickness
+
+Edit border thickness using the range slider in the Edit Thickness tool.
+
+
+
+#### Edit opacity
+
+Edit opacity using the range slider in the Edit Opacity tool.
+
+
+
+### Edit Signature Annotation Programmatically
+
+With the PDF Viewer library, you can programmatically edit a handwritten signature in the PDF Viewer control using the `editSignature()` method.
+
+Here is an example of editing a handwritten signature programmatically using the `editSignature()` method:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ LinkAnnotationService,
+ ThumbnailViewService,
+ BookmarkViewService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+import { DisplayMode } from '@syncfusion/ej2-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ LinkAnnotationService,
+ ThumbnailViewService,
+ BookmarkViewService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService
+ ],
+ template: `
+
+
+
+
+
+
+
+
+ `
+})
+export class AppComponent {
+
+ public documentPath: string =
+ 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ /** Get PDF Viewer instance */
+ private getViewer(): any {
+ return (document.getElementById('pdfViewer') as any)
+ ?.ej2_instances?.[0];
+ }
+
+ /** Add Handwritten Signature (Text mode) */
+ addSignature(): void {
+ const viewer = this.getViewer();
+ if (!viewer) { return; }
+
+ viewer.annotation.addAnnotation('HandWrittenSignature', {
+ offset: { x: 200, y: 310 },
+ pageNumber: 1,
+ width: 200,
+ height: 65,
+ signatureItem: ['Signature'],
+ signatureDialogSettings: {
+ displayMode: DisplayMode.Text,
+ hideSaveSignature: false
+ },
+ canSave: false,
+ path: 'Syncfusion',
+ fontFamily: 'Helvetica'
+ });
+ }
+
+ /** Edit existing Signature annotation */
+ editSignature(): void {
+ const viewer = this.getViewer();
+ if (!viewer || !viewer.signatureCollection) { return; }
+
+ for (const signature of viewer.signatureCollection) {
+ if (signature.shapeAnnotationType === 'SignatureText') {
+ signature.fontSize = 12;
+ signature.thickness = 2;
+ signature.strokeColor = '#0000FF';
+ signature.opacity = 0.8;
+
+ viewer.annotationModule.editSignature(signature);
+ }
+ }
+ }
+}
+{% endhighlight %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ LinkAnnotationService,
+ ThumbnailViewService,
+ BookmarkViewService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+import { DisplayMode } from '@syncfusion/ej2-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ LinkAnnotationService,
+ ThumbnailViewService,
+ BookmarkViewService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService
+ ],
+ template: `
+
+
+
+
+
+
+
+
+
+ `
+})
+export class AppComponent {
+
+ public documentPath: string =
+ 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+
+ public serviceUrl: string =
+ 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+
+ /** Get PDF Viewer instance */
+ private getViewer(): any {
+ return (document.getElementById('pdfViewer') as any)
+ ?.ej2_instances?.[0];
+ }
+
+ /** Add Handwritten Signature (Text mode) */
+ addSignature(): void {
+ const viewer = this.getViewer();
+ if (!viewer) { return; }
+
+ viewer.annotation.addAnnotation('HandWrittenSignature', {
+ offset: { x: 200, y: 310 },
+ pageNumber: 1,
+ width: 200,
+ height: 65,
+ signatureItem: ['Signature'],
+ signatureDialogSettings: {
+ displayMode: DisplayMode.Text,
+ hideSaveSignature: false
+ },
+ canSave: false,
+ path: 'Syncfusion',
+ fontFamily: 'Helvetica'
+ });
+ }
+
+ /** Edit existing Signature annotation */
+ editSignature(): void {
+ const viewer = this.getViewer();
+ if (!viewer || !viewer.signatureCollection) { return; }
+
+ for (const signature of viewer.signatureCollection) {
+ if (signature.shapeAnnotationType === 'SignatureText') {
+ signature.fontSize = 12;
+ signature.thickness = 2;
+ signature.strokeColor = '#0000FF';
+ signature.opacity = 0.8;
+
+ viewer.annotationModule.editSignature(signature);
+ }
+ }
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+## Enable or disable handwritten signature
+
+The following example enables or disables the handwritten signature in the PDF Viewer. Setting the value to `false` disables the feature.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+ ],
+ template: `
+
+
+
+
+
+
+
+ `
+})
+export class AppComponent {
+
+ public documentPath: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ public serviceUrl: string =
+ 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+}
+{% endhighlight %}
+{% highlight ts tabtitle="Server-Backed" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ AnnotationService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+ ],
+ template: `
+
+
+
+
+
+
+
+ `
+})
+export class AppComponent {
+
+ public documentPath: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+}
+{% endhighlight %}
+{% endtabs %}
+
+N> When `enableHandwrittenSignature` is set to `false`, the handwritten signature toolbar and related UI are disabled; existing handwritten signature annotations remain in the document unless removed. The `canSave` option in annotation examples controls whether a signature can be saved for reuse; when `canSave` is `false`, signatures are not persisted in the signature collection for later reuse.
-Edit the stroke color, border thickness, and opacity of a handwritten signature using the annotation toolbar's edit stroke color, thickness, and opacity tools.
+## See also
-
+- [Annotation Overview](../overview)
+- [Annotation Types](../annotation/annotation-types/area-annotation)
+- [Annotation Toolbar](../toolbar-customization/annotation-toolbar)
+- [Create and Modify Annotation](../annotation/create-modify-annotation)
+- [Customize Annotation](../annotation/customize-annotation)
+- [Remove Annotation](../annotation/delete-annotation)
+- [Export and Import Annotation](../annotation/export-import/export-annotation)
+- [Annotation Permission](../annotation/annotation-permission)
+- [Annotation in Mobile View](../annotation/annotations-in-mobile-view)
+- [Annotation Events](../annotation/annotation-event)
+- [Annotation API](../annotation/annotations-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/context-menu/builtin-context-menu.md b/Document-Processing/PDF/PDF-Viewer/angular/context-menu/builtin-context-menu.md
new file mode 100644
index 0000000000..2f00d0934f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/context-menu/builtin-context-menu.md
@@ -0,0 +1,74 @@
+---
+layout: post
+title: Built-in Context Menu in Angular PDF Viewer | Syncfusion
+description: Explore the default context menu items in the Angular PDF Viewer, including options for text selection, annotations, and form fields.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Built-in Context Menu Items in Angular PDF Viewer
+
+The Angular PDF Viewer includes a context-sensitive menu that updates dynamically based on the right-clicked element within the document. This page lists the default menu items available for different document elements.
+
+## Context Menu Scenarios
+
+Menu items vary depending on the target element:
+
+* **Text**: Displays options to annotate and copy selected text.
+
+ 
+
+* **Annotations**: Provides options to copy, cut, paste, or remove annotations, and add comments.
+
+ 
+
+* **Form Fields**: Shows standard form field interactions, such as modifying properties. The context menu for form fields appears only when the viewer is in **designer mode**.
+
+ 
+
+* **Empty Space**: Displays the option to paste a previously copied annotation or form field.
+
+ 
+
+## Default Item Reference
+
+### Text Menu Items
+
+The following table describes the default items available when right-clicking selected text:
+
+| Item | Description |
+| :--- | :--- |
+| **Copy** | Copies selected text to the clipboard. |
+| **Highlight** | Highlights selected text using the default highlight color. |
+| **Underline** | Applies an underline to the selected text. |
+| **Strikethrough** | Applies a strikethrough to the selected text. |
+| **Squiggly** | Applies a squiggly underline to the selected text. |
+| **Redact Text** | Redacts the selected text. |
+
+### Annotation Menu Items
+
+The following items are available when interacting with annotations:
+
+| Item | Description |
+| :--- | :--- |
+| **Copy** | Copies the selected annotation for pasting within the same page. |
+| **Cut** | Removes the selected annotation and copies it to the clipboard. |
+| **Paste** | Pastes a previously copied or cut annotation. |
+| **Delete** | Permanently removes the selected annotation. |
+| **Comments** | Opens the comment panel to manage discussions on the annotation. |
+
+### Form Field Menu Items
+
+These items appear when the viewer is in designer mode and a form field is selected:
+
+| Item | Description |
+| :--- | :--- |
+| **Copy** | Copies the selected form field for duplication. |
+| **Cut** | Removes the selected form field for relocation. |
+| **Paste** | Pastes a copied or cut form field. |
+| **Delete** | Removes the selected form field from the document. |
+| **Properties** | Launches the properties dialog for the specific form field. |
+
+N> The availability of the context menu is a client-side feature and is independent of server configurations.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/context-menu/context-menu.md b/Document-Processing/PDF/PDF-Viewer/angular/context-menu/context-menu.md
new file mode 100644
index 0000000000..dbde26cf54
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/context-menu/context-menu.md
@@ -0,0 +1,34 @@
+---
+layout: post
+title: Context Menu in Angular PDF Viewer | Syncfusion
+description: Learn about the contextual menu options in the Syncfusion Angular PDF Viewer, including default behavior and customization possibilities.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Context Menu in Angular PDF Viewer
+
+The Angular PDF Viewer provides a built-in context menu for interacting with text, annotations, form fields, and document elements. This feature enhances the user experience by offering quick access to relevant actions based on the current selection or the specific area of the document being interacted with.
+
+## Understanding the Context Menu
+
+The context menu is designed to be context-aware, meaning it dynamically updates its items based on the target element. For instance, right-clicking on selected text will show annotation options, while right-clicking on an annotation will display management options like copy, cut, and delete.
+
+### Core Capabilities
+
+The context menu supports several configurations:
+
+* **Default Behavior**: Provides standard actions such as cut, copy, and annotation management.
+* **Customization**: Allows adding new menu items, removing default ones, or reordering them to meet specific application requirements.
+* **Granular Control**: Developers can fully disable the menu or replace it with custom logic using events.
+
+### Client-side Interaction
+
+The availability and behavior of the context menu are governed primarily by client-side logic. It is not affected by server-side configurations or cloud environments, ensuring consistent performance across different deployment scenarios.
+
+## Further Reading
+
+* [Built-in Context Menu](builtin-context-menu) – A technical reference for default menu behavior and items.
+* [Customize Context Menu](custom-context-menu) – A guide on how to implement custom menu items and dynamic updates.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/context-menu/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/angular/context-menu/custom-context-menu.md
new file mode 100644
index 0000000000..8e79c6ec0c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/context-menu/custom-context-menu.md
@@ -0,0 +1,301 @@
+---
+layout: post
+title: Customize context menu in Angular PDF Viewer | Syncfusion
+description: Learn here all about how to add and customize custom context menu options in the Angular PDF Viewer using addCustomMenu, and related events.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# How to Customize the context menu in PDF Viewer in Angular
+
+The PDF Viewer supports extensive customization of the context menu, including reaching specific goals like adding new items, hiding default options, and handling custom click events.
+
+## Add Custom Context Menu Items
+
+You can add custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#addcustommenu) method. This is typically implemented during the [`documentLoad`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#documentload) event.
+
+### Implementation Guide
+
+1. Define the menu items as an array of objects.
+2. Call the [`addCustomMenu`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#addcustommenu) method within the [`documentLoad`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#documentload) event handler.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild } from '@angular/core';
+import {
+ PdfViewerComponent,PdfViewerModule,ToolbarService,
+ NavigationService,AnnotationService,LinkAnnotationService,
+ BookmarkViewService,ThumbnailViewService,PrintService,
+ TextSelectionService,TextSearchService,
+ FormFieldsService,FormDesignerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,NavigationService,AnnotationService,
+ LinkAnnotationService,BookmarkViewService,ThumbnailViewService,
+ PrintService,TextSelectionService,
+ TextSearchService,FormFieldsService,
+ FormDesignerService,
+ ],
+ template: `
+
+
+
+
+
+
+
+
+
+ `,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+ ]
+})
+export class AppComponent {
+
+ @ViewChild('pdfViewer')
+ public pdfViewer!: PdfViewerComponent;
+
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+
+ public resource: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+}
+{% endhighlight %}
+{% endtabs %}
+
+The Viewer requires **FormFields** and **FormDesigner** services for form interaction and design, and `resourceUrl` for proper asset loading in modern setups.
+
+2. **Place a signature field (UI or API)**
+ - **UI:** Open **Form Designer** → choose **Signature Field** → click to place → configure properties like required, tooltip, and thickness.
+ 
+ - **API:** Use `addFormField('SignatureField', options)` to create a signature field programmatically.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild } from '@angular/core';
+import {
+ PdfViewerComponent,
+ PdfViewerModule,
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ template: `
+
+
+
+
+ `,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ LinkAnnotationService,
+ BookmarkViewService,
+ ThumbnailViewService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService
+ ]
+})
+export class AppComponent {
+
+ @ViewChild('pdfViewer')
+ public pdfViewer!: PdfViewerComponent;
+
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+
+ public resource: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ onDocumentLoad(): void {
+ (this.pdfViewer as any).formDesignerModule.addFormField('SignatureField', {
+ name: 'ApproverSignature',
+ pageNumber: 1,
+ bounds: { X: 72, Y: 640, Width: 220, Height: 48 },
+ isRequired: true,
+ tooltip: 'Sign here'
+ });
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+3. **Apply a PKI digital signature (JavaScript PDF Library)**
+
+The library provides `PdfSignatureField` and `PdfSignature.create(...)` for PKI signing with algorithms such as **SHA‑256**.
+
+```ts
+import {
+ PdfDocument, PdfSignatureField, PdfSignature,
+ CryptographicStandard, DigestAlgorithm
+} from '@syncfusion/ej2-pdf';
+
+// Load existing PDF bytes (base64/ArrayBuffer)
+const document = new PdfDocument(data);
+const page = document.getPage(0);
+
+// Create a visible signature field if needed
+const field = new PdfSignatureField(page, 'ApproverSignature', {
+ x: 72, y: 640, width: 220, height: 48
+});
+
+// Create a CMS signature using a PFX (certificate + private key)
+const signature = PdfSignature.create(
+ { cryptographicStandard: CryptographicStandard.cms, digestAlgorithm: DigestAlgorithm.sha256 },
+ certData,
+ password
+);
+
+field.setSignature(signature);
+document.form.add(field);
+
+const signedBytes = await document.save('signed.pdf');
+document.destroy();
+```
+
+N> For sequential or multi‑user flows and digital signature appearances, see these live demos: [eSigning PDF Form](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/esigning-pdf-forms), [Invisible Signature](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/invisible-digital-signature) and [Visible Signature](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/visible-digital-signature) in the Angular Sample Browser.
+
+## How‑to guides
+
+### Add a signature field (UI)
+Use the Form Designer toolbar to place a **Signature Field** where signing is required. Configure indicator text, required state, and tooltip in the properties pane.
+
+ 
+
+### Add a signature field (API)
+
+Adds a signature field programmatically at the given bounds.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+{% raw %}
+(this.pdfViewer as any).formDesignerModule.addFormField('SignatureField', {
+ name: 'CustomerSign',
+ pageNumber: 1,
+ bounds: { X: 56, Y: 700, Width: 200, Height: 44 },
+ isRequired: true
+});
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+### Capture handwritten/typed signature in the browser
+
+When users click a signature field at runtime, the Viewer’s dialog lets them **draw**, **type**, or **upload** a handwritten signature image—no plugin required—making it ideal for quick approvals.
+
+ 
+
+N> For a ready‑to‑try flow that routes two users to sign their own fields and then finalize, open [eSigning PDF Form](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/esigning-pdf-forms) in the sample browser.
+
+### Apply a PKI digital signature
+
+Use the **JavaScript PDF Library** to apply a cryptographic signature on a field, with or without a visible appearance. See the **Digital Signature** documentation for additional options (external signing callbacks, digest algorithms, etc.).
+
+N> To preview visual differences, check the [Invisible Signature](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/invisible-digital-signature) and [Visible Signature](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/visible-digital-signature) in our Sample Browser. Digital Signature samples in the Angular sample browser.
+
+### Finalize a signed document (lock)
+
+After collecting all signatures and passing validations, **[Lock](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/digitalsignature#lock-signature)** the PDF (and optionally restrict permissions) to prevent further edits.
+
+## Signature Workflow Best Practices (Explanation)
+
+Designing a well‑structured signature workflow ensures clarity, security, and efficiency when working with PDF documents. Signature workflows typically involve multiple participants—reviewers and approvers each interacting with the document at different stages.
+
+### Why structured signature workflows matter
+
+A clear signature workflow prevents improper edits, guarantees document authenticity, and reduces bottlenecks during review cycles. When multiple stakeholders sign or comment on a document, maintaining order is crucial for compliance, traceability, and preventing accidental overwrites.
+
+### Choosing the appropriate signature type
+
+Different business scenarios require different signature types. Consider the purpose, regulatory requirements, and level of trust demanded by the workflow.
+
+- **Handwritten/typed (electronic) signature** – Best for informal approvals, acknowledgments, and internal flows. (Captured via the Viewer’s signature dialog.)
+
+ 
+
+- **Digital certificate signature (PKI)** – Required for legally binding contracts and tamper detection with a verifiable signer identity. (Created with the JavaScript PDF Library.)
+
+N> You can explore and try out live demos for [Invisible Signature](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/invisible-digital-signature) and [Visible Signature](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/visible-digital-signature) in our Sample Browser.
+
+### Pre‑signing validation checklist
+
+To prevent rework, validate the PDF before enabling signatures:
+- Confirm all **required form fields** are completed (names, dates, totals). (See [Form Validation](../forms/form-validation).)
+- Re‑validate key values (financial totals, tax calculations, contract amounts).
+- Lock or restrict editing during review to prevent unauthorized changes.
+- Use [annotations](../annotation/overview) and [comments](../annotation/comments) for clarifications before signing.
+
+### Role‑based authorization flow
+
+- **Reviewer** – Reviews the document and adds [comments/markups](../annotation/comments). Avoid placing signatures until issues are resolved.
+ 
+- **Approver** – Ensures feedback is addressed and signs when finalized.
+ 
+- **Final Approver** – Verifies requirements, then [Lock Signature](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/digitalsignature#lock-signature) to make signatures permanent and may restrict further edits.
+
+N> **Implementation tip:** Use the PDF Library’s `flatten` when saving to make annotations and form fields permanent before the last signature.
+
+### Multi‑signer patterns and iterative approvals
+- Route the document through a defined **sequence of signers**.
+- Use [comments and replies](../annotation/comments#add-comments-and-replies) for feedback without altering document content.
+- For external participants, share only annotation data (XFDF/JSON) when appropriate instead of the full PDF.
+- After all signatures, **[Lock](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/digitalsignature#lock-signature)** to lock the file.
+
+N> Refer to [eSigning PDF Forms](https://document.syncfusion.com/demos/pdf-viewer/angular/#/bootstrap5/pdfviewer/esigning-pdf-forms) sample that shows two signers filling only their designated fields and finalizing the document.
+
+### Security, deployment, and audit considerations
+
+- **Restrict access:** Enforce authentication and role‑based permissions.
+- **Secure endpoints:** Protect PDF endpoints with token‑based access and authorization checks.
+- **Audit and traceability:** Log signature placements, edits, and finalization events for compliance and audits.
+- **Data protection:** Avoid storing sensitive PDFs on client devices; prefer secure server storage and transmission.
+- **Finalize:** After collecting all signatures, lock to prevent edits.
+
+## See also
+- [Create and Modify Annotation](../annotation/create-modify-annotation)
+- [Customize Annotation](../annotation/customize-annotation)
+- [Digital Signature - JavaScript PDF Library](https://help.syncfusion.com/document-processing/pdf/pdf-library/javascript/digitalsignature)
+- [Handwritten Signature](../annotation/signature-annotation)
+- [Form Fields API](../form-fields-api)
+- [Add Digital Signature](./add-digital-signature)
+- [Customize Signature Appearance](./customize-signature-appearance)
+- [Signature workflows](./signature-workflow)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md b/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md
new file mode 100644
index 0000000000..507805e002
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md
@@ -0,0 +1,68 @@
+---
+layout: post
+title: Validate Digital Signatures in Angular PDF Viewer | Syncfusion
+description: Learn how to validate digital signatures applied to PDF forms using the Syncfusion JavaScript PDF Library with the Angular PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Validate Digital Signatures in Angular
+
+This guide explains **how to validate digital signatures** on PDFs when using the **Syncfusion Angular PDF Viewer** together with the **JavaScript PDF Library**. It clarifies what the Viewer does (display fields and signature appearances) and what the **PDF Library** does (perform **cryptographic validation** and produce validation results).
+
+N> **Important:** The Angular PDF Viewer renders signature fields and their visual appearances, but **cryptographic validation is performed by the JavaScript PDF Library**. Use the library to check integrity, certificate trust, and timestamp status, and surface the result in your UI.
+
+## Overview (Explanation)
+
+A **digital signature** is a cryptographic proof embedded in the PDF that allows verifiers to confirm:
+
+- **Document integrity** – The PDF has not changed since it was signed.
+- **Signer identity & trust** – The signer’s certificate chains to a trusted authority or is trusted locally.
+- **Timestamp validity** – (If present) the signature was time‑stamped by a trusted TSA at signing time.
+- **Revocation status** – Whether the signer’s certificate was revoked at or after signing (OCSP/CRL).
+
+ In Syncfusion, you typically **[design the signature field in the Viewer](../forms/manage-form-fields/create-form-fields#signature-field)** and then use the Syncfusion PDF Library to perform cryptographic validation. See the PDF Library documentation for API references and examples: [Digital signature validation (PDF Library)](https://help.syncfusion.com/document-processing/pdf/pdf-library/net/working-with-digitalsignature#digital-signature-validation).
+
+## How validation fits in the Viewer flow (Concept)
+
+1. Load and interact with the PDF in **Angular PDF Viewer** (place fields, fill forms).
+2. Use **JavaScript PDF Library** to **open the PDF bytes** and **validate the signature**.
+3. Display the validation outcome (valid/invalid/unknown) in your Angular UI (badge, toast, side panel).
+
+## How‑to: Validate a digital signature (Client‑side)
+
+Cryptographic signature validation is performed by the Syncfusion PDF Library. Please refer to the PDF Library documentation for detailed guidance and sample code. The following pages cover validation concepts, APIs, and full examples:
+
+- [Digital signature validation overview](https://help.syncfusion.com/document-processing/pdf/pdf-library/net/working-with-digitalsignature#digital-signature-validation)
+
+- [Validate all signatures in a PDF document](https://help.syncfusion.com/document-processing/pdf/pdf-library/net/working-with-digitalsignature#validate-all-signatures-in-pdf-document)
+
+- [Validate and classify digital signatures in a PDF document](https://help.syncfusion.com/document-processing/pdf/pdf-library/net/working-with-digitalsignature#validate-and-classify-digital-signatures-in-a-pdf-document)
+
+After using the PDF Library to obtain validation results (integrity, trust, timestamp), surface those results in your Angular UI (for example: badge, table, or details panel) to communicate status to users.
+
+## Interpreting validation outcomes (Reference)
+
+- **Valid** – Integrity OK **and** certificate is trusted. (Timestamp valid if present.)
+- **Invalid** – Bytes changed after signing **or** signature object malformed.
+- **Unknown/Not Trusted** – Integrity OK but signer certificate is not trusted locally (common with **self‑signed PFX** used for demos). Import the signer certificate into the trusted store to see a *Valid* badge.
+
+## Best practices (Explanation)
+
+- **Single‑save rule:** Do **all edits first**, then **sign**, and **do not modify** the PDF after signing; modifying bytes after signing will invalidate the signature.
+- **Establish trust:** For demos, a self‑signed PFX will appear *Unknown*. For production, use a certificate that chains to a trusted CA or import the signer/issuer to the verifier’s trust store.
+- **Prefer timestamp (TSA):** A trusted timestamp improves long‑term validation even if the signer’s cert later expires or is revoked.
+- **Surface status in UI:** Show a clear badge (Valid/Invalid/Unknown) near the signature field or toolbar, and offer a *View details* panel with integrity, trust, and timestamp info.
+
+## Troubleshooting
+
+- **Signature shows Invalid** – Check whether the PDF was modified **after** signing (e.g., second save/flatten). Re‑sign as the last step.
+- **Unknown signer** – You are using a **self‑signed** PFX. Import the certificate into the validator’s trust store or use a CA‑issued certificate.
+- **Algorithm unsupported** – Use CMS/PKCS#7 with SHA‑256 (avoid SHA‑1).
+- **No revocation info** – Ensure OCSP/CRL endpoints are reachable by the validator or embed revocation data if supported.
+
+## See also
+- [Add Digital Signature](./add-digital-signature)
+- [Customize Signature Appearance](./customize-signature-appearance)
+- [Signature workflows](./signature-workflow)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md
new file mode 100644
index 0000000000..15de612a6c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md
@@ -0,0 +1,218 @@
+---
+layout: post
+title: Document Handling in Angular Pdfviewer component | Syncfusion
+description: This page helps you to learn about how to Open PDF from URL, Base64, Blob, Stream, Cloud storage in Syncfusion Angular Pdfviewer component.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load Large PDF Files in Angular PDF Viewer
+
+This article explains how to efficiently load and view large PDF files using the Syncfusion Angular PDF Viewer. It includes recommended best practices and performance tips for documents ranging from **50 MB to 2 GB**.
+
+## Why Large PDFs Need Special Handling
+
+Large PDF files often contain thousands of embedded objects such as images, compressed streams, digital signatures, form fields, annotations, vector graphics, and complex page structures. Rendering such heavy documents requires more processing time and memory.
+
+The **Syncfusion PDF Viewer is fully optimized for these heavy workloads**, and it delivers excellent performance even when working with very large files.
+
+### Viewer Capability Highlights
+- **Smooth performance for PDFs up to 1 GB**
+- **Supports viewing files up to ~2 GB**
+- **1 GB PDFs typically load within 5–6 seconds**
+- **Optimized incremental page loading** for faster interaction
+
+Performance may vary if the user’s system is heavily loaded or low on available RAM. In such cases, enabling the recommended optimizations below ensures maximum performance.
+
+## Best Practices for Loading Large PDFs
+
+### 1. Load PDFs Using Blob (Recommended)
+
+Blob loading provides the fastest and most efficient performance for large PDFs.
+
+#### Why Blob Loading Is Better
+
+When a large PDF (for example, 1 GB) is loaded directly via `documentPath` (URL):
+
+- The browser must **download the full document first**
+- Only after the full download completes, the viewer starts parsing and rendering
+- This causes delay for large files
+
+But when the PDF is fetched as a **Blob**:
+
+- The file is downloaded first in an optimized stream
+- A Blob URL is created and passed to the viewer
+- The viewer can begin rendering faster
+- Improves load time, memory usage, and overall responsiveness
+
+#### Example: Load a PDF as Blob
+```js
+fetch('https://your-api/large-file.pdf')
+ .then(response => response.blob())
+ .then(blob => {
+ const blobUrl = URL.createObjectURL(blob);
+ viewer.load(blobUrl, null);
+ })
+ .catch(error => console.error('Error loading PDF:', error));
+```
+
+Blob loading is highly recommended for all PDFs above **200 MB**, especially when working with 500 MB – 1 GB files.
+
+### 2. Viewer Performance Range
+
+The Syncfusion PDF Viewer is optimized to handle:
+
+- **Up to 1 GB** → very smooth
+- **Up to ~2 GB**
+
+This suits enterprise workflows involving large engineering drawings, client records, scanned books, and multi‑page financial reports.
+
+### 3. Minimize Injected Modules
+
+The PDF Viewer internally uses background workers for text processing, thumbnail generation, image rendering, and metadata extraction. Disabling modules that are not needed helps reduce background activity and improves performance.
+
+#### 3.1 Text Search & Text Selection
+
+Modules:
+- [`Text Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/text-search)
+- [`Text Selection`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/text-selection)
+
+These features require **continuous background text extraction and indexing**.
+
+For large PDFs:
+
+- Text extraction runs longer
+- Consumes additional CPU and memory
+- Increases initial load time
+
+If these features are not required in your application:
+
+- Disable them to reduce background tasks
+- Improve page rendering speed
+- Provide a smoother experience for large documents
+
+#### 3.2 Thumbnail View & Organize Pages
+
+Modules:
+- [`Organize Pages`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/organize-pages/overview)
+- [`Thumbnail View`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/page-thumbnail)
+
+These rely on **background thumbnail rendering**, where the viewer renders small preview images of every page.
+For PDFs with hundreds or thousands of pages, this becomes heavy.
+
+If thumbnails or page reordering are not essential:
+
+- Disable these modules
+- Prevent background thumbnail rendering
+- Reduce memory usage
+- Improve navigation responsiveness
+
+#### Example (remove unnecessary modules)
+```js
+
+
+
+
+ `,
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ ],
+})
+export class AppComponent implements AfterViewInit {
+ @ViewChild('pdfViewer') public pdfviewer: any;
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngAfterViewInit(): void {
+ // Initialization code here if needed
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+This is highly recommended when working with legal documents, tax forms, interactive applications, or PDFs containing thousands of annotations.
+
+### 5. Reduce Unnecessary Background System Processes
+
+For the best large‑PDF experience:
+
+- Close unused applications
+- Avoid multiple heavy tasks running in parallel
+- Minimize other browser tabs
+- Avoid opening multiple large PDFs simultaneously
+
+This ensures the viewer receives enough system resources.
+
+## See Also
+
+- [Load PDF (GitHub Sample)](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/Save%20and%20Load)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md
new file mode 100644
index 0000000000..6bd3273dc0
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md
@@ -0,0 +1,114 @@
+---
+layout: post
+title: Load Password Protected PDFs in Angular PDF Viewer | Syncfusion
+description: Learn how to open password-protected PDF files in the Syncfusion Angular PDF Viewer by providing the password in the documentPath object.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a Password-Protected PDF in Angular
+
+This article explains how to open password-protected PDF files in the Syncfusion Angular PDF Viewer. The viewer supports both user‑interactive loading (Open File dialog) and programmatic loading using APIs.
+
+## 1. Opening a Password-Protected PDF Using the **Open File** Dialog
+
+When the user selects a password-protected PDF using the built‑in **Open File** option:
+
+- The viewer detects that the document is encrypted
+
+
+
+- A **password input popup** is automatically displayed
+
+
+
+- The user enters the password
+
+- The document is decrypted and loaded
+
+No additional configuration or code is required.
+
+This approach works for all password-protected PDFs opened locally by the user.
+
+## 2. Opening a Password-Protected PDF Programmatically
+
+If you load a password-protected PDF from a URL or through custom logic, the viewer provides two behaviors depending on how the file is loaded.
+
+### 2.1 Load the Document Using `viewer.load(url, password)`
+
+You can directly pass the password in the [`load`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#load) method:
+
+```js
+viewer.load(
+ 'https://your-api/password-protected.pdf',
+ 'Password'
+);
+```
+
+- If the password is correct → the PDF loads immediately
+- If the password is incorrect → the viewer displays the incorrect password popup
+- If no password is provided → the password popup is shown automatically
+
+This is useful when the password is known beforehand.
+
+### 2.2 Loading a Password-Protected Document's URL Using `documentPath`
+
+If the [`documentPath`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#documentpath) points to a password-protected PDF:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, AfterViewInit, ViewChild } from '@angular/core';
+import {
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ PdfViewerModule,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ template: `
+
+
+
+
+ `,
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ ],
+})
+export class AppComponent implements AfterViewInit {
+ @ViewChild('pdfViewer') public pdfviewer: any;
+ // Load URL for Password Protected Document
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngAfterViewInit(): void {
+ // Initialization code here if needed
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+The viewer will:
+
+- Detect encryption
+- Show the **password popup automatically**
+- Allow the user to enter the correct password
+- Then load the PDF
+
+
+
+N> No password should be passed inside `documentPath`.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/preprocess-pdf.md b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/preprocess-pdf.md
new file mode 100644
index 0000000000..bcaa1989dd
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/preprocess-pdf.md
@@ -0,0 +1,258 @@
+---
+layout: post
+title: Preprocess PDF Document in Angular PDF Viewer | Syncfusion
+description: Learn how to preprocess PDF documents using Syncfusion PDF Library before displaying them in the Angular PDF Viewer.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Pre-process PDF Document Before Displaying in Angular PDF Viewer
+
+This section explains why preprocessing is useful, what operations you can perform using the Syncfusion PDF Library, and how to load the processed document in the Angular PDF Viewer.
+
+## Why Preprocessing Is Needed
+Preprocessing a PDF before sending it to the viewer helps you:
+- Reduce file size and improve load time
+- Merge multiple documents into one
+- Extract only required pages for faster loading
+- Flatten form fields and annotations for performance & security
+- Apply branding elements such as watermarks or stamps
+
+These enhancements ensure a better, faster, and more controlled viewing experience.
+
+## Merge PDF Documents
+### UI-Level Merging
+You can visually merge pages in the **Organize Pages** UI inside the PDF Viewer. Users can import another PDF, insert its pages into the current file, reorder pages, or delete unwanted pages.
+
+
+
+### Programmatically Merge PDFs
+Using the Syncfusion PDF Library, you can merge documents before loading them into the viewer.
+```js
+import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+const document1 = await PdfDocument.load('file1.pdf');
+const document2 = await PdfDocument.load('file2.pdf');
+
+document1.merge(document2);
+const mergedBytes = await document1.save();
+```
+You can then load the merged PDF into the viewer using Blob or Base64.
+
+## Extract Pages
+### UI-Level Extraction
+Using the Viewer's [**Organize Pages**](../../organize-pages/overview) window, users can select and extract required pages and download them separately.
+
+
+
+### Programmatically Extract Pages
+```js
+import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+const original = await PdfDocument.load('sample.pdf');
+const extracted = original.extractPages([2,3,4]);
+const resultBytes = await extracted.save();
+```
+This reduces file size and improves performance when loading large documents.
+
+## Flatten Form Fields & Annotations
+### Why Flattening Helps
+- Prevents users from editing form fields
+- Improves rendering speed
+- Ensures consistent appearance across all devices
+
+### Programmatic Flattening
+```js
+import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+const doc = await PdfDocument.load('form.pdf');
+doc.formFields.flattenAllFields();
+doc.annotations.flattenAllAnnotations();
+const bytes = await doc.save();
+```
+
+### Flatten on Load
+
+Use the following code-snippet, when you want uploaded PDFs to be flattened before they are loaded into the viewer.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, AfterViewInit, ViewChild } from '@angular/core';
+import {
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ FormFieldsService,
+ PdfViewerModule,
+} from '@syncfusion/ej2-angular-pdfviewer';
+import { PdfDocument } from '@syncfusion/ej2-pdf';
+import { UploaderModule } from '@syncfusion/ej2-angular-inputs';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule, UploaderModule],
+ template: `
+
+
+
+
+
+
+ `,
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ FormFieldsService,
+ ],
+})
+export class AppComponent implements AfterViewInit {
+ @ViewChild('pdfViewer') public pdfviewer: any;
+ @ViewChild('fileUpload') public uploader: any;
+
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib';
+
+ public toolbarSettings = {
+ showTooltip: true,
+ toolbarItems: [
+ { prefixIcon: 'e-icons e-folder', id: 'openPdf', tooltipText: 'Open File', align: 'left' },
+ 'PageNavigationTool',
+ 'MagnificationTool',
+ 'PanTool',
+ 'SelectionTool',
+ 'SearchOption',
+ 'PrintOption',
+ 'UndoRedoTool',
+ 'AnnotationEditTool',
+ 'FormDesignerEditTool',
+ 'CommentTool',
+ 'SubmitForm',
+ 'DownloadOption',
+ ],
+ };
+
+ ngAfterViewInit(): void {
+ // Initialize viewer
+ }
+
+ toolbarClick(args: any): void {
+ if (args.item && args.item.id === 'openPdf') {
+ document
+ .getElementsByClassName('e-file-select-wrap')[0]
+ .querySelector('button')
+ ?.click();
+ }
+ }
+
+ onSelect(args: any): void {
+ let validFiles = args.filesData;
+ if (validFiles.length === 0) {
+ args.cancel = true;
+ return;
+ }
+ if (!'.pdf'.includes(validFiles[0].type)) {
+ args.cancel = true;
+ return;
+ }
+
+ let file = validFiles[0].rawFile;
+ let reader = new FileReader();
+
+ reader.addEventListener('load', () => {
+ let base64Data = reader.result as string;
+ let pdf = base64Data.split(',')[1];
+ const doc = new PdfDocument(pdf);
+
+ // Flatten the annotation and form fields
+ doc.flatten = true;
+
+ var flattened = doc.save();
+ // Load the flattened PDF in PDF Viewer
+ this.pdfviewer.load(flattened, null);
+ });
+
+ reader.readAsDataURL(file);
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+N> Refer to the [Flatten on Download](../annotation/flatten-annotation#how-to-flatten-annotations) section for more information about flattening documents on download.
+
+## Add Watermark or Stamp
+### UI-Level Stamps
+The PDF Viewer toolbar allows users to:
+- Add [standard stamps](../annotation/stamp-annotation#add-stamp-annotations-to-the-pdf-document) (Approved, Draft, etc.)
+- Insert [custom image stamps](../annotation/stamp-annotation#add-a-custom-stamp)
+
+
+
+### Programmatically Add a Watermark
+```js
+import { PdfDocument, PdfGraphics, PdfBrushes } from '@syncfusion/ej2-pdf';
+
+const doc = await PdfDocument.load('input.pdf');
+const page = doc.getPage(0);
+const g = page.graphics;
+
+g.drawString('CONFIDENTIAL', {
+ x: 150,
+ y: 300,
+ fontSize: 48,
+ brush: PdfBrushes.gray,
+ opacity: 0.3,
+ rotateAngle: 45
+});
+
+const outputBytes = await doc.save();
+```
+
+## How-To Guide: Load the Preprocessed PDF in the Viewer
+You can load the processed PDF using **Blob**, **Base64**, or a **URL**.
+
+### Load Using Blob (Recommended)
+```js
+fetch('/api/processed-pdf')
+ .then(res => res.blob())
+ .then(blob => {
+ const url = URL.createObjectURL(blob);
+ viewer.load(url);
+ });
+```
+Best for large or dynamically processed PDFs.
+
+### Load Using Base64
+```js
+viewer.load('data:application/pdf;base64,BASE64_STRING');
+```
+Use for small files.
+
+### Load Using URL
+```js
+viewer.load('https://yourdomain.com/files/doc.pdf');
+```
+Ideal for stored/static files.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/retrieve-loadedDoc.md b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/retrieve-loadedDoc.md
new file mode 100644
index 0000000000..3285f4362c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/retrieve-loadedDoc.md
@@ -0,0 +1,283 @@
+---
+layout: post
+title: Retrieve the Loaded Document in Angular PDF Viewer | syncfusion
+description: Learn how to access the loaded PDF document instance in the Angular PDF Viewer using ViewChild and the documentLoad event.
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Retrieve the Loaded Document Instance in Angular PDF Viewer
+
+This page explains how to access the Angular PDF Viewer instance using Angular's `@ViewChild` decorator, listen for the [`documentLoad`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#documentload) life-cycle event, and retrieve document information, page details, and metadata—so you can safely invoke viewer APIs after the PDF is loaded.
+
+## Explanation: Why access the loaded document instance?
+
+- The viewer instance (via **Angular ViewChild**) gives you a stable handle to call APIs such as [`zoom`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/magnification), [`print`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/print), [`download`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/download), and [`navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/navigation).
+- The **document load event** (fires after the PDF is parsed and pages are ready) is the correct moment to read **document information** (title, author, page count, etc.) and **page metrics**, and to trigger post‑load UI logic.
+- Accessing the instance too early (before load completes) may cause null/undefined errors or incomplete information.
+
+## Reference: What you can access/call after load
+
+After the PDF is loaded you can:
+
+- **Read document information**: title, author, subject, keywords (metadata), page count.
+- **Read page details**: total pages, current page, page size(s).
+- **Call Viewer APIs** (typical examples):
+ - **Zoom / Fit**: `zoomTo(125)`; fit to page/width
+ - **Navigation**: go to a specific page
+ - **Interactions**: enable/disable features (based on injected services)
+ - **Export**: `download()`, `print()`
+
+> Always invoke these after the `documentLoad` event fires, or from user actions that occur after load. Guard calls with optional chaining or readiness flags.
+
+## How‑to: Get the instance with a ref and read details on load
+
+Below is a focused snippet showing:
+1) Creating a **ref** for the viewer,
+2) Wiring the **`documentLoad`** event, and
+3) Reading basic **document info** and **page count**, then calling **viewer APIs** safely.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, AfterViewInit, ViewChild } from '@angular/core';
+import {
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ PrintService,
+ PdfViewerModule,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ template: `
+
+
+
+
+ `,
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ PrintService,
+ ],
+})
+export class AppComponent implements AfterViewInit {
+ @ViewChild('pdfViewer') public pdfviewer: any;
+
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngAfterViewInit(): void {
+ // Component initialized
+ }
+
+ // Fires after the PDF is fully loaded and ready
+ onDocumentLoad(args: any): void {
+ // 1) Access the component instance
+ const viewer = this.pdfviewer;
+ if (!viewer) return;
+
+ // 2) Read loaded document details (shape depends on event payload/version)
+ console.log('documentLoad args:', args);
+
+ // 3) Call viewer APIs (after load)
+ const pageCount =
+ (viewer && viewer.pageCount) ||
+ (args && args.pageCount) ||
+ '(unknown)';
+ const documentName = (args && args.documentName) || '(unnamed)';
+ console.log(`Loaded: ${documentName}, pages: ${pageCount}`);
+
+ // Safe API calls after load
+ viewer.magnification?.zoomTo(200);
+ viewer.navigation?.goToPage(5);
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+**Notes**
+- The event name is `documentLoad` (the callback receives load args).
+- The exact event args and public methods available on the component may vary with the package version and injected services. Use `console.log(args)` once to see what’s present in your build.
+- Always guard calls with optional chaining (e.g., `viewer?.magnification?.zoomTo(125)`).
+
+## Tutorial: End‑to‑End — Read metadata & call APIs after load
+
+This example demonstrates a complete flow:
+- Setting up a **viewer ref**
+- Subscribing to `documentLoad`
+- Extracting **metadata** and **pages**
+- Exposing **buttons** to call viewer APIs only after load
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, AfterViewInit, ViewChild } from '@angular/core';
+import {
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ PdfViewerModule,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+interface DocumentInfo {
+ name: string;
+ pageCount?: number;
+ author?: string;
+ title?: string;
+}
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ template: `
+
+
+ `,
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ PrintService,
+ TextSelectionService,
+ TextSearchService,
+ ],
+})
+export class AppComponent implements AfterViewInit {
+ @ViewChild('pdfViewer') public pdfviewer: any;
+
+ public document: string =
+ 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resourceUrl: string =
+ 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ public ready: boolean = false;
+ public docInfo: DocumentInfo = {
+ name: '',
+ pageCount: undefined,
+ author: '',
+ title: '',
+ };
+
+ ngAfterViewInit(): void {
+ // Component initialized
+ }
+
+ handleDocumentLoad(args: any): void {
+ const viewer = this.pdfviewer;
+ if (!viewer) return;
+
+ console.log('documentLoad args:', args);
+
+ this.docInfo = {
+ name: args?.documentName || '',
+ pageCount: (viewer?.pageCount) || (args?.pageCount),
+ author: args?.documentInformation?.author || '',
+ title: args?.documentInformation?.title || '',
+ };
+
+ // Defer just a tick to ensure layout/modules ready before calling APIs
+ requestAnimationFrame(() => {
+ try {
+ if (viewer?.magnification?.zoomTo) {
+ viewer.magnification.zoomTo(150); // default zoom after load
+ }
+ if (viewer?.navigation?.goToPage) {
+ const targetPage = 1; // keep within bounds if you want to guard
+ if (!this.docInfo.pageCount || targetPage <= this.docInfo.pageCount) {
+ viewer.navigation.goToPage(targetPage);
+ }
+ }
+ } catch (e) {
+ console.warn('Post-load actions failed:', e);
+ } finally {
+ this.ready = true;
+ }
+ });
+ }
+
+ // ---- UI action handlers (module APIs) ----
+ zoomTo(percent: number): void {
+ const viewer = this.pdfviewer;
+ try {
+ viewer?.magnification?.zoomTo?.(percent);
+ } catch (e) {
+ console.warn('zoomTo failed:', e);
+ }
+ }
+
+ goTo(page: number): void {
+ const viewer = this.pdfviewer;
+ try {
+ viewer?.navigation?.goToPage?.(page);
+ } catch (e) {
+ console.warn('goToPage failed:', e);
+ }
+ }
+
+ printDoc(): void {
+ const viewer = this.pdfviewer;
+ try {
+ viewer?.print?.print?.();
+ } catch (e) {
+ console.warn('print failed:', e);
+ }
+ }
+
+ downloadDoc(): void {
+ const viewer = this.pdfviewer;
+ try {
+ viewer?.download?.();
+ } catch (e) {
+ console.warn('download failed:', e);
+ }
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+## See also
+- Angular PDF Viewer – [API Reference](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default) ([methods](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#methods), [events](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#events), [properties](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#properties))
+- Events: [`documentLoad`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#documentload) and related argument shape (check your package version)
+- [Modules and Services](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/feature-module) (e.g., Magnification, Navigation, Print) — ensure the features you call are injected
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/flatten-form-fields.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/flatten-form-fields.md
new file mode 100644
index 0000000000..eed95e9e83
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/flatten-form-fields.md
@@ -0,0 +1,122 @@
+---
+layout: post
+title: Flatten PDF form fields in Angular PDF Viewer | Syncfusion
+description: Learn how to flatten interactive PDF form fields before download or save-as in EJ2 Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Flatten PDF form fields in Angular
+
+## Overview
+
+Flattening PDF forms converts interactive fields such as textboxes, dropdowns, checkboxes, signatures, etc., into non‑editable page content. Use this when you want to protect filled data, finalize a document, or prepare it for secure sharing.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed and configured
+- Basic viewer setup completed with toolbar and page organizer services injected. For more information, see [getting started guide](../getting-started)
+
+## Flatten forms before downloading PDF
+
+1. Add a ViewChild to the [`PdfViewerComponent`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer) so you can access viewer APIs from event handlers.
+2. Intercept the download flow using [`downloadStart`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#downloadstart) and cancel the default flow.
+3. Retrieve the viewer's blob via [`saveAsBlob()`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#saveasblob) and convert the blob to base64.
+4. Use `PdfDocument` from Syncfusion PDF Library to open the document, set `field.flatten = true` for each form field, then save.
+5. For the flattening the form fields when downloading through *Save As* option in Page Organizer, repeat steps 2–4 by using [`pageOrganizerSaveAs`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#pageorganizersaveas) event.
+
+## Complete example
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild } from '@angular/core';
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
+ ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner,
+ PageOrganizer, Print, PageOrganizerSaveAsEventArgs, DownloadStartEventArgs
+} from '@syncfusion/ej2-angular-pdfviewer';
+import { PdfDocument, PdfField } from '@syncfusion/ej2-pdf';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
+ ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, Print],
+ template: `
+
+ Status: {{ ready ? 'Document loaded' : 'Loading…' }}
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `
+})
+export class AppComponent {
+ @ViewChild('pdfViewer')
+ public pdfViewer!: PdfViewerComponent;
+
+ blobToBase64(blob: Blob): Promise
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public document: string =
- 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string =
- 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+The Form Designer toolbar can be customized by specifying the tools to display and arranging them in the required order using the [FormDesignerToolbarItems](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formdesignertoolbaritem) property.
- ngOnInit(): void {}
-}
+This customization helps limit the available tools and simplify the user interface. A code example is available [here](../toolbar-customization/form-designer-toolbar#3-show-or-hide-form-designer-toolbar-items).
-{% endhighlight %}
-{% endtabs %}
-
-For more information about creating and editing form fields in the PDF Viewer, refer to the [Form Creation in Angular PDF Viewer documentation](./manage-form-fields/create-form-fields).
-
-## Show or Hide the Built-in Form Designer Toolbar
-
-You can control the visibility of the Form Designer toolbar using the [isFormDesignerToolbarVisible()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) property. This allows the application to display or hide the Form Designer tools in the PDF Viewer based on user or workflow requirements.
-
-**Use this property to:**
-- Show the Form Designer toolbar when form design is required
-- Hide the toolbar to provide a cleaner viewing experience
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-import { Component, ViewChild } from '@angular/core';
-import { PdfViewerComponent, PdfViewerModule, ToolbarService, FormDesignerService, FormFieldsService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
-
-
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+### 2. Initialize reference
- @ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
+Initialize the viewer with a `@ViewChild` so you can call export methods.
- exportFdf(): void {
- // Destination is optional; if omitted the browser will prompt.
- this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Fdf);
- }
-}
+{% highlight ts %}
+@ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
{% endhighlight %}
-### Export as XFDF
-The following example exports form field data as XFDF.
+### 3. Export as FDF
-{% highlight ts tabtitle="Standalone" %}
-import { Component, ViewChild } from '@angular/core';
-import {
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- PdfViewerModule,
- PdfViewerComponent,
-} from '@syncfusion/ej2-angular-pdfviewer';
+Use [`exportFormFields(destination?, FormFieldDataFormat.Fdf)`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#exportformfields) to download an FDF file.
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+{% highlight ts %}
+this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Fdf);
+{% endhighlight %}
- @ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
+### 4. Export as XFDF
- exportXfdf(): void {
- this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Xfdf);
- }
-}
+Use [`FormFieldDataFormat.Xfdf`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formfielddataformat) to export XFDF.
+
+{% highlight ts %}
+this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Xfdf);
{% endhighlight %}
-### Export as JSON
-The following example exports form field data as JSON.
+### 5. Export as JSON
-{% highlight ts tabtitle="Standalone" %}
-import { Component, ViewChild } from '@angular/core';
-import {
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- PdfViewerModule,
- PdfViewerComponent,
-} from '@syncfusion/ej2-angular-pdfviewer';
+Use [`FormFieldDataFormat.Json`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formfielddataformat) to export form data as a JSON file.
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+{% highlight ts %}
+this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Json);
+{% endhighlight %}
- @ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
+### 6. Export as a JavaScript object
- exportJson(): void {
- this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Json);
- }
-}
+Use [`exportFormFieldsAsObject(format)`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#exportformfieldsasobject) to get data for API calls or storing in a database.
+
+{% highlight ts %}
+const data = await this.pdfviewer.exportFormFieldsAsObject();
{% endhighlight %}
-### Export as Object
+## Complete example
-Use [exportFormFieldsAsObject()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#exportformfieldsasobject) to obtain form data as a JavaScript object for database or API integration.
+The example below provides a single page with buttons to export in all supported formats. It uses the same imports shown above and is ready to run in a typical Angular app.
{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
+{% highlight ts %}
import { Component, ViewChild } from '@angular/core';
import {
ToolbarService,
@@ -208,6 +88,7 @@ import {
FormDesignerService,
PdfViewerModule,
PdfViewerComponent,
+ FormFieldDataFormat,
} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
@@ -215,12 +96,17 @@ import {
standalone: true,
imports: [PdfViewerModule],
template: `
-
-
-
+
`,
providers: [
@@ -235,33 +121,41 @@ import {
],
})
export class AppComponent {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+ public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
@ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
exportedData: object | undefined;
+ exportFdf(): void {
+ this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Fdf);
+ }
+
+ exportXfdf(): void {
+ this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Xfdf);
+ }
+
+ exportJson(): void {
+ this.pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Json);
+ }
+
exportObj(): void {
this.pdfviewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(data => {
- this.exportedData = data; // Persist or send to server
+ this.exportedData = data;
console.log('Exported object:', this.exportedData);
});
- // Alternatives:
- // this.pdfviewer.exportFormFieldsAsObject(FormFieldDataFormat.Xfdf).then(...)
- // this.pdfviewer.exportFormFieldsAsObject(FormFieldDataFormat.Json).then(...)
}
}
{% endhighlight %}
{% endtabs %}
-## Common Use Cases
+## Troubleshooting
-- Save user-entered data to your server without altering the original PDF.
-- Export as JSON for REST API integration.
-- Export as FDF/XFDF for compatibility with other PDF tools.
-- Export as Object to merge with app state or store securely.
-- Automate exports after [validation](../form-validation) using [validateFormFields()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#validateformfields)
+- Ensure `FormFieldsService` and [`FormDesignerService`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formdesigner) are injected when using form APIs.
+- Confirm [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) points to the matching `ej2-pdfviewer-lib` version.
+- If exports fail in restrictive browsers, check popup/download settings and CORS for hosted endpoints.
+- For server-side persistence, use [`exportFormFieldsAsObject()`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#exportformfieldsasobject) and send the result to your API.
[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-export-events.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-export-events.md
index e2c1f58f0c..5bae57cfb8 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-export-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-export-events.md
@@ -9,8 +9,9 @@ documentation: ug
# PDF Form Import and Export Events in Angular
-Import/Export events let you **track and customize the entire life cycle** of form data being imported into or exported from the PDF Viewer.
-Use these events to:
+Import and export events enable tracking and customization of the full life cycle of form data imported into or exported from the PDF Viewer.
+
+Use events to:
- Validate inputs before processing.
- Show progress indicators.
- Log audit trails.
@@ -24,69 +25,23 @@ Each event provides detailed context through typed event arguments such as [Impo
- [importFailed](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#importfailed) — Fires if the import fails.
**Example: Handle Import Events**
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-import { Component } from '@angular/core';
-import {
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- PdfViewerModule,
-} from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
+
+
+
+
+
+
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
-
- onImportStart(args: any): void {
- console.log('Import started', args);
- // e.g. show spinner, validate inputs
- }
-
- onImportSuccess(args: any): void {
- console.log('Import success', args);
- // e.g. hide spinner, show toast
- }
-
- onImportFailed(args: any): void {
- console.error('Import failed', args);
- // e.g. show error dialog
- }
+
+{% highlight ts %}
+onImportStart(args: any): void {
+ console.log('Import started', args);
+ // e.g. show spinner, validate inputs
+}
+
+onImportSuccess(args: any): void {
+ console.log('Import success', args);
+ // e.g. hide spinner, show toast
+}
+
+onImportFailed(args: any): void {
+ console.error('Import failed', args);
+ // e.g. show error dialog
}
{% endhighlight %}
-{% endtabs %}
## Export Events
- [exportStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#exportstart) — Fires when an export begins.
@@ -94,69 +49,23 @@ export class AppComponent {
- [exportFailed](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#exportfailed) — Fires if the export fails.
**Example: Handle Export Events**
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-import { Component } from '@angular/core';
-import {
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- PdfViewerModule,
-} from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
-
- onExportStart(args: any): void {
- console.log('Export started', args);
- // e.g. disable export UI
- }
-
- onExportSuccess(args: any): void {
- console.log('Export success', args);
- // e.g. enable UI, provide download link
- }
-
- onExportFailed(args: any): void {
- console.error('Export failed', args);
- // e.g. re-enable UI, notify user
- }
+
+{% highlight ts %}
+onExportStart(args: any): void {
+ console.log('Export started', args);
+ // e.g. disable export UI
+}
+
+onExportSuccess(args: any): void {
+ console.log('Export success', args);
+ // e.g. enable UI, provide download link
+}
+
+onExportFailed(args: any): void {
+ console.error('Export failed', args);
+ // e.g. re-enable UI, notify user
}
{% endhighlight %}
-{% endtabs %}
## Key Notes
- importStart, importSuccess, importFailed cover the full import life cycle.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-form-fields.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-form-fields.md
index 16d056cd77..49d907a7cb 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/import-export-form-fields/import-form-fields.md
@@ -9,21 +9,22 @@ documentation: ug
# Import PDF Form Data into Angular PDF Viewer
-The **PDF Viewer** lets you import values into interactive form fields in the currently loaded PDF. You can import data from these formats:
+This guide shows how to import form field values into an already loaded PDF in the EJ2 Angular PDF Viewer. **Supported import formats**: FDF, XFDF, JSON, and importing from a JavaScript object.
-- [FDF](#import-as-fdf)
-- [XFDF](#import-xfdf)
-- [JSON](#import-json)
+## Steps to import data
-## API to use
-- [importFormFields](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#importformfields)(sourceOrObject, format)
+1. Import the viewer, inject `FormFieldsService` / `FormDesignerService`, and create a `@ViewChild` to call `importFormFields`.
-N>If you’re using a **server-backed viewer**, set serviceUrl before importing.
+2. Call [`importFormFields(data, format)`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#importformfields) where `format` is one of `FormFieldDataFormat.Fdf`, `FormFieldDataFormat.Xfdf`, or `FormFieldDataFormat.Json`. `data` may be a file path (for server/file-based imports) / base64 string or a JavaScript object mapping field names to values.
-### Import FDF
+3. Verify the form fields are populated after the import completes. For server-backed imports, ensure [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) is configured and the import file is accessible by the server.
+
+## Example
+
+The example below provides a minimal Angular app with four buttons to import FDF, XFDF, JSON, or an object. Replace the import file identifiers (`'File'`) with your file path or implement a file upload to pass a Blob/stream.
{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
+{% highlight ts %}
import { Component, ViewChild } from '@angular/core';
import {
ToolbarService,
@@ -44,12 +45,17 @@ import {
standalone: true,
imports: [PdfViewerModule],
template: `
-
-
-
+
`,
providers: [
@@ -65,138 +71,44 @@ import {
})
export class AppComponent {
public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+ public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
@ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
+ // The file for importing should be accessible at the given path or as a base 64 string depending on your integration
importFdf(): void {
- // The file for importing should be accessible at the given path or as a file stream depending on your integration
this.pdfviewer.importFormFields('File', FormFieldDataFormat.Fdf as any);
}
-}
-{% endhighlight %}
-{% endtabs %}
-
-### Import XFDF
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-import { Component, ViewChild } from '@angular/core';
-import {
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- PdfViewerModule,
- PdfViewerComponent,
- FormFieldDataFormat,
-} from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
+
+
+
+
+
+
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
-
- @ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
importXfdf(): void {
- // The file for importing should be accessible at the given path or as a file stream depending on your integration
this.pdfviewer.importFormFields('File', FormFieldDataFormat.Xfdf as any);
}
-}
-{% endhighlight %}
-{% endtabs %}
-
-### Import JSON
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-import { Component, ViewChild } from '@angular/core';
-import {
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- PdfViewerModule,
- PdfViewerComponent,
- FormFieldDataFormat,
-} from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- standalone: true,
- imports: [PdfViewerModule],
- template: `
-
-
-
- `,
- providers: [
- ToolbarService,
- MagnificationService,
- NavigationService,
- AnnotationService,
- TextSelectionService,
- TextSearchService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
- public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
-
- @ViewChild('pdfViewer') public pdfviewer!: PdfViewerComponent;
importJson(): void {
- // The file for importing should be accessible at the given path or as a file stream depending on your integration
this.pdfviewer.importFormFields('File', FormFieldDataFormat.Json as any);
}
+
+ // Import from a JavaScript object (fieldName: value)
+ importFromObject(): void {
+ const formDataObject = {
+ 'fullname': 'Jane Doe',
+ 'email': 'jane.doe@example.com',
+ 'agreeTerms': 'yes'
+ };
+ this.pdfviewer.importFormFields(JSON.stringify(formDataObject), FormFieldDataFormat.Json as any);
+ }
}
{% endhighlight %}
{% endtabs %}
-## Common Use Cases
+**Expected result**: The loaded PDF's interactive form fields are populated with the values from the imported file/object. For object imports, fields matching the object keys receive the provided values.
+
+## Troubleshooting
-- Pre-fill application forms from a database using JSON.
-- Migrate data from other PDF tools using FDF/XFDF.
-- Restore user progress saved locally or on the server.
-- Combine with validation to block print/download until required fields are completed.
+- If imports do not populate fields, confirm the field names in the source match the PDF form field names.
+- For file-based imports, ensure you use server mode and that the import file is accessible to the viewer.
+- If using a Blob, pass the encoded base64 string of Blob/stream instead of the string `'File'`.
+- Check browser console for network errors when the viewer attempts to fetch import files.
[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/manage-form-fields/create-form-fields.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/manage-form-fields/create-form-fields.md
index c2ecc2dad6..e8ef2fe5a2 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/forms/manage-form-fields/create-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/manage-form-fields/create-form-fields.md
@@ -9,24 +9,30 @@ documentation: ug
# Create PDF Form Fields in Angular
-You can create or add new form fields either visually using the [Form Designer UI](https://document.syncfusion.com/demos/pdf-viewer/angular/#/tailwind3/pdfviewer/default) or dynamically using APIs.
+Create or add new form fields visually with the Form Designer UI or programmatically using the Angular PDF Viewer API. This guide explains both methods and shows field‑specific examples and a complete runnable example.
-## Create Form Fields Using the Form Designer UI
-Use this approach when you want to design forms manually without writing code.
+**Outcome:**
-**Steps:**
+The guide explains the following:
+- How to add fields with the Form Designer UI.
+- How to add and edit fields programmatically (API).
+- How to add common field types: Textbox, Password, CheckBox, RadioButton, ListBox, DropDown, Signature, Initial.
-1. Enable [Form Designer](../form-designer) mode in the PDF Viewer.
-2. Click a form field type (Textbox, Checkbox, Dropdown, etc.) from the toolbar.
-3. Click on the PDF page to place the form field.
-4. Move or resize the field as required.
-5. Configure field properties using the **Properties** panel.
+## Steps
+
+### 1. Create form fields using Form Designer UI
+
+- Enable the Form Designer mode in the PDF Viewer. See [Form Designer overview](../overview).
+- Select a field type from the toolbar and click the PDF page to place it.
+- Move/resize the field and configure properties in the **Properties** panel.
-## Add Form Fields Programmatically (API)
+### 2. Create Form fields programmatically
-Use this approach when you want to generate form fields dynamically based on data or application logic.
+Use [`addFormField`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formdesigner#addformfield) method of the [formDesigner](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formdesigner) module inside the viewer's [`documentLoad`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#documentload) handler or in response to user actions.
+
+Use this approach to generate form fields dynamically based on data or application logic.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -93,13 +99,14 @@ export class AppComponent {
- Pre-filling forms from databases
- Automating form creation workflows
-## PDF Form Field Types and How to Add Them
-Each field can be added via the **Form Designer** or **programmatically**.
+## Field‑specific instructions
+
+Below are concise UI steps and the programmatic examples for each common field type.
### Textbox
-**Add via Toolbar (UI)**
-- Open **Form Designer** → select **Textbox** → click on the page → configure in **Properties**.
+**Add via UI**: Open Form Designer toolbar → select Textbox → click page → configure properties
+
**Add Programmatically (API)**
@@ -166,8 +173,7 @@ export class AppComponent {
### Password
-**Add via Toolbar (UI)**
-- Select **Password** → place it → configure tooltip, required, max length.
+**Add via UI**: Open form designer toolbar → Select Password → place → configure properties
**Add Programmatically (API)**
@@ -233,8 +239,7 @@ export class AppComponent {
{% endtabs %}
### CheckBox
-**Add via Toolbar (UI)**
-- Select **CheckBox** → click to place → duplicate for options → set isChecked, tooltip, appearance.
+**Add via UI**: Open form designer toolbar → Select CheckBox → click to place → duplicate for options.
**Add Programmatically (API)**
@@ -299,8 +304,8 @@ export class AppComponent {
{% endtabs %}
### RadioButton
-**Add via Toolbar (UI)**
-- Select **RadioButton** → place buttons with the **same Name** to group → configure selection/colors.
+
+**Add via UI**: Open form designer toolbar → Select RadioButton → place buttons using the same `name` to group them.
**Add Programmatically (API)**
@@ -370,8 +375,8 @@ export class AppComponent {
{% endtabs %}
### ListBox
-**Add via Toolbar (UI)**
-- Select **ListBox** → place → add items in **Properties**.
+
+**Add via UI**: Open form designer toolbar → Select ListBox → place → add items in Properties.
**Add Programmatically (API)**
@@ -440,8 +445,8 @@ export class AppComponent {
{% endtabs %}
### DropDown
-**Add via Toolbar (UI)**
-- Select **DropDown** → place → add items → set default value.
+
+**Add via UI**: Open form designer toolbar → Select DropDown → place → add items → set default value.
**Add Programmatically (API)**
@@ -510,8 +515,8 @@ export class AppComponent {
{% endtabs %}
### Signature Field
-**Add via Toolbar (UI)**
-- Select **Signature Field** → place where signing is required → configure indicator text, thickness, tooltip, required.
+
+**Add via UI**: Open form designer toolbar → select Signature Field → place where signing is required → configure indicator text/thickness/tooltip/isRequired.
**Add Programmatically (API)**
@@ -575,8 +580,9 @@ export class AppComponent {
{% endtabs %}
### Initial Field
-**Add via Toolbar (UI)**
-- Select **Initial Field** → place where initials are needed → configure text and required state.
+
+**Add via UI**: Open form designer toolbar → select Initial Field → place where initials are needed → configure text/isRequired.
+
**Add Programmatically (API)**
@@ -639,9 +645,9 @@ export class AppComponent {
{% endhighlight %}
{% endtabs %}
-## Add Fields Dynamically with setFormFieldMode
+## Add fields dynamically with setFormFieldMode
-Use **setFormFieldMode()** to add fields on the fly based on user actions.
+Use [`setFormFieldMode()`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formdesigner#setformfieldmode) to switch the designer into a specific field mode and let users add fields on the fly.
### Edit Form Fields in Angular PDF Viewer
You can edit form fields using the UI or API.
@@ -652,6 +658,7 @@ You can edit form fields using the UI or API.
- Use the toolbar to toggle field mode or add new fields.
#### Edit Programmatically
+
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, ViewChild } from '@angular/core';
@@ -729,12 +736,17 @@ export class AppComponent {
[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
-## See Also
+## Troubleshooting
+
+- If fields do not appear, verify [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) matches the EJ2 PDF Viewer library version and that the document loads correctly.
+- If using WASM or additional services, confirm those resources are reachable from the environment.
+
+## Related topics
- [Form Designer overview](../overview)
- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
- [Modify form fields](./modify-form-fields)
-- [Style form fields](./style-form-fields)
+- [Style form fields](./customize-form-fields)
- [Remove form fields](./remove-form-fields)
- [Group form fields](../group-form-fields)
- [Form validation](../form-validation)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/read-form-field-values.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/read-form-field-values.md
new file mode 100644
index 0000000000..7b5180519e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/read-form-field-values.md
@@ -0,0 +1,106 @@
+---
+layout: post
+title: Read and Extract PDF Form Field Values in Angular | Syncfusion
+description: Learn how to read and extract values from PDF form fields in the EJ2 Angular PDF Viewer, including text, checkboxes, radio buttons, dropdowns, and signatures.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Read and Extract PDF Form Field Values in Angular PDF Viewer
+
+The Angular PDF Viewer allows you to read the values of interactive PDF form fields including textboxes, checkboxes, radio buttons, dropdowns, signatures, and more. Use the APIs below to retrieve form data programmatically for validation, submission, or syncing with your app state.
+
+This guide shows common patterns with concise code snippets you can copy into your Angular components.
+
+## Access the Form Field Collection
+
+Get all available form field data by reading the viewer's `formFieldCollections`. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections).
+
+```ts
+const formFields = this.pdfViewer.formFieldCollections;
+```
+
+## Read Text Field Values
+
+Find the text field by name and read its value property. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections).
+
+```ts
+const formFields = this.pdfViewer.formFieldCollections;
+const name = (formFields.find(field => field.type === 'Textbox' && field.name === 'name')).value;
+```
+
+## Read Checkbox / Radio Button Values
+
+Check whether a checkbox or radio button is selected by reading its `isChecked` value. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections).
+
+```ts
+const formFields = this.pdfViewer.formFieldCollections;
+const radioButtons = formFields.filter(field => field.type === 'RadioButton' && field.name === 'gender');
+const checkedField = (radioButtons.find(field => field.isChecked)).name;
+```
+
+## Read Dropdown values
+
+Read the dropdown's selected option by accessing `value` property. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections).
+
+```ts
+const formFields = this.pdfViewer.formFieldCollections;
+const state = (formFields.find(field => field.type === 'DropdownList' && field.name === 'state')).value;
+```
+
+## Read Signature Field Data
+
+This reads the signature path data stored in a signature field so it can be later converted to an image. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections).
+
+```ts
+const formFields = this.pdfViewer.formFieldCollections;
+const signData = (formFields.find(field => field.type === 'SignatureField' && field.name === 'signature')).value;
+```
+
+## Extract All Form Field Values
+
+This iterates every field in the collection and logs each field's name and value, useful for exporting or validating all form data. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections).
+
+```ts
+const formFields = this.pdfViewer.formFieldCollections;
+formFields.forEach(field => {
+ if (field.type === 'RadioButton' || field.type === 'Checkbox') {
+ console.log(`${field.name}: ${field.isChecked}`);
+ }
+ else {
+ console.log(`${field.name}: ${field.value}`);
+ }
+});
+```
+
+## Extract Form Data After Document Loaded
+
+Place your form-reading logic inside `documentLoad` event handler, so values are read after the PDF is loaded in the viewer. For more information, see [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections) and [`documentLoad`](../events#documentload).
+
+```ts
+// If you need to access form data right after the PDF loads
+onDocumentLoad(): void {
+ const formFields = this.pdfViewer.formFieldCollections;
+ const email = formFields.find(field => field.name === 'email').value;
+ console.log("Email: ", email);
+}
+```
+
+## Use Cases
+
+- Validate and pre-fill form fields in your application before user submission.
+- Submit filled form data from the viewer to a back end service for processing or storage.
+- Synchronize form field values with external UI components to keep application state in sync.
+- Export form data for reporting, archival, or integration with other systems.
+
+## Troubleshooting
+
+- Use the exact field names defined in the PDF when searching through the `formFieldCollections`.
+- If a field might be missing in some documents, add null checks.
+
+## See also
+
+- [`formFieldCollections`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#formfieldcollections)
+- [`documentLoad`](../events#documentload)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/submit-form-data.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/submit-form-data.md
new file mode 100644
index 0000000000..7c1303b950
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/submit-form-data.md
@@ -0,0 +1,140 @@
+---
+layout: post
+title: Submit PDF Form Data to a Server using Angular PDF Viewer | Syncfusion
+description: Submit filled PDF form data from the EJ2 Angular PDF Viewer to a backend server, with a complete frontend example and a minimal Node receiver.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Submit PDF Form Data to a Server in Angular
+
+## Overview
+
+The Angular PDF Viewer allows submitting filled form data like text fields, checkboxes, radio buttons and dropdown values to a back end server for processing. This guide shows how to extract form data from the viewer and **post** it as `JSON` to a server endpoint.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed and configured in your Angular app
+- PDF contains interactive form fields
+- The viewer must be loaded before reading values
+- If posting cross-origin, ensure CORS is enabled on the server
+
+## Steps to send data
+
+1. Enable form designer in the viewer
+
+ - Inject `FormFields` and [`FormDesigner`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formdesigner) services into the viewer so form APIs are available.
+
+2. Export form data from the viewer
+
+ - Use [`viewer.exportFormFieldsAsObject()`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#exportformfieldsasobject) to obtain the filled values as JSON.
+
+3. POST the exported JSON to your back end
+
+ - Use `fetch` to send the JSON. The server must accept `application/json` and handle CORS if cross-domain.
+
+4. Trigger submission from a UI action
+
+ - Call the export + POST flow from a button click or form submit handler.
+
+## Example
+
+This full example shows an Angular component with the PDF viewer and a Submit button that sends form data to `/api/submit-form`.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, OnInit, ViewChild } from '@angular/core';
+import {
+ PdfViewerModule,
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PdfViewerComponent,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ template: `
+
+
+
+
+ `,
+ providers: [
+ ToolbarService,
+ MagnificationService,
+ NavigationService,
+ AnnotationService,
+ TextSelectionService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ ],
+})
+export class AppComponent implements OnInit {
+ @ViewChild('pdfViewer') public pdfviewer: PdfViewerComponent;
+ ngOnInit(): void {}
+ sendToServer(formData: any): Promise
+
+
+
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
-
-{% endhighlight %}
-{% endtabs %}
-
-You have to map the text content based on locale like following script in sample level.,
-
-```html
-
-```
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md
index 7608c48601..699ed9dd3b 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-text-selection.md
@@ -1,26 +1,160 @@
---
layout: post
-title: Enable Text Selection in Angular PDF Viewer component | Syncfusion
-description: Learn how to enable text selection in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
-platform: document-processing
+title: Enable or disable text selection in Angular PDF Viewer | Syncfusion
+description: Learn how to enable or disable text selection in the Angular PDF Viewer using the enableTextSelection property.
control: PDF Viewer
+platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---
-# Enable or Disable Text Selection in Syncfusion PDF Viewer
+# Enable or disable text selection in Angular PDF Viewer
+
+This guide explains how to enable or disable text selection in the Syncfusion Angular PDF Viewer using both initialization-time settings and runtime toggling.
+
+**Outcome:** By the end of this guide, you will be able to control whether users can select text in the PDF Viewer.
-The Syncfusion PDF Viewer exposes the `enableTextSelection` property to control whether users can select text within the displayed PDF document. This setting can be configured at initialization and toggled programmatically at runtime.
+## Steps to toggle text selection
-## Configure text selection on initialization
+### 1. Disable text selection at initialization
-Set the initial text-selection behavior by configuring the `enableTextSelection` property in the component template or on the `PdfViewerComponent` instance. The example below shows a complete component (TypeScript and template) that initializes the viewer with text selection disabled.
+Follow one of these steps to disable text selection when the viewer first loads:
+
+**Remove the text selection module**
+
+Remove the [`TextSelectionService`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/textselection) from the providers array to disable text selection during initialization.
{% tabs %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild } from '@angular/core';
+import {
+ PdfViewerComponent,
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ AnnotationService,
+ TextSearchService,
+ FormFieldsService,
+ FormDesignerService,
+ PrintService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ template: `
+
-
- style="height:640px;display:block">
-
-
`
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
-
- style="height:640px;display:block">
-
-
`
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
-
-
-
- `,
+ standalone: true,
+ imports: [PdfViewerModule],
providers: [
LinkAnnotationService,
BookmarkViewService,
@@ -101,17 +94,29 @@ import {
AnnotationService,
TextSearchService,
TextSelectionService,
+ PrintService,
FormFieldsService,
FormDesignerService,
- PrintService,
PageOrganizerService,
- ]
+ ],
+ template: `
+
+
+
+
+ `,
})
export class AppComponent implements OnInit {
public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
ngOnInit(): void { }
}
+
{% endhighlight %}
{% endtabs %}
@@ -121,8 +126,10 @@ Use the following code snippet to remove the Extract Pages option:
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
+
import { Component, OnInit } from '@angular/core';
import {
+ PdfViewerModule,
LinkAnnotationService,
BookmarkViewService,
MagnificationService,
@@ -132,25 +139,16 @@ import {
AnnotationService,
TextSearchService,
TextSelectionService,
+ PrintService,
FormFieldsService,
FormDesignerService,
- PrintService,
PageOrganizerService,
} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
- template: `
-
-
-
-
- `,
+ standalone: true,
+ imports: [PdfViewerModule],
providers: [
LinkAnnotationService,
BookmarkViewService,
@@ -161,17 +159,29 @@ import {
AnnotationService,
TextSearchService,
TextSelectionService,
+ PrintService,
FormFieldsService,
FormDesignerService,
- PrintService,
PageOrganizerService,
- ]
+ ],
+ template: `
+
+
+
+
+ `,
})
export class AppComponent implements OnInit {
public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
ngOnInit(): void { }
}
+
{% endhighlight %}
{% endtabs %}
@@ -182,37 +192,30 @@ The following example extracts pages 1 and 2, then immediately loads the extract
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
-import { Component, OnInit } from '@angular/core';
+
+import { Component, ViewChild, OnInit } from '@angular/core';
import {
+ PdfViewerComponent,
+ PdfViewerModule,
LinkAnnotationService,
BookmarkViewService,
MagnificationService,
ThumbnailViewService,
ToolbarService,
NavigationService,
- AnnotationService,
TextSearchService,
TextSelectionService,
+ PrintService,
+ AnnotationService,
FormFieldsService,
FormDesignerService,
- PrintService,
PageOrganizerService,
} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
- template: `
-
-
-
-
-
- `,
+ standalone: true,
+ imports: [PdfViewerModule],
providers: [
LinkAnnotationService,
BookmarkViewService,
@@ -220,30 +223,45 @@ import {
ThumbnailViewService,
ToolbarService,
NavigationService,
- AnnotationService,
TextSearchService,
TextSelectionService,
+ PrintService,
+ AnnotationService,
FormFieldsService,
FormDesignerService,
- PrintService,
PageOrganizerService,
- ]
+ ],
+ template: `
+
+
+
+
+
+ `,
})
export class AppComponent implements OnInit {
+ @ViewChild('pdfviewer')
+ public pdfviewerControl!: PdfViewerComponent;
+
public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
ngOnInit(): void { }
-
onExtract() {
- const viewer = (document.getElementById('pdfViewer') as any).ej2_instances[0];
- // Extract pages 1 and 2
- const array = (viewer as any).extractPages('1,2');
- // Load the extracted pages back into the viewer
- (viewer as any).load(array,"");
+ // Extract pages 1 and 2
+ const array = (this.pdfviewerControl as any).extractPages('1,2');
+ // Load the extracted pages back into the viewer
+ (this.pdfviewerControl as any).load(array, "");
console.log(array);
}
}
+
{% endhighlight %}
{% endtabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md
new file mode 100644
index 0000000000..aa17ab7a43
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/import-pages.md
@@ -0,0 +1,62 @@
+---
+layout: post
+title: Import pages in Organize Pages in Angular PDF Viewer | Syncfusion
+description: How to import pages from another PDF into the current document using the Organize Pages UI in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Import pages using Organize Pages tool in Angular
+
+## Overview
+
+This guide explains how to import pages from another PDF into the current document using the **Organize Pages** UI in the EJ2 Angular PDF Viewer.
+
+**Outcome**: Imported pages appear as thumbnails and are merged into the original document when saved or exported.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed
+- PDF Viewer is injected with `PageOrganizer` service
+- [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) (standalone) or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) (server-backed) configured when required
+
+## Steps
+
+1. Open the Organize Pages view
+
+ - Click the **Organize Pages** button in the viewer navigation toolbar to open the Organize Pages dialog.
+
+2. Start import
+
+ - Click **Import Document** and choose a valid PDF file from your local file system.
+
+3. Place imported pages
+
+ - Imported pages appear as thumbnails. If a thumbnail is selected, the imported pages are inserted to the right of the selection; otherwise they are appended at the start of the document.
+
+ 
+
+4. Persist changes
+
+ - Click **Save** or **Save As** (or download) to persist the merged document.
+
+## Expected result
+
+- Imported pages display as a single thumbnail in Organize Pages and are merged into the original PDF when saved or exported.
+
+## Enable or disable Import Pages button
+
+To enable or disable the **Import Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-import-option) for the guidelines.
+
+## Troubleshooting
+
+- **Import fails**: Ensure the selected file is a valid PDF and the browser file picker is permitted.
+- **Imported pages not visible**: Confirm that the import is persisted using **Save** or **Save As**.
+- **Import option disabled**: Ensure [`pageOrganizerSettings.canImport`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canimport) is set to `true` to enable import option.
+
+## Related topics
+
+- [Organize pages toolbar customization](./toolbar)
+- [Organize pages event reference](./events)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md
new file mode 100644
index 0000000000..91cc5ad4c4
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/insert-blank-pages.md
@@ -0,0 +1,68 @@
+---
+layout: post
+title: Insert blank pages in Organize Pages Angular PDF Viewer | Syncfusion
+description: How to insert blank pages into a PDF using the Organize Pages UI in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Insert blank pages using the Organize Pages tool in Angular
+
+## Overview
+
+This guide describes inserting new blank pages into a PDF using the **Organize Pages** UI in the EJ2 Angular PDF Viewer.
+
+**Outcome**: A blank page is added at the chosen position and will appear in thumbnails and exports.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed
+- `PageOrganizer` services injected into `PdfViewerComponent`
+- [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) for standalone mode or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) for server-backed mode configured as required
+
+## Steps
+
+1. Open the Organize Pages view
+
+ - Click the **Organize Pages** button in the viewer navigation toolbar to open the panel.
+
+2. Select insertion point
+
+ - Hover over the thumbnail before or after which you want the blank page added.
+
+3. Insert a blank page
+
+ - Click the **Insert Left** / **Insert Right** option and choose the position (Before / After). A new blank thumbnail appears in the sequence.
+
+ 
+
+4. Adjust and confirm
+
+ - Reposition or remove the inserted blank page if needed using drag-and-drop or delete options.
+
+5. Persist the change
+
+ - Click **Save** or **Save As** to include the blank page in the exported PDF.
+
+## Expected result
+
+- A blank page thumbnail appears at the chosen position and is present in any saved or downloaded PDF.
+
+## Enable or disable Insert Pages button
+
+To enable or disable the **Insert Pages** button in the page thumbnails, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-insert-option) for the guidelines
+
+## Troubleshooting
+
+- **Organize Pages button missing**: Verify `PageOrganizer` is included in `Inject` and `Toolbar` is enabled.
+- **Inserted page not saved**: Confirm [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) is configured for your selected processing mode.
+- **Insert options disabled**: Ensure [`pageOrganizerSettings.canInsert`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#caninsert) is set to `true` to enable insert option.
+
+## Related topics
+
+- [Organize pages toolbar customization](./toolbar)
+- [Organize pages event reference](./events)
+- [Remove pages in Organize Pages](./remove-pages)
+- [Reorder pages in Organize Pages](./remove-pages)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md
index 07de562722..6be60daa8a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/mobile-view.md
@@ -1,7 +1,7 @@
---
layout: post
title: Organize Pages in Mobile PDF Viewer Angular | Syncfusion
-description: Learn how to organize pages in the mobile PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices.
+description: Organize PDF pages in Angular mobile viewer—rotate, rearrange, add, remove, and duplicate pages easily on mobile devices.
platform: document-processing
control: PDF Viewer
documentation: ug
@@ -10,15 +10,15 @@ domainurl: ##DomainURL##
# Organize Pages in Mobile PDF Viewer Angular
-The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. On mobile devices, the toolbar and navigation elements adapt to screen size to provide easy access to page management tools.
+The PDF Viewer provides a mobile-responsive layout for the `Organize Pages` feature, optimized for touch interactions on small screens. The toolbar and navigation adapt to the device viewport so page-management controls remain accessible on phones and tablets.
-## Mobile-Friendly Toolbar
+## Mobile-friendly toolbar
-In the mobile view, the `Organize Pages` toolbar is displayed at the bottom of the screen for easy one-handed access. The toolbar includes the same set of tools as the desktop version, such as insert, delete, and rotate, but with a mobile-optimized layout.
+In mobile view the `Organize Pages` toolbar appears at the bottom of the screen for easier one-handed access. The toolbar exposes the same tools as the desktop layout (insert, delete, rotate, etc.) in a touch-optimized arrangement.
## Context Menu for Page Operations
-To perform actions on a page thumbnail, tap and hold the thumbnail to open a context menu. This menu contains the available page operations:
+To perform actions on a page thumbnail, tap and hold (long-press) the thumbnail to open a context menu. This menu contains the available page operations:
* **Rotate Clockwise**: Rotate the selected page 90 degrees clockwise.
* **Rotate Counter-Clockwise**: Rotate the selected page 90 degrees counter-clockwise.
@@ -27,11 +27,10 @@ To perform actions on a page thumbnail, tap and hold the thumbnail to open a con
* **Delete Page**: Remove the selected page.
* **Select All**: Select all pages in the document.
-
-
+
## Rearranging Pages on Mobile
-To rearrange pages, tap and hold a page thumbnail to select it, then drag it to the desired position. A blue line will indicate the drop location.
+To rearrange pages, tap and hold a thumbnail to select it, then drag it to the desired position; a blue line indicates the drop location. Supported gestures include `tap`, `long-press` (open context menu), and `drag` (reorder). The layout adapts to portrait and landscape orientations to preserve usability on different devices.
-The mobile interface enables efficient PDF page management on handheld devices.
+The mobile interface enables efficient page management on phones and tablets without sacrificing the functionality available in the desktop viewer.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md
index bc63717261..aaef5287a7 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md
@@ -10,14 +10,14 @@ domainurl: ##DomainURL##
# Organize pages in Angular PDF Viewer
-The Angular PDF Viewer component includes an Organize pages panel for preparing documents before sharing. Use it to tidy scanned files, reorder pages, and duplicate content without leaving the viewer.
+The Angular PDF Viewer includes an Organize Pages panel for preparing documents before sharing. Use this panel to reorder pages, correct orientation, insert or remove pages, and duplicate content without leaving the viewer.
-To open the Organize pages panel, load an editable document, ensure that the Organize Pages toolbar item is enabled, and select **Organize Pages** from the left vertical toolbar. The document must allow page-level edits (for example, it must not be password-protected or restricted); otherwise, the toolbar item is hidden.
+To open the Organize Pages panel, load a document and choose **Organize Pages** from the left vertical toolbar (when enabled).
-Check out the following video to learn how to organize pages in a PDF document with the React PDF Viewer.
+Check out the following video to learn how to organize pages in a PDF document with the Angular PDF Viewer.
{% youtube "https://www.youtube.com/watch?v=08kPdR0AZQk" %}
-The Organize pages panel supports the following actions:
+The Organize Pages panel supports the following actions:
* **Rotate pages**: Fix page orientation in 90-degree increments to correct scanned pages.
* **Rearrange pages**: Drag and drop thumbnails to update the reading order.
@@ -28,15 +28,14 @@ The Organize pages panel supports the following actions:
* **Select all pages**: Apply bulk actions, such as rotation or deletion, to every page.
* **Save updates**: Review changes in real time and use **Save** or **Save As** to download the revised document.
-Select **Save** to overwrite the current document, or **Save As** to download a new copy with the updated page order. Changes are shown in the panel and are applied only when the user selects **Save** or **Save As**; unsaved edits are discarded if the panel is closed without saving.
+After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order.
For a full guide to Organize pages in Angular, see the feature landing page: [Organize pages in Angular PDF Viewer](./organize-pdf).
See also:
-- [UI interactions for Organize Pages](./organize-page/ui-interactions-organize-page)
-- [Toolbar items for Organize Pages](./organize-page/toolbar-organize-page)
-- [Programmatic support for Organize Pages](./organize-page/programmatic-support-for-organize-page)
-- [Organize Pages events](./organize-page/organize-pdf-events)
-- [Organize Pages in mobile view](./organize-page/organize-page-mobile-view)
+- [Toolbar customization for Organize Pages](./toolbar)
+- [Programmatic support for Organize Pages](./programmatic-support)
+- [Organize Pages events](./events)
+- [Organize Pages in mobile view](./mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md
index f3e9fe3f62..3bd7fdbf19 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/programmatic-support.md
@@ -10,257 +10,529 @@ domainurl: ##DomainURL##
# Programmatic Support for Organize Pages in Angular PDF Viewer control
-The PDF Viewer exposes programmatic APIs to manage page organization. Use these APIs to enable the page organizer, open or close the organizer dialog, and customize page-management behaviors from application code.
+The PDF Viewer exposes programmatic APIs for organizing pages so applications can integrate page-management workflows (for example: enable/disable organizer, open/close the organizer, and customize behavior). This section documents the available properties, methods, and settings used to control the Organize Pages experience.
## Enable or disable the page organizer
-Enable the page organizer using the `enablePageOrganizer` property. The default value is `true`.
+The page organizer feature can be enabled or disabled using the `enablePageOrganizer` property. By default, the page organizer is enabled.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% endtabs %}
## Open the page organizer on document load
-Control whether the page organizer opens automatically when a document loads using the `isPageOrganizerOpen` property. The default value is `false`.
+Use the `isPageOrganizerOpen` property to control whether the page organizer opens automatically when a document loads. The default value is `false`.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% endtabs %}
## Customize page organizer settings
-Use the `pageOrganizerSettings` property to configure page-management actions and thumbnail zoom behavior. Settings include toggles for deleting, inserting, rotating, copying, importing, and rearranging pages, and controls for thumbnail zoom. By default, all actions are enabled, and standard zoom settings are applied.
+The `pageOrganizerSettings` API customizes page-management capabilities. Use it to enable or disable actions (delete, insert, rotate, copy, import, rearrange) and to configure thumbnail zoom settings. By default, actions are enabled and standard zoom settings apply.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- FormFieldsService, FormDesignerService, PageOrganizerService, PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% endtabs %}
## Open the page organizer dialog
-Call the `openPageOrganizer` method on the viewer's `pageOrganizer` API to programmatically open the organizer dialog and access page-management tools.
+The `openPageOrganizer` method programmatically opens the page organizer dialog, providing access to page management tools.
-```html
-
-```
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
-```ts
-import { Component, ViewChild } from '@angular/core';
-import { PdfViewerComponent } from '@syncfusion/ej2-angular-pdfviewer';
+import { Component, ViewChild, OnInit } from '@angular/core';
+import {
+ PdfViewerComponent,
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
- selector: 'app-container',
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
template: `
-
-
+
- `
+ `,
})
-export class AppComponent {
- @ViewChild('pdfViewer', { static: false }) public viewer!: PdfViewerComponent;
+export class AppComponent implements OnInit {
+ @ViewChild('pdfViewer')
+ public pdfviewerControl!: PdfViewerComponent;
+
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+
public openPageOrganizer(): void {
- this.viewer.pageOrganizer.openPageOrganizer();
+ (this.pdfviewerControl as any).pageOrganizer.openPageOrganizer();
}
}
-```
+
+{% endhighlight %}
+{% endtabs %}
## Close the page organizer dialog
-Call the `closePageOrganizer` method on the viewer's `pageOrganizer` API to programmatically close the organizer dialog.
+The `closePageOrganizer` method programmatically closes the page organizer dialog.
-```html
-
-```
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
-```ts
-import { Component, ViewChild } from '@angular/core';
-import { PdfViewerComponent } from '@syncfusion/ej2-angular-pdfviewer';
+import { Component, ViewChild, OnInit } from '@angular/core';
+import {
+ PdfViewerComponent,
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
- selector: 'app-container',
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
template: `
-
-
+
- `
+ `,
})
-export class AppComponent {
- @ViewChild('pdfViewer', { static: false }) public viewer!: PdfViewerComponent;
+export class AppComponent implements OnInit {
+ @ViewChild('pdfViewer')
+ public pdfviewerControl!: PdfViewerComponent;
+
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+
public closePageOrganizer(): void {
- this.viewer.pageOrganizer.closePageOrganizer();
+ (this.pdfviewerControl as any).pageOrganizer.closePageOrganizer();
}
}
-```
+
+{% endhighlight %}
+{% endtabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md
new file mode 100644
index 0000000000..030afb13e0
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/remove-pages.md
@@ -0,0 +1,74 @@
+---
+layout: post
+title: Remove pages using Organize Pages in Angular PDF Viewer | Syncfusion
+description: How to remove one or more pages from a PDF using the Organize Pages view in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Remove pages using the Organize Pages tool in Angular
+
+## Overview
+
+This guide shows how to delete single or multiple pages from a PDF using the **Organize Pages** UI in the EJ2 Angular PDF Viewer.
+
+**Outcome**: You will remove unwanted pages and save or download the updated PDF.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed in your project
+- Basic PDF Viewer setup ([`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) for standalone mode or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) for server-backed mode)
+
+## Steps
+
+1. Open the Organize Pages view
+
+ - Click the **Organize Pages** button in the viewer navigation toolbar to open the Organize Pages dialog.
+
+2. Select pages to remove
+
+ - Click a thumbnail to select a page. Use Shift+click or Ctrl+click to select multiple pages. Use the **Select all** button to select every page.
+
+3. Delete selected pages
+
+ - Click the **Delete Pages** icon in the Organize Pages toolbar to remove the selected pages. The thumbnails update immediately to reflect the deletion.
+
+ - Delete a single page directly from its thumbnail: hover over the page thumbnail to reveal the per-page delete icon, then click that icon to remove only that page.
+
+ 
+
+4. Multi-page deletion
+
+ - When multiple thumbnails are selected, the Delete action removes all selected pages at once.
+
+5. Undo or redo deletion
+
+ - Use **Undo** (Ctrl+Z) to revert the last deletion.
+ - Use **Redo** (Ctrl+Y) to revert the last undone deletion.
+
+ 
+
+6. Save the PDF after deletion
+
+ - Click **Save** to apply changes to the currently loaded document, or **Save As** / **Download** to download a copy with the removed pages permanently applied.
+
+## Expected result
+
+- Selected pages are removed from the document immediately in the Organize Pages dialog.
+- After clicking **Save** or **Save As**, the resulting PDF reflects the deletions.
+
+## Enable or disable Remove Pages button
+
+To enable or disable the **Remove Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-delete-option) for the guidelines.
+
+## Troubleshooting
+
+- **Delete button disabled**: Ensure `PageOrganizer` is injected and [`pageOrganizerSettings.canDelete`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#candelete) is not set to `false`.
+- **Selection not working**: Verify that the Organize Pages dialog has focus; use Shift+click for range selection.
+
+## Related topics
+
+- [Organize pages toolbar customization](./toolbar)
+- [Organize pages event reference](./events)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md
new file mode 100644
index 0000000000..0db6e4c183
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/reorder-pages.md
@@ -0,0 +1,66 @@
+---
+layout: post
+title: Reorder pages in Organize Pages in Angular PDF Viewer | Syncfusion
+description: How to rearrange pages using drag-and-drop and grouping in the Organize Pages UI of the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Reorder pages using the Organize Pages view in Angular
+
+## Overview
+
+This guide describes how to rearrange pages in a PDF using the **Organize Pages** UI.
+
+**Outcome**: Single or multiple pages can be reordered and the new sequence is preserved when the document is saved or exported.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed
+- `Toolbar` and `PageOrganizer` services injected into the viewer
+
+## Steps
+
+1. Open the Organize Pages view
+
+ - Click the **Organize Pages** button in the navigation toolbar to open the page thumbnails panel.
+
+2. Reorder a single page
+
+ - Drag a thumbnail to the desired position. The thumbnails update instantly to show the new order.
+
+3. Reorder multiple pages
+
+ - Select multiple thumbnails using Ctrl or Shift, then drag the selected group to the new location.
+
+ 
+
+4. Verify and undo
+
+ - Use **Undo** / **Redo** options to revert accidental changes.
+
+ 
+
+5. Persist the updated order
+
+ - Click **Save** or download the document using **Save As** to persist the new page sequence.
+
+## Expected result
+
+- Thumbnails reflect the new page order immediately and saved / downloaded PDFs preserve the reordered sequence.
+
+## Enable or disable reorder option
+
+To enable or disable the **Reorder pages** option in the Organize Pages, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-rearrange-option) for the guidelines
+
+## Troubleshooting
+
+- **Thumbnails won't move**: Confirm [`pageOrganizerSettings.canRearrange`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canrearrange) is is not set to `false`.
+- **Changes not saved**: Verify [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) (server) or [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) (standalone) is configured correctly.
+
+## Related topics
+
+- [Organize pages toolbar customization](./toolbar)
+- [Organize pages event reference](./events)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md
new file mode 100644
index 0000000000..13321a8685
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/rotate-pages.md
@@ -0,0 +1,74 @@
+---
+layout: post
+title: Rotate pages in Organize Pages (Angular PDF Viewer) | Syncfusion
+description: Learn how to rotate one or more pages using the Organize Pages UI in the Syncfusion Angular PDF Viewer and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Rotate pages using the Organize Pages view in Angular
+
+## Overview
+
+This guide explains how to rotate individual or multiple pages using the **Organize Pages** UI in the EJ2 Angular PDF Viewer. Supported rotations: 90°, 180°, 270° clockwise and counter-clockwise.
+
+**Outcome**: Pages are rotated in the viewer and persisted when saved or exported.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed
+- PDF Viewer configured with [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#resourceurl) (standalone) or [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) (server-backed)
+
+## Steps
+
+1. Open the Organize Pages view
+
+ - Click the **Organize Pages** button in the viewer toolbar to open the Organize Pages dialog.
+
+2. Select pages to rotate
+
+ - Click a single thumbnail or use Shift+click/Ctrl+click to select multiple pages.
+
+3. Rotate pages using toolbar buttons
+
+ - Use **Rotate Right** to rotate 90° clockwise.
+ - Use **Rotate Left** to rotate 90° counter-clockwise.
+ - Repeat the action to achieve 180° or 270° rotations.
+
+ 
+
+4. Rotate multiple pages at once
+
+ - When multiple thumbnails are selected, the Rotate action applies to every selected page.
+
+5. Undo or reset rotation
+
+ - Use **Undo** (Ctrl+Z) to revert the last rotation.
+ - Use the reverse rotation button (Rotate Left/Rotate Right) until the page returns to 0°.
+
+ 
+
+6. Persist rotations
+
+ - Click **Save** or **Save As** to persist rotations in the saved/downloaded PDF. Exporting pages also preserves the new orientation.
+
+## Expected result
+
+- Pages rotate in-place in the Organize Pages dialog when using the rotate controls.
+- Saving or exporting the document preserves the new orientation.
+
+## Enable or disable Rotate Pages button
+
+To enable or disable the **Rotate Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#enable-or-disable-the-rotate-option) for the guidelines
+
+## Troubleshooting
+
+- **Rotate controls disabled**: Ensure [`pageOrganizerSettings.canRotate`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#canrotate) is not set to `false`.
+- **Rotation not persisted**: Click **Save** after rotating. For server-backed setups ensure [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#serviceurl) is set so server-side save can persist changes.
+
+## Related topics
+
+- [Organize page toolbar customization](./toolbar.md)
+- [Organize pages event reference](./events)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md
index 20aeeb8107..f481928946 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/toolbar.md
@@ -10,217 +10,395 @@ domainurl: ##DomainURL##
# Organize Page Toolbar Customization in Angular PDF Viewer control
-The PDF Viewer allows you to customize the toolbar for the organize pages feature, enabling you to show or hide specific tools based on your application's requirements. The `pageOrganizerSettings` API provides properties to control the visibility of each tool in the organize pages dialog.
+The PDF Viewer lets applications customize the Organize Pages toolbar to enable or disable tools according to project requirements. Use the `pageOrganizerSettings` API to control each tool's interactivity and behavior.
## Show or hide the insert option
-The `canInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar.
+The `canInsert` property controls the insert tool visibility. Set it to `false` to disable the insert tool.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, PageOrganizerService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, PageOrganizerService]
- })
- export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, PageOrganizerService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, PageOrganizerService]
- })
- export class AppComponent {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% endtabs %}
-## Show or hide the Delete option
+## Enable or disable the delete option
-The `canDelete` property controls the visibility of the delete tool. Set to `false` to hide the delete tool.
+The `canDelete` property controls the delete tool visibility. Set it to `false` to disable the delete tool.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, PageOrganizerService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, PageOrganizerService]
- })
- export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, PageOrganizerService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, PageOrganizerService]
- })
- export class AppComponent {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% endtabs %}
-## Show or hide the Rotate option
+## Enable or disable the rotate option
-The `canRotate` property controls the visibility of the rotate tool. Set to `false` to hide the rotate tool.
+The `canRotate` property controls the rotate tool visibility. Set it to `false` to disable the rotate tool.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, PageOrganizerService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, PageOrganizerService]
- })
- export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, PageOrganizerService
- } from '@syncfusion/ej2-angular-pdfviewer';
+import {
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, PageOrganizerService]
- })
- export class AppComponent {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
+
+
+
+ `,
+})
+export class AppComponent implements OnInit {
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+ ngOnInit(): void { }
+}
{% endhighlight %}
{% endtabs %}
-## Show or hide the Copy option
+## Enable or disable the copy option
+
+The `canCopy` property controls the copy tool interaction. Set it to `false` to disable the copy tool.
+
+## Enable or disable the import option
-The `canCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden.
+The `canImport` property controls the import tool interaction. Set it to `false` to disable the import tool.
-## Show or hide the import option
+## Enable or disable the rearrange option
-The `canImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden.
+The `canRearrange` property controls whether pages can be rearranged. Set it to `false` to disable page reordering.
-## Show or hide the rearrange option
+## Show or hide the zoom pages option
-The `canRearrange` property controls the ability to rearrange pages. When set to `false`, pages cannot be rearranged.
+The `showImageZoomingSlider` property controls the zooming tool visibility. Set it to `false` to hide the zoom page tool.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/ui-interactions.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/ui-interactions.md
deleted file mode 100644
index 676d535546..0000000000
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/ui-interactions.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-layout: post
-title: UI Interaction for Organize Pages in Angular PDF Viewer | Syncfusion
-description: Learn about the UI interactions for organize pages in the Angular PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# UI Interactions for Organizing Pages in Angular PDF Viewer
-
-The PDF Viewer provides an interface for managing and organizing pages within a PDF document. This section describes the UI interactions available in the `Organize Pages` dialog.
-
-## Rotating PDF pages
-
-Pages can be rotated to correct or change their orientation. The rotate icon in the Organize Pages dialog provides the following options:
-
-- **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise.
-- **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise.
-
-
-
-## Rearranging PDF pages
-
-Change the sequence of pages using drag-and-drop:
-
-- **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages.
-
-
-
-## Inserting new pages
-
-Blank pages can be inserted adjacent to existing pages using the following options:
-
-- **Insert blank page left**: Insert a blank page to the left of the selected page.
-- **Insert blank page right**: Insert a blank page to the right of the selected page.
-
-
-
-## Deleting PDF pages
-
-Remove unwanted pages from the document with these steps:
-
-1. **Select pages to delete**: Click the thumbnails of the pages to remove; multiple pages can be selected.
-2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document.
-
-
-
-## Copying PDF pages
-
-Duplicate pages within the PDF document:
-
-- **Select pages to copy**: Click the page thumbnails to duplicate.
-- **Copy selected pages**: Use the copy option to create duplicates; copied pages are added to the right of the selected pages.
-
-
-
-## Importing a PDF document
-
-Import another PDF document into the current document:
-
-- **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document is inserted as a thumbnail. If a page is selected, the thumbnail is added to its right; if no pages are selected, the imported PDF is added at the start of the document. The imported PDF is merged with the current document when the changes are saved.
-
-If the import operation fails, an error message is displayed and the document remains unchanged.
-
-
-
-## Selecting all pages
-
-Select all pages simultaneously to perform bulk operations, such as rotating or deleting multiple pages.
-
-
-
-## Zooming page thumbnails
-
-Adjust the size of page thumbnails for visibility and precision:
-
-* Use the zoom slider to increase or decrease the thumbnail size.
-* Zoom in to see more detail on each page.
-* Zoom out to view more pages at once.
-
-
-
-## Real-time updates and saving
-
-Changes are reflected instantly in the Organize Pages dialog. Click the **Save** button to apply modifications to the document. Use **Save As** to download a new version of the PDF that includes the changes.
-
-## Keyboard shortcuts
-
-The following keyboard shortcuts are available in the Organize Pages dialog:
-
-* **Ctrl + Z**: Undo the last action.
-* **Ctrl + Y**: Redo the last undone action.
-* **Ctrl + mouse wheel**: Zoom in and out on page thumbnails for better visibility (on macOS use the Command key).
-
-
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md
new file mode 100644
index 0000000000..5c117060a1
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/zoom-pages.md
@@ -0,0 +1,60 @@
+---
+layout: post
+title: Zoom pages in Organize Pages in Angular PDF Viewer | Syncfusion
+description: How to adjust thumbnail zoom levels inside the Organize Pages UI of the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Zoom pages using the Organize Pages tool in Angular
+
+## Overview
+
+This guide explains how to change the thumbnail zoom level in the **Organize Pages** UI so you can view more detail or an overview of more pages.
+
+**Outcome**: Page thumbnails resize interactively to suit your task.
+
+## Prerequisites
+
+- EJ2 Angular PDF Viewer installed
+- `Toolbar` and `PageOrganizer` services injected in PDF Viewer
+- [`pageOrganizerSettings.showImageZoomingSlider`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#showimagezoomingslider) is set to `true`
+
+## Steps
+
+1. Open the Organize Pages view
+
+ - Click the **Organize Pages** button in the viewer toolbar to open the thumbnails panel.
+
+2. Locate the zoom control
+
+ - Find the thumbnail zoom slider in the Organize Pages toolbar.
+
+3. Adjust zoom
+
+ - Drag the slider to increase or decrease thumbnail size.
+
+ 
+
+4. Choose an optimal zoom level
+
+ - Select a zoom level that balances page detail and the number of visible thumbnails for your task.
+
+## Expected result
+
+- Thumbnails resize interactively; larger thumbnails show more detail while smaller thumbnails allow viewing more pages at once.
+
+## Show or hide Zoom Pages button
+
+To enable or disable the **Zoom Pages** button in the Organize Pages toolbar, update the [`pageOrganizerSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettings). See [Organize pages toolbar customization](./toolbar#show-or-hide-the-zoom-pages-option) for the guidelines
+
+## Troubleshooting
+
+- **Zoom control not visible**: Confirm [`pageOrganizerSettings.showImageZoomingSlider`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageorganizersettingsmodel#showimagezoomingslider) is set to `true`.
+
+## Related topics
+
+- [Organize pages toolbar customization](./toolbar)
+- [Organize pages event reference](./events)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pdf-overview.md
deleted file mode 100644
index e31c289328..0000000000
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pdf-overview.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-layout: post
-title: Organize pages in Angular PDF Viewer | Syncfusion
-description: Learn how to reorder, rotate, insert, delete, and save pages with the Syncfusion Angular PDF Viewer component.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Organize pages in Angular PDF Viewer
-
-The Angular PDF Viewer includes an Organize Pages panel for preparing documents before sharing. It enables reordering, rotating, inserting, deleting, and duplicating pages directly in the viewer so scanned or multi-page documents can be tidied without leaving the interface.
-
-To open the Organize Pages panel, load a document that permits page-level edits, ensure the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. If the document does not allow page-level edits, the Organize Pages toolbar item is hidden.
-
-The Organize Pages panel supports the following actions:
-
-* **Rotate pages**: Rotate pages in 90-degree increments to correct orientation.
-* **Rearrange pages**: Drag and drop thumbnails to change the reading order.
-* **Insert new pages**: Add blank pages at a specified position.
-* **Delete pages**: Remove pages that are no longer needed.
-* **Copy pages**: Duplicate selected pages to reuse content elsewhere in the document.
-* **Import a PDF document**: Merge pages from another PDF into the current document.
-* **Select all pages**: Apply bulk operations (for example, rotate or delete) to every page.
-* **Save updates**: Review changes in real time and use **Save** to overwrite the current document or **Save As** to download a new copy containing the updated page order.
-
-After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order.
-
-For a full guide to Organize Pages in Angular, see the feature landing page: [Organize pages in Angular PDF Viewer](./organize-pdf).
-
-## See also
-
-* [UI interactions for Organize Pages](./organize-pdf/ui-interactions-organize-page)
-* [Toolbar items for Organize Pages](./organize-pdf/toolbar-organize-page)
-* [Programmatic support for Organize Pages](./organize-pdf/programmatic-support-for-organize-page)
-* [Organize Pages events](./organize-pdf/organize-pdf-events)
-* [Organize Pages in mobile view](./organize-pdf/organize-page-mobile-view)
-
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pdf.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pdf.md
deleted file mode 100644
index c566c55969..0000000000
--- a/Document-Processing/PDF/PDF-Viewer/angular/organize-pdf.md
+++ /dev/null
@@ -1,364 +0,0 @@
----
-layout: post
-title: Organize Pages in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Organize Pages in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Organize Pages in Angular PDF Viewer component
-
-The PDF Viewer allows you to manage your PDF documents efficiently by organizing pages seamlessly. Whether you need to add new pages, remove unnecessary ones, rotate pages, move pages within the document, and copy or duplicate pages, the PDF Viewer facilitates these tasks effortlessly.
-
-## Getting started
-
-To access the organize pages feature, simply open the PDF document in the PDF Viewer and navigate to the left vertical toolbar. Look for the [Organize Pages](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageOrganizer/) option to begin utilizing these capabilities.
-
-
-
-The page organization support enables you to perform various actions such as rotating, rearranging, inserting, copying, and deleting pages within a PDF document using organize pages dialog.
-
-### Rotating PDF pages
-
-You can adjust the orientation of PDF pages to ensure proper alignment. The rotate icon offers the following options:
-
-* `Rotate clockwise`: Rotate the selected pages 90 degrees clockwise.
-* `Rotate counter-clockwise`: Rotate the selected pages 90 degrees counter-clockwise.
-
-### Rearranging PDF pages
-
-You can easily change the sequence of pages within your document using the drag and drop method:
-
-* `Drag and drop`: Click and drag a page thumbnail to the desired position within the document, then release it to rearrange the page order.
-
-
-
-### Inserting new pages
-
-Effortlessly add new pages to your document with the following options:
-
-* `Insert blank page left`: Insert a blank page to the left of the selected page using the respective icon.
-* `Insert blank page right`: Insert a blank page to the right of the selected page using the corresponding icon.
-
-### Deleting PDF pages
-
-Removing unwanted pages from your document is straight forward:
-
-* `Select pages to delete`: Click on the page thumbnails you wish to remove. You can select multiple pages at once.
-* `Delete selected pages`: Use the delete option in the organize pages pane to remove the selected pages from the document.
-
-### Copying PDF pages
-
-Duplicate the pages within your PDF document effortlessly:
-
-* `Select pages to copy`: Click on the page thumbnails you wish to duplicate. Use the copy option to create duplicates. When a page is copied, the duplicate is automatically added to the right of the selected page. Multiple copies can be made using the toolbar action.
-
-
-
-### Importing a PDF Document
-
-Seamlessly import a PDF document into your existing document:
-
-* `Import PDF document`: Click the **Import Document** button to import a PDF. If a page is selected, the imported document’s thumbnail will be inserted to the right of the selected page. If multiple or no pages are selected, the thumbnail will be added as the first page. When **Save** or **Save As** is clicked, the imported PDF will be merged with the current document. You can insert a blank page to the left or right of the imported thumbnail, delete it, or drag and drop it to reposition as needed.
-
-
-
-### Selecting all pages
-
-Make comprehensive adjustments by selecting all pages simultaneously. This facilitates efficient editing and formatting across the entire document.
-
-
-
-### Zooming Page Thumbnails
-
-Adjust the size of page thumbnails within the organizer panel for better visibility and precision when editing. The zoom functionality allows you to:
-
-* Increase or decrease the size of page thumbnails using the zoom slider
-* See more details on pages when zoomed in
-* View more pages simultaneously when zoomed out
-
-This feature is especially useful when working with documents containing complex layouts or small details that need careful examination during organization.
-
-
-
-### Real-time updates
-
-Witness instant changes in page organization reflected within the PDF Viewer. Simply click the **Save** button to preserve your modifications.
-
-### Save As functionality
-
-Safeguard your edits by utilizing the **Save As** feature. This enables you to download the modified version of the PDF document for future reference, ensuring that your changes are securely stored.
-
-## APIs supported
-
-**enablePageOrganizer:** This API enables or disables the page organizer feature in the PDF Viewer. By default, it is set to `true`, indicating that the page organizer is enabled.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-
- ngOnInit(): void {
- }
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- ngOnInit(): void {
- }
-}
-{% endhighlight %}
-{% endtabs %}
-
-**isPageOrganizerOpen:** This API determines whether the page organizer dialog will be displayed automatically when a document is loaded into the PDF Viewer. By default, it is set to `false`, meaning the dialog is not displayed initially.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-
- ngOnInit(): void {
- }
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- ngOnInit(): void {
- }
-}
-{% endhighlight %}
-{% endtabs %}
-
-**pageOrganizerSettings:** This API allows control over various page management functionalities within the PDF Viewer. It includes options to enable or disable actions such as deleting, inserting, rotating, copying, importing and rearranging pages, as well as configuring thumbnail zoom settings. By default, all these actions are enabled and standard zoom settings are applied.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
- public pageOrganizerSettings = { canDelete: true, canInsert: true, canRotate: true, canCopy: true, canRearrange: true, canImport: true, imageZoom: 1, showImageZoomingSlider: true, imageZoomMin: 1, imageZoomMax: 5};
- ngOnInit(): void {
- }
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
- import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public pageOrganizerSettings = { canDelete: true, canInsert: true, canRotate: true, canCopy: true, canRearrange: true, canImport:true, imageZoom: 1, showImageZoomingSlider: true, imageZoomMin: 1, imageZoomMax: 5};
- ngOnInit(): void {
- }
-}
-{% endhighlight %}
-{% endtabs %}
-
-**openPageOrganizer:** This API opens the page organizer dialog within the PDF Viewer, providing access to manage PDF pages.
-
-```html
-
-```
-
-```ts
-openPageOrganizer() {
- var viewer = (
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
-
-{% endhighlight %}
-
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-Invoke the print action using the following snippet.
-
-```html
-
-
-```
-
-## Print the PDF document in the new window.
-
-The PDF Viewer supports printing loaded PDF files directly in the browser. Use the [printMode](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printMode/) parameter to select the printing mode; set it to [NewWindow](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printMode/) to open print output in a separate browser window. Below is a code snippet demonstrating how to configure this option.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = "https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib";
- public printMode: string = "NewWindow";
- }
-
-{% endhighlight %}
-
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public printMode: string = "NewWindow";
- }
-
-{% endhighlight %}
-{% endtabs %}
-
-Setting `printMode` to `NewWindow` opens a separate window for printing the PDF document.
-
-## Limiting the Dialog Opening for Printing
-
-The Syncfusion® PDF Viewer raises the [printStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printStartEventArgs/) event before printing begins. Use this event to customize printing behavior—for example, to prevent the browser print dialog from opening. Below is a code snippet demonstrating this.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, PrintStartEventArgs, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = "https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib";
- ngOnInit(): void {
- }
- printStart(args: PrintStartEventArgs){
- console.log(args);
- args.cancel = true;
- }
-}
-
-{% endhighlight %}
-
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, PrintStartEventArgs, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-
- ngOnInit(): void {
- }
- printStart(args: PrintStartEventArgs){
- console.log(args);
- args.cancel = true;
- }
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-In these examples, the `printStart` handler sets `args.cancel = true` to prevent the print dialog from opening. By default, the [cancel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printStartEventArgs/) property is `false`.
-
-## Customizing Print Quality using printScaleFactor API
-
-Adjust print quality with the [printScaleFactor](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/PrintScaleFactor/) API. Valid values are 0.5–5 (default is 1). Values below 0.5 or above 5 revert to standard quality. Increasing the value within this range improves print fidelity but can increase print time.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- //pdf with low quality. By changing values you can change the quality of the pdf.
- public printScaleFactor = 0.5;
- }
-
-{% endhighlight %}
-
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- //pdf with low quality. By changing values you can change the quality of the pdf.
- public printScaleFactor = 0.5;
- }
-
-{% endhighlight %}
-{% endtabs %}
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/Customization%20%20Print%20Quality)
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md b/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md
new file mode 100644
index 0000000000..fdb3a41a95
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/print/enable-print-rotation.md
@@ -0,0 +1,109 @@
+---
+layout: post
+title: Enable Print Rotation in Angular PDF Viewer | Syncfusion
+description: Learn how to enable print rotation for landscape documents in the Syncfusion Angular PDF Viewer component.
+platform: document-processing
+control: Print
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Enable print rotation in Angular PDF Viewer
+
+This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enableprintrotation) when printing documents that include landscape pages and you want them rotated to match the printer paper orientation.
+
+## Prerequisites
+
+- The [`Print`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/print) module must be injected into [`PdfViewerComponent`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer).
+
+## Steps to enable print rotation
+
+1. Inject the required modules (including [`Print`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/print)) into [`PdfViewerComponent`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer).
+2. Set [`enablePrintRotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#enableprintrotation) to `true` in the PDF Viewer during initialization.
+
+## Example
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild, OnInit } from '@angular/core';
+import {
+ PdfViewerComponent,
+ PdfViewerModule,
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ LinkAnnotationService,
+ BookmarkViewService,
+ MagnificationService,
+ ThumbnailViewService,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ AnnotationService,
+ FormFieldsService,
+ FormDesignerService,
+ PageOrganizerService,
+ ],
+ template: `
+
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
-
-{% endhighlight %}
-
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService
- } from '@syncfusion/ej2-angular-pdfviewer';
-@Component({
- selector: 'app-container',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService]
- })
- export class AppComponent implements OnInit {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- }
-
-{% endhighlight %}
-{% endtabs %}
-
-## Text search Features
-
-### Real time search suggestion while typing
-Typing into the search input displays real-time suggestions that update as characters are entered, helping users discover matches quickly.
-
-
-
-### Selecting Search Suggestions from the Popup
-Selecting a suggestion from the popup navigates directly to its occurrences in the document.
-
-
-
-### Search Text with enabling 'Match Case' checkbox
-With the 'Match Case' option enabled, only exact case-sensitive matches are highlighted and navigable.
-
-
-
-### Search Text without enabling 'Match Case' checkbox
-When 'Match Case' is disabled, matches are found regardless of letter case, highlighting all occurrences of the search term.
-
-
-
-### Search list of text by enabling 'Match Any Word' checkbox
-When 'Match Any Word' is enabled, the input is split into words and suggestions are shown for each word, enabling matches for any individual term.
-
-
-
-The following text search methods are available in the PDF Viewer:
-
-* [**Search text**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchtext):- Searches the target text in the PDF document and highlights occurrences in the pages.
-* [**Search next**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchnext):- Navigates to the next occurrence of the searched text.
-* [**Search previous**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchprevious):- Navigates to the previous occurrence of the searched text.
-* [**Cancel text search**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#canceltextsearch):- Cancels the ongoing search and removes highlighted occurrences.
-
-
-
-## Find text method
-The `findText` method searches for a string or an array of strings and returns the bounding rectangles for each match. Searches can be case-sensitive and may be restricted to a single page when a `pageIndex` is provided; otherwise, results span all pages where matches occur.
-
-### Find and get the bounds of a text
-Searches for the specified text within the document and returns the bounding rectangles of the matched text. The search can be case-sensitive based on the provided parameter. It returns the bounding rectangles for all pages in the document where the text was found. The below code snippet shows how to get the bounds of the given text:
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-```ts
-import { Component, OnInit } from "@angular/core";
-import {
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
-} from "@syncfusion/ej2-angular-pdfviewer";
-
-@Component({
- selector: "app-root",
- // specifies the template string for the PDF Viewer component
- template: `
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public service =
- "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public service =
- "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public service =
- "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
`,
- providers: [
- LinkAnnotationService,
- BookmarkViewService,
- MagnificationService,
- ThumbnailViewService,
- ToolbarService,
- NavigationService,
- AnnotationService,
- TextSearchService,
- TextSelectionService,
- PrintService,
- FormFieldsService,
- FormDesignerService,
- ],
-})
-export class AppComponent implements OnInit {
- public service =
- "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- ngOnInit(): void {}
-
- textBounds() {
- let viewer = (
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService ]
-})
-export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService ]
-})
-export class AppComponent {
- public service = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Text selection events
-
-Monitor user interactions with selection events to coordinate downstream actions such as showing tooltips, enabling context menus, or recording analytics.
-
-### textSelectionStart
-
-The [textSelectionStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#textselectionstartevent) event fires when a user begins selecting text. Use it to reset temporary UI state, pause conflicting shortcuts, or capture the starting context.
-
-- Event arguments: `TextSelectionStartEventArgs` provides details such as `pageNumber`, `bounds`, and `selectionBehavior`.
-
-```ts
-import { Component, OnInit } from '@angular/core';
-import { TextSelectionService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ TextSelectionService ]
-})
-export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
- public textSelectionStart(args: any): void {
- // args.pageNumber, args.bounds provide the starting context
- console.log('Selection started', args);
- }
-}
-```
-
-### textSelectionEnd
-
-The [textSelectionEnd](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#textselectionendevent) event triggers after the selection is finalized. Use it to access the selected text, toggle contextual commands, or record telemetry.
-
-- Event arguments: `TextSelectionEndEventArgs` includes `pageNumber`, `bounds`, `selectedText`, and `isSelectionCopied`.
-
-```ts
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, AnnotationService, TextSelectionService,
- PrintService, FormFieldsService, FormDesignerService,
- PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-container',
- template: `
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- AnnotationService, TextSearchService, TextSelectionService,
- PrintService, FormFieldsService, FormDesignerService,
- PageOrganizerService ]
-})
-export class AppComponent {
- public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
- public textSelectionEnd(args: any): void {
- // For example, automatically copy or show a custom menu
- console.log('Selection ended', args);
- }
-}
-```
-
-## See also
-
-- [Text search](./text-search)
-- [Interaction modes](./interaction-mode)
-- [Toolbar items](./toolbar)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/text-selection/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/text-selection/overview.md
new file mode 100644
index 0000000000..c375319e0b
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/text-selection/overview.md
@@ -0,0 +1,50 @@
+---
+layout: post
+title: Text selection in Angular PDF Viewer | Syncfusion
+description: Learn the text selection concepts, copy behavior, and interaction capabilities of the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: Text selection
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text selection in Angular PDF Viewer
+
+The Text Selection module in the Syncfusion Angular PDF Viewer enables users to select and copy text from a loaded PDF document. Text selection is available by default and gives users direct interaction with the content through dragging, keyboard shortcuts, and context menus.
+
+This overview explains the behavior of text selection, how copy actions work, and how it relates to other interaction features in the viewer.
+
+## Capabilities of text selection
+
+Text selection allows users to:
+
+- Highlight text using mouse or touch
+- Copy the selected text to the clipboard
+- Access contextual commands such as Copy through the built‑in context menu
+- Use keyboard shortcuts such as Ctrl+C or Cmd+C to copy text
+- Trigger application behavior through selection events
+
+The feature behaves consistently across single-page and multi-page documents.
+
+## Copying text
+
+Copying is available through several user interaction methods.
+
+### Using the context menu
+
+When text is selected, the built‑in context menu shows a Copy option. Selecting this option copies the highlighted text to the clipboard. See the [context menu](../context-menu/builtin-context-menu.md#text-menu-items) documentation for further explanation.
+
+### Using keyboard shortcuts
+
+The following keyboard shortcuts copy the selected text:
+
+- Ctrl+C (Windows and Linux)
+- Cmd+C (macOS)
+
+## Related topics
+
+These topics describe how selection interacts with other features or how copy behavior may be limited depending on viewer configuration or PDF security settings.
+
+- [Restricting copy operations (permissions)](../security/prevent-copy-and-print)
+- [Toggle text selection](./toggle-text-selection)
+- [Text selection API reference](./reference)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/text-selection/text-selection-api-events.md b/Document-Processing/PDF/PDF-Viewer/angular/text-selection/text-selection-api-events.md
new file mode 100644
index 0000000000..f2037cde96
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/text-selection/text-selection-api-events.md
@@ -0,0 +1,218 @@
+---
+layout: post
+title: Text selection API and events in Angular PDF Viewer | Syncfusion
+description: Reference documentation for text selection properties, methods, and events in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: Text selection
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text selection API and events in Angular PDF Viewer
+
+This document provides the reference details for text selection APIs and events in the Syncfusion Angular PDF Viewer. It includes the available configuration property, programmatic methods, and event callbacks that allow applications to react to selection behavior.
+
+## Methods
+
+### selectTextRegion
+
+Programmatically selects text within a specified page and bounds.
+
+**Method signature:**
+
+```ts
+selectTextRegion(pageNumber: number, bounds: IRectangle[]): void
+```
+
+**Parameters:**
+
+- pageNumber: number indicating the target page (1 based indexing)
+- bounds: `IRectangle` array defining the selection region
+
+**Example:**
+
+```ts
+this.pdfviewerObj.textSelection.selectTextRegion(3, [{
+ "left": 121.07501220703125,
+ "right": 146.43399047851562,
+ "top": 414.9624938964844,
+ "bottom": 430.1625061035156,
+ "width": 25.358978271484375,
+ "height": 15.20001220703125
+ }
+])
+```
+
+### copyText
+
+Copies the currently selected text to the clipboard.
+
+**Method signature:**
+
+```ts
+copyText(): void
+```
+
+**Example:**
+
+```ts
+this.pdfviewerObj.textSelection.copyText();
+```
+
+## Events
+
+### textSelectionStart
+
+Triggered when the user begins selecting text.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild } from '@angular/core';
+import {
+ PdfViewerComponent,
+ PdfViewerModule,
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ MagnificationService,
+ AnnotationService,
+ FormDesignerService,
+ FormFieldsService,
+ PageOrganizerService,
+ TextSelectionStartEventArgs,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ providers: [
+ ToolbarService,
+ NavigationService,
+ TextSearchService,
+ TextSelectionService,
+ PrintService,
+ MagnificationService,
+ AnnotationService,
+ FormDesignerService,
+ FormFieldsService,
+ PageOrganizerService,
+ ],
+ template: `
+
-
-
-
-
` ,
+
+
+
+
+
+ `,
providers: [
LinkAnnotationService, BookmarkViewService, MagnificationService,
ThumbnailViewService, ToolbarService, NavigationService,
TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService
- ]
+ AnnotationService, FormDesignerService, FormFieldsService,
+ ],
})
export class AppComponent {
- @ViewChild('pdfViewer', { static: false }) pdfViewer?: PdfViewerComponent;
-
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+ @ViewChild('pdfViewer')
+ public pdfViewer?: PdfViewerComponent;
- ngOnInit(): void {}
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/32.2.3/dist/ej2-pdfviewer-lib';
+ public show: boolean = true;
- onChangeVisibility(): void {
- // Hide the annotation toolbar
+ hideToolbar(): void {
if (this.pdfViewer && this.pdfViewer.toolbar) {
- this.pdfViewer.toolbar.showAnnotationToolbar(false);
+ this.pdfViewer.toolbar.showAnnotationToolbar(this.show);
+ this.show = !this.show;
}
}
}
{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
-
-{% endhighlight %}
{% endtabs %}
-## How to customize the annotation toolbar
+### 2. Show or hide annotation toolbar items
+
+Use [`annotationToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarsettings#annotationtoolbaritems) with a list of [`AnnotationToolbarItem`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationtoolbaritem) values. The toolbar shows only items in this list.
-Choose which tools appear and control their order in the annotation toolbar.
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component } from '@angular/core';
+import {
+ PdfViewerComponent, PdfViewerModule, LinkAnnotationService,
+ BookmarkViewService, MagnificationService, ThumbnailViewService,
+ ToolbarService, NavigationService, TextSearchService,
+ TextSelectionService, PrintService, FormDesignerService,
+ FormFieldsService, AnnotationService,
+ AnnotationToolbarItem,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+ selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
+ template: `
+
+
+
+
+ `,
+ providers: [
+ LinkAnnotationService, BookmarkViewService, MagnificationService,
+ ThumbnailViewService, ToolbarService, NavigationService,
+ TextSearchService, TextSelectionService, PrintService,
+ AnnotationService, FormDesignerService,
+ FormFieldsService,
+ ],
+})
+export class AppComponent {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/32.2.3/dist/ej2-pdfviewer-lib';
+
+ public annotationToolbarItems: AnnotationToolbarItem[] = [
+ 'HighlightTool',
+ 'UnderlineTool',
+ 'StrikethroughTool',
+ 'ColorEditTool',
+ 'OpacityEditTool',
+ 'AnnotationDeleteTool',
+ 'CommentPanelTool',
+ ];
-Use [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarSettings/) with the [`AnnotationToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarSettings/#annotationtoolbaritems) property to choose which tools are displayed in the annotation toolbar. The property accepts a list of [`AnnotationToolbarItem`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationToolbarItem/) values. Only the items included in this list are shown; any item not listed is hidden. The rendered order follows the sequence of items in the list.
+ public toolbarSettings = {
+ annotationToolbarItems: this.annotationToolbarItems,
+ };
+}
+{% endhighlight %}
+{% endtabs %}
-The annotation toolbar is presented when entering annotation mode in PDF Viewer and adapts responsively based on the available width. Include the Close tool to allow users to exit the annotation toolbar when needed.
+**Complete example**
-The following example demonstrates how to customize the annotation toolbar by specifying a selected set of tools using `AnnotationToolbarItem`.
+The following is a complete, runnable example. It wires a toggle button and a viewer with a custom annotation toolbar list.
{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService } from '@syncfusion/ej2-angular-pdfviewer';
+{% highlight ts tabtitle="Standalone" %}
+import { Component, ViewChild } from '@angular/core';
+import {
+ PdfViewerComponent, PdfViewerModule, LinkAnnotationService,
+ BookmarkViewService, MagnificationService, ThumbnailViewService,
+ ToolbarService, NavigationService, TextSearchService,
+ TextSelectionService, PrintService, FormDesignerService,
+ FormFieldsService, AnnotationService,
+ AnnotationToolbarItem,
+} from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
+ standalone: true,
+ imports: [PdfViewerModule],
template: `
-
-
-
-
` ,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService]
+
+
+
+
+
+ `,
+ providers: [
+ LinkAnnotationService, BookmarkViewService, MagnificationService,
+ ThumbnailViewService, ToolbarService, NavigationService,
+ TextSearchService, TextSelectionService, PrintService,
+ AnnotationService, FormDesignerService,
+ FormFieldsService,
+ ],
})
export class AppComponent {
+ @ViewChild('pdfViewer')
+ public pdfViewer?: PdfViewerComponent;
+
public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/32.2.3/dist/ej2-pdfviewer-lib';
+ public show: boolean = true;
+
+ public annotationToolbarItems: AnnotationToolbarItem[] = [
+ 'HighlightTool',
+ 'UnderlineTool',
+ 'StrikethroughTool',
+ 'ColorEditTool',
+ 'OpacityEditTool',
+ 'AnnotationDeleteTool',
+ 'CommentPanelTool',
+ ];
public toolbarSettings = {
- annotationToolbarItems: [
- 'HighlightTool',
- 'UnderlineTool',
- 'StrikethroughTool',
- 'ColorEditTool',
- 'OpacityEditTool',
- 'AnnotationDeleteTool',
- 'StampAnnotationTool',
- 'HandWrittenSignatureTool',
- 'InkAnnotationTool',
- 'ShapeTool',
- 'CalibrateTool',
- 'StrokeColorEditTool',
- 'ThicknessEditTool',
- 'FreeTextAnnotationTool',
- 'FontFamilyAnnotationTool',
- 'FontSizeAnnotationTool',
- 'FontStylesAnnotationTool',
- 'FontAlignAnnotationTool',
- 'FontColorAnnotationTool',
- 'CommentPanelTool'
- ]
+ annotationToolbarItems: this.annotationToolbarItems,
};
- ngOnInit(): void {}
+ hideToolbar(): void {
+ if (this.pdfViewer && this.pdfViewer.toolbar) {
+ this.pdfViewer.toolbar.showAnnotationToolbar(this.show);
+ this.show = !this.show;
+ }
+ }
}
-
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
{% endhighlight %}
{% endtabs %}
+
+## Troubleshooting
+
+- Annotation toolbar tools do not appear.
+ - **Cause**: The items are not valid [`AnnotationToolbarItem`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationtoolbaritem) strings or the viewer is not injected with [`AnnotationService`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation) / [`ToolbarService`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbar) modules.
+ - **Solution**: Confirm services in providers includes [`ToolbarService`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbar) and [`AnnotationService`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation) and use valid item names.
+
+## Related topics
+
+- [Customize form designer toolbar](./form-designer-toolbar)
+- [Customize primary toolbar](./primary-toolbar)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/custom-toolbar.md
index 386dbdfba6..e39d07ab6e 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/custom-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/custom-toolbar.md
@@ -295,7 +295,7 @@ Add Syncfusion EJ2 Toolbar components to perform magnification actions in the PD
>The icons are embedded in the font file used in the previous code snippet.
-**Step 7:** Add the following code snippet in `app.ts` file for performing a user interaction in PDF Viewer in code behind.
+**Step 8: Add scripts for PDF Viewer user interaction.**
{% tabs %}
{% highlight js tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/form-designer-toolbar.md
index 8caca7ed6e..3460e11b06 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/form-designer-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/form-designer-toolbar.md
@@ -8,95 +8,141 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Form Designer Toolbar Customization in Angular
+# Customize the Form Designer Toolbar in Angular PDF Viewer
-Customize the form designer toolbar by showing or hiding default items and controlling the order in which items appear.
+## Overview
-## Show or hide the form designer toolbar
+This guide shows how to show or hide the form designer toolbar, and how to configure which tools appear and their order.
-The form designer toolbar can be shown or hidden programmatically during initialization or at runtime.
+**Outcome**: a working Angular example customizing the form designer toolbar.
-Use the [enableFormDesigner](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pdfViewerModel/#enableformdesigner) property to set initial visibility or call the [showFormDesignerToolbar](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method at runtime to toggle visibility. The links below reference the corresponding API documentation.
+## Prerequisites
-The following code snippet shows how to set the `enableFormDesigner` property during initialization.
+- EJ2 Angular PDF Viewer installed and added in project. See [getting started guide](../getting-started)
+- If using standalone WASM mode, provide [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#resourceurl) or a [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serviceurl) for server mode.
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
+## Steps
+
+### 1. Show or hide Form Designer toolbar at initialization
+
+Set the [`enableFormDesigner`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enableformdesigner) property on PDF Viewer instance to `true` or `false` to control initial visibility.
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
import { Component } from '@angular/core';
-import { ToolbarService, MagnificationService, NavigationService, AnnotationService, LinkAnnotationService,
+import { PdfViewerModule, ToolbarService, MagnificationService, NavigationService, AnnotationService, LinkAnnotationService,
ThumbnailViewService, BookmarkViewService, TextSelectionService, TextSearchService, FormFieldsService, FormDesignerService } from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
- templateUrl: 'index.html',
+ standalone: true,
+ imports: [PdfViewerModule],
providers: [
ToolbarService, MagnificationService, NavigationService, AnnotationService, LinkAnnotationService,
ThumbnailViewService, BookmarkViewService, TextSelectionService, TextSearchService, FormFieldsService, FormDesignerService
- ]
+ ],
+ template: `
+
+
+
+
`
})
export class AppComponent {
- public documentPath: string = 'https://cdn.syncfusion.com/content/pdf/formdesigner.pdf';
+ @ViewChild('pdfviewer')
+ public pdfViewerObj!: PdfViewerComponent;
+
+ public show: boolean = true;
+ public documentPath: string = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
public toolbarSettings: any = {
formDesignerToolbarItems: [
- 'TextboxTool',
- 'PasswordTool',
- 'CheckBoxTool',
- 'RadioButtonTool',
- 'DropdownTool',
- 'ListboxTool',
- 'DrawSignatureTool',
- 'DeleteTool'
+ 'TextboxTool', 'RadioButtonTool', 'CheckBoxTool',
+ 'DropdownTool', 'ListboxTool', 'DrawSignatureTool', 'DeleteTool'
]
};
+
+ hideFormDesignerToolbar(): void {
+ this.show = !this.show;
+ this.pdfViewerObj.enableFormDesigner = this.show;
+ }
}
{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
- ngOnInit(): void {
- }
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
-})
-export class AppComponent implements OnInit {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
- ngOnInit(): void {
- }
-}
-{% endhighlight %}
-{% endtabs %}
-
-## Enable Scrolling in Desktop Mode with Touch Gestures
-
-To ensure smooth touch scrolling of documents on mobile devices when the desktop toolbar is enabled, set the `enableTextSelection` option to **false**. This disables text-selection interactions that can interfere with touch-based scrolling.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
-
-@Component({
- selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
+ style="height:640px;width:100%;display:block">
+ `
})
-export class AppComponent implements OnInit {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
-
- ngOnInit(): void {
- }
+export class AppComponent {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public resource: string = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
}
{% endhighlight %}
{% highlight ts tabtitle="Server-Backed" %}
-
-import { Component, OnInit } from '@angular/core';
-import { LinkAnnotationService, BookmarkViewService,
- MagnificationService, ThumbnailViewService, ToolbarService,
- NavigationService, TextSearchService, TextSelectionService,
- PrintService, FormDesignerService, FormFieldsService,
- AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
+import { Component } from '@angular/core';
+import { PdfViewerModule, ToolbarService, MagnificationService, NavigationService, AnnotationService, LinkAnnotationService,
+ ThumbnailViewService, BookmarkViewService, TextSelectionService, TextSearchService, FormFieldsService, FormDesignerService,
+ PrintService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
- // specifies the template string for the PDF Viewer component
- template: `
-
-
-
-
`,
- providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService,
- ThumbnailViewService, ToolbarService, NavigationService,
- TextSearchService, TextSelectionService, PrintService,
- AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]
+ style="height:640px;width:100%;display:block">
+ `
})
-export class AppComponent implements OnInit {
- public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
- public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
- ngOnInit(): void {
- }
+export class AppComponent {
+ public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+ public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
}
{% endhighlight %}
{% endtabs %}
-## Print Option Not Available
-
-The Print option is not available in mobile mode by default. Enabling the desktop toolbar on mobile via `enableDesktopMode` makes the Print option available.
+## Troubleshooting
-### How to use Print on mobile:
+- Print option not visible on mobile: set [`enableDesktopMode`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enabledesktopmode) to `true`; otherwise the mobile toolbar omits Print.
+- Touch scrolling is jerky after enabling desktop toolbar: set [`enableTextSelection`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enabletextselection) to `false` to avoid text-selection capturing touch events.
+- Missing assets or broken UI: confirm [`resourceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#resourceurl) points to the correct version of the `ej2-pdfviewer-lib` and is reachable from the device.
+- Server errors in server-backed mode: verify [`serviceUrl`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serviceurl) CORS configuration and that the back end is running.
-- Set `enableDesktopMode` to true to load the desktop toolbar on mobile.
-- After enabling desktop mode, the Print option appears in the toolbar and can be used to print the document from the mobile device.
+## Related topics
-N> Print functionality remains unavailable in the default mobile toolbar unless desktop mode is enabled.
\ No newline at end of file
+- [Customize form designer toolbar](./form-designer-toolbar)
+- [Customize annotation toolbar](./annotation-toolbar)
+- [Create a custom toolbar](./custom-toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/overview.md
new file mode 100644
index 0000000000..d455cc829a
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/overview.md
@@ -0,0 +1,80 @@
+---
+layout: post
+title: Toolbar Customization in Angular PDF Viewer | Syncfusion
+description: Learn here about various toolbars in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+control: PDF Viewer
+platform: document-processing
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Toolbar overview in Angular PDF Viewer
+
+## Overview
+
+This page provides a concise reference describing the toolbars available in the EJ2 Angular PDF Viewer component. It also explains what each toolbar is for and when it appears.
+
+**Scope**: covers available toolbars and their functions.
+
+## List of Available Toolbars
+
+- [Primary toolbar](#primary-toolbar)
+- [Annotation toolbar](#annotation-toolbar)
+- [Form Designer toolbar](#form-designer-toolbar)
+- [Mobile toolbar](#mobile-toolbar)
+- [Custom toolbar](./custom-toolbar)
+
+## Functional overview of each toolbar
+
+### Primary toolbar
+
+The primary toolbar presents core viewer actions such as open/load, page navigation, zoom controls, and print. It appears in standard desktop layouts and at the top of the viewer when `ToolbarService` is injected. Typical actions: page forward/back, zoom in/out, fit-to-page, print.
+
+For detailed information, see [Customize Primary Toolbar](./primary-toolbar).
+
+
+
+### Annotation toolbar
+
+The annotation toolbar surfaces annotation-related tools for adding, editing, and deleting annotations (text markup, shapes, stamps). It appears when `AnnotationService` is enabled and when a user opens annotation mode. Typical actions: highlight, underline, draw shape, add sticky note, delete annotation.
+
+For detailed information, see [Customize Annotation Toolbar](./annotation-toolbar).
+
+
+
+### Form Designer toolbar
+
+Form designer toolbar provides form-field authoring controls used when designing or editing form fields inside a PDF. It appears when `FormDesignerService` is enabled (design mode) and contains actions for adding form field controls.
+
+For detailed information, see [Customize Form Designer Toolbar](./form-designer-toolbar).
+
+
+
+### Mobile toolbar
+
+- A compact toolbar layout optimized for small screens and touch interactions. It appears automatically on mobile-sized view ports (or when a mobile layout is explicitly chosen) and contains the most frequently used actions in a space-efficient arrangement.
+
+ 
+
+- Annotation toolbar in mobile mode appears at the bottom of the PDF Viewer component.
+
+ 
+
+For detailed information, see [Customize Mobile Toolbar](./mobile-toolbar).
+
+## Show or hide toolbar items
+
+The following quick links describe how to customize, show, or hide specific toolbar items. Each linked page defines custom toolbar configurations and examples.
+
+- [Show or hide annotation toolbar items](./annotation-toolbar#2-show-or-hide-annotation-toolbar-items)
+- [Show or hide form designer toolbar items](./form-designer-toolbar#3-show-or-hide-form-designer-toolbar-items)
+- [Show or hide primary toolbar items](./primary-toolbar#3-show-or-hide-primary-toolbar-items)
+- [Add a custom primary toolbar item](./primary-toolbar#4-add-a-custom-primary-toolbar-item)
+
+## Further Reading
+
+- [Customize annotation toolbar](./annotation-toolbar)
+- [Customize form designer toolbar](./form-designer-toolbar)
+- [Customize mobile toolbar](./mobile-toolbar)
+- [Customize primary toolbar](./primary-toolbar)
+- [Create a custom toolbar](./custom-toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/primary-toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/primary-toolbar.md
index a0889d9917..7fcf20daf9 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/primary-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/toolbar-customization/primary-toolbar.md
@@ -8,148 +8,164 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Primary Toolbar Customization in Angular PDF Viewer
+# Customize Primary Toolbar in Angular PDF Viewer
-The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be inserted at a specific index among existing toolbar items to control placement.
+## Overview
-## Show or hide the primary toolbar
+This guide explains how to show or hide the primary toolbar, remove default items, and add custom toolbar items.
-Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. When a custom toolbar is required, hide the built-in toolbar. Use the [enableToolbar](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pdfViewerModel/#enabletoolbar) property or the [showToolbar](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbar/#showtoolbar) method to show or hide the primary toolbar.
+**Outcome**: Working Angular example customizing the primary toolbar.
-### Show or hide the toolbar using the `enableToolbar` property:
+## Prerequisites
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
+- EJ2 Angular PDF Viewer installed and added in project. See [getting started guide](../getting-started)
+
+## Steps
+
+### 1. Show or hide primary toolbar at initialization
-import { Component, NgModule, ViewChild } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { PdfViewerModule, PdfViewerComponent, ToolbarService, MagnificationService, NavigationService, AnnotationService, LinkAnnotationService, ThumbnailViewService, BookmarkViewService, TextSelectionService, TextSearchService, FormFieldsService, FormDesignerService } from '@syncfusion/ej2-angular-pdfviewer';
+Set [`enableToolbar`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enabletoolbar) to `false` to hide the built-in toolbar.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component } from '@angular/core';
+import { PdfViewerModule, ToolbarService, MagnificationService, NavigationService, AnnotationService, LinkAnnotationService,
+ ThumbnailViewService, BookmarkViewService, TextSelectionService, TextSearchService, FormFieldsService, FormDesignerService } from '@syncfusion/ej2-angular-pdfviewer';
@Component({
selector: 'app-root',
- template: `
- +* Check container logs and the image locally if the app fails to start.
+* Ensure the container listens on port 80 (or configure the App Service container port setting to match your container).
+* Ensure native dependencies (SkiaSharp, `libgdiplus`) are present in the image; missing native libs commonly cause rendering/script errors.
+* For static WASM images served by nginx, confirm wasm MIME types and caching are working. + +## Using Rancher Desktop / Docker on Windows + +* Rancher Desktop (with docker) can be used in place of Docker Desktop. If using Rancher Desktop, select the `docker` runtime so standard `docker` commands behave as expected. +* If you encounter WSL or Rancher errors during installation, consult Rancher Desktop docs and community threads; a common issue and workaround is documented in the internal notes. + +## Additional guidance + +* If your project uses SkiaSharp.Views.Blazor on the server or client, double-check native runtime requirements and test rendering in the container. +* For Server interactive scenarios, register Syncfusion services and ensure SignalR message size settings match large-file processing requirements (see Getting Started examples). +* For WebAssembly interactive render modes, ensure `wasm-tools` workload is available when building locally or in CI: `dotnet workload install wasm-tools`. + + + +N> [View the Blazor Web apps Sample](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Azure%20Container). + +## See also + +- [Getting started with SfPdfViewer in a Blazor Web App](../getting-started/web-app) diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md index f69c7991f7..3e9928e069 100644 --- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md +++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md @@ -53,6 +53,8 @@ N> Syncfusion® uses SkiaSharp.Views.Blazor version 3.119.1. Ensure this vers * If using an interactive render mode such as WebAssembly or Auto, ensure the required .NET workloads are installed for SkiaSharp usage in a Blazor Web App. Run the following command: * dotnet workload install wasm-tools +N> The above code will only install the latest available workload on the machine, such as .NET 10. If you need to install a specific .NET version like .NET 9 or .NET 8, please use a command such as `dotnet workload install wasm-tools-net8`. + ## Create a new Blazor Web App in Visual Studio Code You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/azure_container_published_blazor_webapps.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/azure_container_published_blazor_webapps.png new file mode 100644 index 0000000000..1518ae404b Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/azure_container_published_blazor_webapps.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/create_azure_container.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/create_azure_container.png new file mode 100644 index 0000000000..0fa1ca5008 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/create_azure_container.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/file_formate_need_to_add.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/file_formate_need_to_add.png new file mode 100644 index 0000000000..8185c71b43 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/file_formate_need_to_add.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/push_docker_into_azure_container.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/push_docker_into_azure_container.png new file mode 100644 index 0000000000..da166a9f31 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/push_docker_into_azure_container.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/udpate_container_configuration.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/udpate_container_configuration.png new file mode 100644 index 0000000000..bd06a2e18b Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/udpate_container_configuration.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/update_bascis_details.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/update_bascis_details.png new file mode 100644 index 0000000000..991e752911 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/update_bascis_details.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/update_hosting_plan_and_review.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/update_hosting_plan_and_review.png new file mode 100644 index 0000000000..c4482a5417 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/update_hosting_plan_and_review.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/update_the_docker_container_for_publish.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/update_the_docker_container_for_publish.png new file mode 100644 index 0000000000..f465e8f2c2 Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/blazor/images/update_the_docker_container_for_publish.png differ diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pdf.md b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pdf.md index 28698a0fa8..bab4af6c6d 100644 --- a/Document-Processing/PDF/PDF-Viewer/blazor/organize-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/blazor/organize-pdf.md @@ -1,7 +1,7 @@ --- layout: post title: Organize Pages in Blazor PDF Viewer | Syncfusion -description: Learn here all about Organize Pages in Syncfusion Blazor PDF Viewer component. +description: Learn here all about How to Organize Pages in a PDF Document in Syncfusion Blazor PDF Viewer component. platform: document-processing control: SfPdfViewer documentation: ug @@ -11,6 +11,9 @@ documentation: ug The SfPdfViewer component provides an Organize Pages panel that helps prepare documents before sharing. Use it to tidy scanned files, move pages into the correct order, and duplicate content without leaving the viewer. +Check out the following video to learn how to organize pages in a PDF document using the Blazor PDF Viewer. +{% youtube "https://www.youtube.com/watch?v=CQwfp5arshQ" %} + To open the Organize Pages panel, load a document, ensure that the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. The document must allow page-level edits for the toolbar item to be available. The Organize Pages panel supports the following actions: diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md index c0557050a8..c970b84000 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md @@ -12,6 +12,9 @@ domainurl: ##DomainURL## Redaction annotations hide confidential or sensitive information in a PDF. The Syncfusion React PDF Viewer (EJ2) enables marking areas or entire pages for redaction, customizing appearance, and applying changes permanently. +Check out the following video to learn how to Redact PDF Content in the React PDF Viewer. +{% youtube "https://www.youtube.com/watch?v=ZW9DswdpA7Q" %} + ## Enable the redaction toolbar To enable the redaction toolbar, configure the [`toolbarSettings.toolbarItems`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarsettings#toolbaritems) property of the PdfViewer instance to include the **RedactionEditTool**. See this [guide](./toolbar#enable-redaction-toolbar) to enable redaction toolbar. diff --git a/Document-Processing/PDF/PDF-Viewer/react/digital-signature/validate-digital-signatures.md b/Document-Processing/PDF/PDF-Viewer/react/digital-signature/validate-digital-signatures.md index 738198b010..e9ab9a2e99 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/digital-signature/validate-digital-signatures.md +++ b/Document-Processing/PDF/PDF-Viewer/react/digital-signature/validate-digital-signatures.md @@ -30,9 +30,9 @@ A **digital signature** is a cryptographic proof embedded in the PDF that allows 2. Use **JavaScript PDF Library** to **open the PDF bytes** and **validate the signature**. 3. Display the validation outcome (valid/invalid/unknown) in your React UI (badge, toast, side panel). - ## How‑to: Validate a digital signature (Client‑side) +## How‑to: Validate a digital signature (Client‑side) - Cryptographic signature validation is performed by the Syncfusion PDF Library. Please refer to the PDF Library documentation for detailed guidance and sample code. The following pages cover validation concepts, APIs, and full examples: +Cryptographic signature validation is performed by the Syncfusion PDF Library. Please refer to the PDF Library documentation for detailed guidance and sample code. The following pages cover validation concepts, APIs, and full examples: - [Digital signature validation overview](https://help.syncfusion.com/document-processing/pdf/pdf-library/net/working-with-digitalsignature#digital-signature-validation) diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/enable-text-selection.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/enable-text-selection.md index 946bcfe06c..547a7eb1d8 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/enable-text-selection.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/enable-text-selection.md @@ -8,122 +8,133 @@ documentation: ug domainurl: ##DomainURL## --- -# Enable or disable text selection in PDF Viewer +# Enable or disable text selection in React PDF Viewer -The Syncfusion PDF Viewer exposes the `enableTextSelection` property to control whether users can select text within the displayed PDF document. This setting can be configured at initialization and toggled programmatically at runtime. +This guide explains how to enable or disable text selection in the Syncfusion React PDF Viewer using both initialization-time settings and runtime toggling. -## Configure text selection on initialization +**Outcome:** By the end of this guide, you will be able to control whether users can select text in the PDF Viewer. -Set the initial text-selection behavior by configuring the `enableTextSelection` property in the component template or on the `PdfViewerComponent` instance. The example below shows a complete component (TypeScript and template) that initializes the viewer with text selection disabled. +## Steps to toggle text selection -{% tabs %} -{% highlight js tabtitle="Standalone" %} +### 1. Disable text selection at initialization + +Follow one of these steps to disable text selection when the viewer first loads: + +**Remove the text selection module** + +Remove the [`TextSelection`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textselection) module in the services array to disable text selection during initialization. + +{% highlight ts %} {% raw %} +
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
);
- }
}
-
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-```
-
{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
+{% highlight ts tabtitle="App.tsx" %}
{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
+ ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner,
+ PageOrganizer, Inject, ExtractTextOption
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef, RefObject } from 'react';
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
+export default function App() {
+ const viewerRef: RefObject
-
-
-
-
+
+
+
+
+
+ );
}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
- {/* Render the PDF Viewer */}
-
+
);
-
}
const root = ReactDOM.createRoot(document.getElementById('sample'));
root.render(
+
+
+
- {/* Render the PDF Viewer */}
-
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
- {/* Render the PDF Viewer */}
-
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
);
}
const root = ReactDOM.createRoot(document.getElementById('sample'));
root.render(
+
+
+
+
+
+
+
+
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
-```ts
-import * as React from 'react';
-import * as ReactDOM from 'react-dom/client';
-import { PdfViewerComponent, BookmarkView, Inject } from '@syncfusion/ej2-react-pdfviewer';
+**Expected result**: The viewer shows a Bookmarks panel and users can click entries to navigate.
-let pdfviewer;
+### 3. Navigate programmatically
-function App() {
- const onGoToBookmark = () => {
- // x - pageIndex, y - Y coordinate
- pdfviewer && pdfviewer.bookmark.goToBookmark(x, y);
- };
+Call [`goToBookmark(x, y)`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/bookmarkview#gotobookmark) where `x` is the zero-based page index and `y` is the vertical coordinate.
- return (
-
-
- { pdfviewer = scope; }} style={{ height: '500px', width: '100%' }}>
-
-
- );
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
+ ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner,
+ PageOrganizer, Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef, RefObject } from 'react';
+
+export default function App() {
+ const viewerRef: RefObject
+
+
+
+
+ );
}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
-```
-
-```
+## Complete example
-```ts
-import * as React from 'react';
-import * as ReactDOM from 'react-dom/client';
-import { PdfViewerComponent, BookmarkView, Inject } from '@syncfusion/ej2-react-pdfviewer';
+The following is a self-contained example demonstrating enabling bookmarks, navigating to a bookmark programmatically, and listing bookmarks.
-let pdfviewer;
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView,
+ ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner,
+ PageOrganizer, Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef, RefObject } from 'react';
+
+export default function App() {
+ const viewerRef: RefObject
+
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
-function App() {
- const onGetBookmarks = () => {
- var getBookmarks = pdfviewer && pdfviewer.bookmark.getBookmarks();
- console.log(getBookmarks);
- };
+**Expected result**: The Bookmarks button on the navigation toolbar is enabled and clicking it opens the Bookmarks panel (when the PDF contains bookmarks). Clicking a bookmark navigates to the target location; the buttons demonstrate programmatic navigation and retrieving the bookmark list in the console.
- return (
-
-
- { pdfviewer = scope; }} style={{ height: '500px', width: '100%' }}>
-
-
- );
-}
+## Troubleshooting
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+ );
}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
-
-
-
-
-
- { pdfviewer = scope; }}
- documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
- resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
- style={{ height: '500px', width: '100%' }}
- >
-
-
- );
+import { useRef, RefObject } from 'react';
+
+export default function App() {
+ const viewerRef: RefObject
+
+
+
+
+
+
+
+
+ );
}
-
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
-
-
-
-
-
- { pdfviewer = scope; }}
- serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/"
- documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
- style={{ height: '500px', width: '100%' }}
- >
-
-
- );
-}
+Ensure that the [`Navigation`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/navigation) service is included in the `Inject` services array. Without this service, navigation functionality will not be available.
-const root = ReactDOM.createRoot(document.getElementById('PdfViewer'));
-root.render(
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+ + Current mode: {currentFitMode === 'page' ? 'Fit Page' : 'Fit Width'} +
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+ + Current mode: {currentFitMode === 'page' ? 'Fit Page' : 'Fit Width'} +
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+ + Fit modes override zoom. Use Restore to return to last manual zoom. +
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+ + Fit modes override zoom. Use Restore to return to last manual zoom. +
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ {/* Render the PDF Viewer with magnification enabled */}
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ {/* Render the PDF Viewer with magnification enabled */}
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ {/* Render the PDF Viewer with magnification enabled */}
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ {/* Render the PDF Viewer with magnification enabled */}
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+ {/* Custom Application Toolbar */}
+
+
+
+ );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+ {/* PDF Viewer */}
+ + Zoom level is controlled by the application. +
+
+ {/* Custom Application Toolbar */}
+
+
+
+ );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+ {/* PDF Viewer */}
+ + Zoom level is controlled by the application. +
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ Current Zoom: {zoomLevel}%
+
+
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ Current Zoom: {zoomLevel}%
+
+
+
+
+
+
+
+
+ );
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+ );
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(
+ {/* Render the PDF Viewer */}
+
+
+
+
+
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
- {/* Render the PDF Viewer */}
-
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
-
-
-
-
-
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import './index.css';
-import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
-export function App() {
- return (Loading....
-
-
);
-}
-const root = ReactDOM.createRoot(document.getElementById('sample'));
-root.render(
-
-
-
-
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+### Find and get the bounds of a text on the desired page
+
+Searches for the specified text within the document and returns the bounding rectangles of the matched text on a specific page. The search can be case-sensitive based on the provided parameter and returns matches only from the selected page. The following code snippet shows how to retrieve bounds for the specified text on a selected page:
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+ FormFields, PageOrganizer, TextSelection, TextSearch, Print, Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef } from 'react';
+
+export default function App() {
+ const viewerRef: React.RefObject
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+### Find and get the bounds of the list of text
+
+Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters and returns matches from all pages in the document where the strings were found.
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+ FormFields, PageOrganizer, TextSelection, TextSearch, Print, Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef } from 'react';
+
+export default function App() {
+ const viewerRef: React.RefObject
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+### Find and get the bounds of the list of text on desired page
+
+Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. It returns the bounding rectangles for these search strings on that particular page where the strings were found.
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+ FormFields, PageOrganizer, TextSelection, TextSearch, Print, Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef } from 'react';
+
+export default function App() {
+ const viewerRef: React.RefObject
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+
+## Find text with findTextAsync
+
+The [`findTextAsync`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtextasync) method is designed for performing an asynchronous text search within a PDF document. You can use it to search for a single string or multiple strings, with the ability to control case sensitivity. By default, the search is applied to all pages of the document. However, you can adjust this behavior by specifying the page number (pageIndex), which allows you to search only a specific page if needed.
+
+### Find text with findTextAsync in React PDF Viewer
+
+The [`findTextAsync`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtextasync) method searches for a string or array of strings asynchronously and returns bounding rectangles for each match. Use it to locate text positions across the document or on a specific page.
+
+Here is an example of how to use [`findTextAsync`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtextasync):
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+ FormFields, PageOrganizer, TextSelection, TextSearch, Print, Inject,
+ type SearchResultModel
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef } from 'react';
+
+export default function App() {
+ const viewerRef: React.RefObject
+
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+### Parameters
+
+**text (string | string[]):** The text or array of texts to search for in the document.
+
+**matchCase (boolean):** Whether the search is case-sensitive. `true` matches exact case; `false` ignores case.
+
+**pageIndex (optional, number):** Zero-based page index to search. If omitted, searches all pages.
+
+N> `pageIndex` is zero-based; specify `0` for the first page. Omit this parameter to search the entire document.
+
+### Example workflow
+
+**findTextAsync('pdf', false):**
+This will search for the term "pdf" in a case-insensitive manner across all pages of the document.
+
+**findTextAsync(['pdf', 'the'], false):**
+This will search for the terms "pdf" and "the" in a case-insensitive manner across all pages of the document.
+
+**findTextAsync('pdf', false, 0):**
+This will search for the term "pdf" in a case-insensitive manner only on the first page (page 0).
+
+**findTextAsync(['pdf', 'the'], false, 1):**
+This will search for the terms "pdf" and "the" in a case-insensitive manner only on the second page (page 1).
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/How%20to/)
+
+## See Also
+
+- [Text Search Features](./text-search-features)
+- [Text Search Events](./text-search-events)
+- [Extract Text](../how-to/extract-text)
+- [Extract Text Options](../how-to/extract-text-option)
+- [Extract Text Completed](../how-to/extract-text-completed)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/text-search/overview.md b/Document-Processing/PDF/PDF-Viewer/react/text-search/overview.md
new file mode 100644
index 0000000000..d43deed041
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/text-search/overview.md
@@ -0,0 +1,35 @@
+---
+layout: post
+title: Text search and Extraction in React PDF Viewer | Syncfusion
+description: Overview of text search capabilities, UI features, programmatic APIs, events and text extraction in the Syncfusion React PDF Viewer.
+platform: document-processing
+control: Text search
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text search and extraction in React PDF Viewer
+
+The React PDF Viewer provides an integrated text search experience that supports both interactive UI search and programmatic searches. Enable the feature by importing [`TextSearch`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch) and injecting it into the viewer services and by setting [`enableTextSearch`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#enabletextsearch) as needed. To give more low-level information about text, [`findText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtext) and [`findTextAsync`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtextasync) methods can be used.
+
+The [`extractText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#extracttext) API can be used to retrieve plain text from pages or structured text items with their positional bounds, allowing you to index document content, perform precise programmatic highlighting, map search results to coordinates, and create custom overlays or annotations; it can return full-page text or itemized fragments with bounding rectangles for each extracted element, enabling integration with search, analytics, and downstream processing workflows.
+
+## Key capabilities
+
+- **Text search UI**: real‑time suggestions while typing, selectable suggestions from the popup, match‑case and "match any word" options, and search navigation controls.
+- **Text search programmatic APIs**: mirror UI behavior with [`searchText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchtext), [`searchNext`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchnext), [`searchPrevious`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchprevious), and [`cancelTextSearch`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#canceltextsearch); query match locations with [`findText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtext) and [`findTextAsync`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtextasync) which return bounding rectangles for matches.
+- **Text extraction**: use [`extractText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#extracttext) to retrieve page text and, optionally, positional bounds for extracted items (useful for indexing, custom highlighting, and annotations).
+- **Text search events**: respond to [`textSearchStart`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#textsearchstart), [`textSearchHighlight`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#textsearchhighlight), and [`textSearchComplete`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#textsearchcomplete) for UI sync, analytics, and custom overlays.
+
+## When to use which API
+
+- Use the toolbar/search panel for typical interactive searches and navigation.
+- Use [`searchText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchtext) / [`searchNext`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchnext) / [`searchPrevious`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchprevious) when driving search programmatically but keeping behavior consistent with the UI.
+- Use [`findText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtext) / [`findTextAsync`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#findtextasync) when you need match coordinates (bounding rectangles) for a page or the whole document.
+- Use [`extractText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#extracttext) when you need plain page text or structured text items with bounds.
+
+## Further reading
+
+- [Find Text](./find-text)
+- [Text Search Features](./text-search-features)
+- [Text Search Events](./text-search-events)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/text-search/text-search-events.md b/Document-Processing/PDF/PDF-Viewer/react/text-search/text-search-events.md
new file mode 100644
index 0000000000..7c3d8a70e7
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/text-search/text-search-events.md
@@ -0,0 +1,122 @@
+---
+layout: post
+title: Text search Events in React PDF Viewer control | Syncfusion
+description: Learn how to handle text search events, and run programmatic searches in the Syncfusion React PDF Viewer.
+platform: document-processing
+control: Text search
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Text Search Events in React PDF Viewer
+
+The React PDF Viewer triggers events during text search operations, allowing you to customize behavior and respond to different stages of the search process.
+
+## textSearchStart
+
+The [textSearchStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#textsearchstart) event fires as soon as a search begins from the toolbar interface or through the [`textSearch.searchText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchtext) method. Use to reset UI state, log analytics, or cancel the default search flow before results are processed.
+
+- Event arguments: [TextSearchStartEventArgs](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textSearchStartEventArgs) exposes:
+ - `searchText`: the term being searched.
+ - `matchCase`: indicates whether case-sensitive search is enabled.
+ - `name`: event name.
+
+{% highlight ts %}
+{% raw %}
+
+
+
+
+ );
+}
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+### Programmatic text search
+
+While the PDF Viewer toolbar offers an interactive search experience, you can also trigger and customize searches programmatically by calling the following APIs in textSearch module.
+
+#### `searchText`
+
+Use the [`searchText`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textsearch#searchtext) method to start a search with optional filters that control case sensitivity and whole-word behavior.
+
+```ts
+// searchText(text: string, isMatchCase?: boolean)
+pdfviewer.textSearch.searchText('search text', false);
+```
+
+Set the `isMatchCase` parameter to `true` to perform a case-sensitive search that mirrors the Match Case option in the search panel.
+
+```ts
+// This will only find instances of "PDF" in uppercase.
+pdfviewer.textSearch.searchText('PDF', true);
+```
+
+#### `searchNext`
+
+[`searchNext`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textSearch#searchnext) method searches the next occurrence of the current query from the active match.
+
+```ts
+// searchText(text: string, isMatchCase?: boolean)
+pdfviewer.textSearch.searchNext();
+```
+
+#### `searchPrevious`
+
+[`searchPrevious`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textSearch#searchprevious) API searches the previous occurrence of the current query from the active match.
+
+```ts
+// searchText(text: string, isMatchCase?: boolean)
+pdfviewer.textSearch.searchPrevious();
+```
+
+#### `cancelTextSearch`
+
+[`cancelTextSearch`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/textSearch#canceltextsearch) method cancels the current text search and removes the highlighted occurrences from the PDF Viewer.
+
+```ts
+// searchText(text: string, isMatchCase?: boolean)
+pdfviewer.textSearch.cancelTextSearch();
+```
+
+#### Complete Example
+
+Use the following code snippet to implement text search using SearchText API
+
+{% tabs %}
+{% highlight ts tabtitle="App.tsx" %}
+{% raw %}
+import {
+ PdfViewerComponent, Toolbar, Magnification, Navigation, Annotation, FormDesigner,
+ FormFields, PageOrganizer, TextSelection, TextSearch, Print, Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+import { useRef } from 'react';
+
+export default function App() {
+ const viewerRef: React.RefObject
+
+
+
+
+
+
+
+ );
+}
+
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
+
+**Expected result:** the viewer highlights occurrences of `pdf` and navigation commands jump between matches.
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+
+## See also
+
+- [Find Text](./find-text)
+- [Text Search Events](./text-search-events)
+- [Extract Text](../how-to/extract-text)
+- [Extract Text Options](../how-to/extract-text-option)
+- [Extract Text Completed](../how-to/extract-text-completed)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/text-selection.md b/Document-Processing/PDF/PDF-Viewer/react/text-selection.md
deleted file mode 100644
index de89365e9b..0000000000
--- a/Document-Processing/PDF/PDF-Viewer/react/text-selection.md
+++ /dev/null
@@ -1,232 +0,0 @@
----
-layout: post
-title: Text selection in React PDF Viewer control | Syncfusion
-description: Learn how to configure text selection, react to selection events, and manage copy workflows in the Syncfusion React PDF Viewer.
-platform: document-processing
-control: Text selection
-documentation: ug
-domainurl: ##DomainURL##
----
-# Text selection in React PDF Viewer component
-
-The Text Selection module lets users highlight and copy text from the loaded PDF. Text selection is enabled by default and can be configured or monitored programmatically to match application workflows.
-
-## Enable or disable text selection
-
-Use the `enableTextSelection` property to enable or disable text selection in the PDF Viewer.
-
-```html
-
-
-
-
- | Document Processing Libraries | +Skills | +
|---|---|
| Word (DocIO) | +
+ syncfusion-dotnet-word + syncfusion-java-word + |
+
|
+ syncfusion-dotnet-pdf + syncfusion-dotnet-pdf-to-image + syncfusion-flutter-pdf + syncfusion-javascript-pdf + |
+ |
| Excel (XlsIO) | +
+ syncfusion-dotnet-excel + syncfusion-flutter-excel + |
+
| PowerPoint (Presentation) | +syncfusion-dotnet-powerpoint | +
| Markdown | +syncfusion-dotnet-markdown | +
| Smart Data Extraction | +syncfusion-dotnet-smart-data-extraction | +
| Calculate | +syncfusion-dotnet-calculate | +
[syncfusion-blazor-smart-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-blazor-smart-pdf-viewer) | +| [ASP.NET Core](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/overview) | [syncfusion-aspnetcore-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-aspnetcore-pdf-viewer) | +| [ASP.NET MVC](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/overview) | [syncfusion-aspnetmvc-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-aspnetmvc-pdf-viewer) | +| [Angular](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/overview) | [syncfusion-angular-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-angular-pdf-viewer) | +| [React](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/overview) | [syncfusion-react-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-react-pdf-viewer) | +| [Vue](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/overview) | [syncfusion-vue-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-vue-pdf-viewer) | +| [JavaScript (ES6)](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/overview) | [syncfusion-javascript-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-javascript-pdf-viewer) | +| [.NET MAUI](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/overview) | [syncfusion-maui-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-maui-pdf-viewer) | +| [UWP](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/uwp/overview) | [syncfusion-uwp-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-uwp-pdf-viewer) | +| [WinForms](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/winforms/overview) | [syncfusion-winforms-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-winforms-pdf-viewer) | +| [WPF](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/wpf/overview) | [syncfusion-wpf-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-wpf-pdf-viewer) | +| [Flutter](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/flutter/overview) | [syncfusion-flutter-pdf-viewer](https://github.com/syncfusion/pdf-viewer-sdk-skills/tree/master/skills/syncfusion-flutter-pdf-viewer) | + +Each platform’s skill file includes component initialization, property configuration, event handling, and common usage patterns specific to that framework. + +## Prerequisites + +Before installing Syncfusion® PDF Viewer SDK Skills, ensure the following: + +- **[Node.js]("https://nodejs.org/")** (v18 or later) — Required to run `npx` commands for installing skills. +- A supported AI agent or IDE that integrates with the Skills CLI (VS Code, Syncfusion® Code Studio, Cursor, etc.) + +## Installation + +Choose one of the following commands to install the [Syncfusion® PDF Viewer SDK Skills](https://github.com/syncfusion/pdf-viewer-sdk-skills). + +{% tabs %} +{% highlight bash tabtitle="npm" %} + +npx skills add syncfusion/pdf-viewer-sdk-skills --all -y + +{% endhighlight %} +{% endtabs %} + +To install a specific skill, use the following command (for example, to install React PDF Viewer skills): + +{% tabs %} +{% highlight bash tabtitle="npm" %} + +npx skills add syncfusion/pdf-viewer-sdk-skills --skill syncfusion-react-pdf-viewer + +{% endhighlight %} +{% endtabs %} + +Choose and install skills interactively from the terminal: + +{% tabs %} +{% highlight bash tabtitle="npm" %} + +npx skills add syncfusion/pdf-viewer-sdk-skills + +{% endhighlight %} +{% endtabs %} + +The terminal will show a list of available skills. Use the arrow keys to navigate, space bar to select the skills you want, and Enter to confirm. + +{% tabs %} +{% highlight bash tabtitle="npm" %} + +Select skills to install (space to toggle) +│ ◻ syncfusion-blazor-pdf-viewer +│ ◻ syncfusion-aspnetcore-pdf-viewer +│ ◻ syncfusion-aspnetmvc-pdf-viewer +│ ◻ syncfusion-angular-pdf-viewer +│ ◻ syncfusion-react-pdf-viewer +│ ◻ syncfusion-vue-pdf-viewer +│ ◻ syncfusion-javascript-pdf-viewer +│ ◻ syncfusion-maui-pdf-viewer +│ ◻ syncfusion-uwp-pdf-viewer +│ ◻ syncfusion-winforms-pdf-viewer +│ ◻ syncfusion-wpf-pdf-viewer +│ ◻ syncfusion-flutter-pdf-viewer +│ ◻ syncfusion-blazor-smart-pdf-viewer +│ ..... + +{% endhighlight %} +{% endtabs %} + +Next, select which AI agent you're using and where to store the skills. +{% tabs %} +{% highlight bash tabtitle="npm" %} + +│ ── Additional agents ───────────────────────────── +│ Search: +│ ↑↓ move, space select, enter confirm +│ +│ ❯ ○ Augment (.augment/skills) +│ ○ Claude Code (.claude/skills) +│ ○ OpenClaw (skills) +│ ○ CodeBuddy (.codebuddy/skills) +│ ○ Command Code (.commandcode/skills) +│ ○ Continue (.continue/skills) +│ ○ Cortex Code (.cortex/skills) +│ ○ Crush (.crush/skills) +| .... + +{% endhighlight %} +{% endtabs %} + +Choose your installation scope (project-level or global), then confirm to complete the installation. + +{% tabs %} +{% highlight bash tabtitle="npm" %} + +◆ Installation scope +│ ● Project (Install in current directory (committed with your project)) +│ ○ Global + +◆ Proceed with installation? +│ ● Yes / ○ No + +{% endhighlight %} +{% endtabs %} + +## How Syncfusion® PDF Viewer SDK Agent Skills Work + +1. **Read the relevant skill files and choose modes based on the user's query** The assistant retrieves library APIs, and code patterns from the installed Syncfusion® Skills. It automatically chooses the appropriate operating mode based on the provided prompt. + +2. **Platform-Specific Code Generation** — Generates production-ready code tailored to your platform without executing scripts or modifying your project structure. No files are generated on disk. + +3. **Register licensing key** Configuring the Syncfusion® license key from `SyncfusionLicense.txt` or the `SYNCFUSION_LICENSE_KEY` environment variable. + +### Using the AI Assistant + +Once skills are installed, the assistant can generate Syncfusion® pdf viewer code. Below are example prompts for each mode. + +## Skills CLI Commands + +After installation, manage Syncfusion® Agent Skills using the following commands: + +## Example Prompts + +- “Show me how to load a PDF file in Syncfusion PDF Viewer for React.” +- “Give an example of enabling text search in Blazor PDF Viewer.” +- “How do I add annotation support in WPF Syncfusion PDF Viewer?” +- “Provide sample code to customize the toolbar in MAUI PDF Viewer.” +- “Show how to load a PDF from a URL in Flutter PDF Viewer.” +- “How to navigate to a specific page in Winforms PdfViewer?” + +### List Skills + +View all installed skills in your current project or global environment: + +{% tabs %} +{% highlight bash tabtitle="NPM" %} + +npx skills list + +{% endhighlight %} +{% endtabs %} + +### Remove a Skill + +Uninstall a specific skill from your environment: + +{% tabs %} +{% highlight bash tabtitle="NPM" %} + +npx skills remove
| Element | +Word to WordML | +Word Processing 2007 XML document to Word | +Word Processing 2007 XML document to WordML | +Word Processing 2003 XML document to Word / WordML | +
|---|---|---|---|---|
| Custom Shapes |
+ Yes |
+ Yes |
+ Yes |
+ Yes |
+
| Embedded fonts |
+ Yes |
+ Yes |
+ Yes |
+ No |
+
| Equation |
+ Yes |
+ Yes |
+ Yes |
+ No |
+
| SmartArt |
+ No |
+ Yes |
+ No |
+ No |
+
| WordArt |
+ Yes |
+ Yes |
+ Yes |
+ No |
+
| Form Fields |
+ Yes |
+ Yes |
+ Yes |
+ No |
+
| Ole Object |
+ Yes |
+ Yes |
+ Yes |
+ No |
+
| Element | -Limitations or Unsupported elements | -
|---|---|
|
-Custom Shapes |
-
-Not supported |
-
|
-Embedded fonts |
-
-Not supported |
-
|
-Equation |
-
-Not supported |
-
|
-SmartArt |
-
-Not supported |
-
|
-WordArt |
-
-Not supported |
-
| -Form Fields - | --Unparsed in Word Processing 2003 XML document. - | -
| -Ole Object - | --Unparsed in Word Processing 2003 XML document. - | -
- Unsupported Warning Message When Opening a Document diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/troubleshooting/document-loading-issue-with-404-error.md b/Document-Processing/Word/Word-Processor/javascript-es5/troubleshooting/document-loading-issue-with-404-error.md new file mode 100644 index 0000000000..06f1f40fa0 --- /dev/null +++ b/Document-Processing/Word/Word-Processor/javascript-es5/troubleshooting/document-loading-issue-with-404-error.md @@ -0,0 +1,33 @@ +--- +layout: post +title: Document loading issue in JavaScript(ES5) DOCX Editor | Syncfusion +description: Document loading may fail with a 404 error if the Document Editor cannot reach a valid service URL, which may be due to the below reasons. +control: document loading issue with 404 error +platform: document-processing +documentation: ug +domainurl: ##DomainURL## +--- + +# Document loading issue with 404 error in JavaScript(ES5) DOCX Editor + +If document loading fails and you see a 404 error in the browser console, the Document Editor is unable to reach a valid Web Service endpoint. + +## Reasons + +The 404 error may occur due to the following reasons: + +- **The Web Service is not running or inactive** – When hosting your own Web API, the server may be stopped or not deployed correctly, causing required endpoints such as `/Import` or `/SpellCheck` to return 404. +- **The configured `serviceUrl` is invalid** – Issues like a missing trailing slash (`/`), wrong port number, incorrect API route, or typos will cause the editor to call incorrect endpoints. +- **The application is using an old or discontinued Document Editor service URL** – When using an old Document Editor service URL which no longer valid. + +## Solutions + +- Update the application to use the new hosted Document Editor Web Service URL introduced in v31.x.x. For example: + + ```javascript + container.serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; + ``` + +> Note: The hosted Web API link is provided for demonstration and evaluation only. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. + +- If you are using your own hosted Web API, ensure that the Web Service is running, active, and the configured service URL is valid. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/ej2-typescript-document-editor-toc.html b/Document-Processing/Word/Word-Processor/javascript-es6/ej2-typescript-document-editor-toc.html index 7ce392da12..7a126a0ea1 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/ej2-typescript-document-editor-toc.html +++ b/Document-Processing/Word/Word-Processor/javascript-es6/ej2-typescript-document-editor-toc.html @@ -126,6 +126,12 @@
- Customize Ribbon
- Unsupported Warning Message When Opening a Document diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/troubleshooting/document-loading-issue-with-404-error.md b/Document-Processing/Word/Word-Processor/javascript-es6/troubleshooting/document-loading-issue-with-404-error.md new file mode 100644 index 0000000000..92950f7926 --- /dev/null +++ b/Document-Processing/Word/Word-Processor/javascript-es6/troubleshooting/document-loading-issue-with-404-error.md @@ -0,0 +1,33 @@ +--- +layout: post +title: Document loading issue in JavaScript(ES6) DOCX Editor | Syncfusion +description: Document loading may fail with a 404 error if the Document Editor cannot reach a valid service URL, which may be due to the below reasons. +control: document loading issue with 404 error +platform: document-processing +documentation: ug +domainurl: ##DomainURL## +--- + +# Document loading issue with 404 error in JavaScript(ES6) DOCX Editor + +If document loading fails and you see a 404 error in the browser console, the Document Editor is unable to reach a valid Web Service endpoint. + +## Reasons + +The 404 error may occur due to the following reasons: + +- **The Web Service is not running or inactive** – When hosting your own Web API, the server may be stopped or not deployed correctly, causing required endpoints such as `/Import` or `/SpellCheck` to return 404. +- **The configured `serviceUrl` is invalid** – Issues like a missing trailing slash (`/`), wrong port number, incorrect API route, or typos will cause the editor to call incorrect endpoints. +- **The application is using an old or discontinued Document Editor service URL** – When using an old Document Editor service URL which no longer valid. + +## Solutions + +- Update the application to use the new hosted Document Editor Web Service URL introduced in v31.x.x. For example: + + ```javascript + container.serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; + ``` + +> Note: The hosted Web API link is provided for demonstration and evaluation only. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. + +- If you are using your own hosted Web API, ensure that the Web Service is running, active, and the configured service URL is valid. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/document-editor-toc.html b/Document-Processing/Word/Word-Processor/react/document-editor-toc.html index 6b5ded5413..c3e343a70a 100644 --- a/Document-Processing/Word/Word-Processor/react/document-editor-toc.html +++ b/Document-Processing/Word/Word-Processor/react/document-editor-toc.html @@ -126,6 +126,11 @@
- Customize Ribbon
- Unsupported Warning Message When Opening a Document diff --git a/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md b/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md new file mode 100644 index 0000000000..594655cb46 --- /dev/null +++ b/Document-Processing/Word/Word-Processor/react/troubleshooting/document-loading-issue-with-404-error.md @@ -0,0 +1,33 @@ +--- +layout: post +title: Document loading issue in React DOCX Editor component | Syncfusion +description: Document loading may fail with a 404 error if the Document Editor cannot reach a valid service URL, which may be due to the below reasons. +control: document loading issue with 404 error +platform: document-processing +documentation: ug +domainurl: ##DomainURL## +--- + +# Document loading issue with 404 error in React DOCX Editor component + +If document loading fails and you see a 404 error in the browser console, the Document Editor is unable to reach a valid Web Service endpoint. + +## Reasons + +The 404 error may occur due to the following reasons: + +- **The Web Service is not running or inactive** – When hosting your own Web API, the server may be stopped or not deployed correctly, causing required endpoints such as `/Import` or `/SpellCheck` to return 404. +- **The configured `serviceUrl` is invalid** – Issues like a missing trailing slash (`/`), wrong port number, incorrect API route, or typos will cause the editor to call incorrect endpoints. +- **The application is using an old or discontinued Document Editor service URL** – When using an old Document Editor service URL which no longer valid. + +## Solutions + +- Update the application to use the new hosted Document Editor Web Service URL introduced in v31.x.x. For example: + + ```javascript + container.serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; + ``` + +> Note: The hosted Web API link is provided for demonstration and evaluation only. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. + +- If you are using your own hosted Web API, ensure that the Web Service is running, active, and the configured service URL is valid. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/vue/document-editor-toc.html b/Document-Processing/Word/Word-Processor/vue/document-editor-toc.html index f5254e56ab..a51d764ea5 100644 --- a/Document-Processing/Word/Word-Processor/vue/document-editor-toc.html +++ b/Document-Processing/Word/Word-Processor/vue/document-editor-toc.html @@ -127,6 +127,12 @@
- Customize Ribbon
- Unsupported Warning Message When Opening a Document diff --git a/Document-Processing/Word/Word-Processor/vue/troubleshooting/document-loading-issue-with-404-error.md b/Document-Processing/Word/Word-Processor/vue/troubleshooting/document-loading-issue-with-404-error.md new file mode 100644 index 0000000000..4b4c0bc44b --- /dev/null +++ b/Document-Processing/Word/Word-Processor/vue/troubleshooting/document-loading-issue-with-404-error.md @@ -0,0 +1,33 @@ +--- +layout: post +title: Document loading issue in Vue DOCX Editor | Syncfusion +description: Document loading may fail with a 404 error if the Document Editor cannot reach a valid service URL, which may be due to the below reasons. +control: document loading issue with 404 error +platform: document-processing +documentation: ug +domainurl: ##DomainURL## +--- + +# Document loading issue with 404 error in Vue DOCX Editor + +If document loading fails and you see a 404 error in the browser console, the Document Editor is unable to reach a valid Web Service endpoint. + +## Reasons + +The 404 error may occur due to the following reasons: + +- **The Web Service is not running or inactive** – When hosting your own Web API, the server may be stopped or not deployed correctly, causing required endpoints such as `/Import` or `/SpellCheck` to return 404. +- **The configured `serviceUrl` is invalid** – Issues like a missing trailing slash (`/`), wrong port number, incorrect API route, or typos will cause the editor to call incorrect endpoints. +- **The application is using an old or discontinued Document Editor service URL** – When using an old Document Editor service URL which no longer valid. + +## Solutions + +- Update the application to use the new hosted Document Editor Web Service URL introduced in v31.x.x. For example: + + ```javascript + container.serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; + ``` + +> Note: The hosted Web API link is provided for demonstration and evaluation only. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. + +- If you are using your own hosted Web API, ensure that the Web Service is running, active, and the configured service URL is valid. \ No newline at end of file diff --git a/Document-Processing/ai-agent-tools/customization.md b/Document-Processing/ai-agent-tools/customization.md new file mode 100644 index 0000000000..3a6f92014e --- /dev/null +++ b/Document-Processing/ai-agent-tools/customization.md @@ -0,0 +1,223 @@ +--- +layout: post +title: Customization | AI Agent Tools | Syncfusion +description: Learn how to extend and customize the Syncfusion Document SDK Agent Tool library by creating custom agent tool classes and registering them with an AI agent. +platform: document-processing +control: AI Agent Tools +documentation: ug +--- + +# Customize the Agent Tool Library + +The Syncfusion Document SDK Agent Tool library is designed to be extensible. This guide walks you through creating a custom agent tool class and registering the tools with an AI agent so they are callable alongside the built-in tools. + + +## Creating a Custom Agent Tool Class + +Follow these steps to expose new document operations to the AI agent. + +**Step 1: Create a Custom Agent Tool by Inheriting AgentToolBase** + +Create a new class that inherits from `AgentToolBase` (in the `Syncfusion.AI.AgentTools.Core` namespace) and accepts a document manager through its constructor: + +```csharp +using Syncfusion.AI.AgentTools.Core; +using Syncfusion.DocIO.DLS; + +public class WordWatermarkAgentTools : AgentToolBase +{ + private readonly WordDocumentManager _manager; + + public WordWatermarkAgentTools(WordDocumentManager manager) + { + ArgumentNullException.ThrowIfNull(manager); + _manager = manager; + } +} +``` + +**Step 2: Add Tool Methods with [Tool]** + +Add `public` instance methods and decorate each one with `[Tool]`, providing a name and a description that the AI agent will use to understand when to call it: + +```csharp +[Tool( + Name = "AddTextWatermark", + Description = "Adds a text watermark to the specified Word document.")] +public AgentToolResult AddTextWatermark(...) +{ + // implementation +} +``` + +**Step 3: Annotate Parameters with [ToolParameter]** + +Decorate each method parameter with `[ToolParameter]` to give the AI a natural-language description of what value to pass: + +```csharp +public AgentToolResult AddTextWatermark( + [ToolParameter(Description = "The document ID of the Word document.")] + string documentId, + [ToolParameter(Description = "The watermark text to display (e.g., 'DRAFT', 'CONFIDENTIAL').")] + string watermarkText, + [ToolParameter(Description = "Optional: the font size of the watermark. Defaults to 72.")] + float fontSize = 72f) +``` + +**Step 4: Return AgentToolResult** + +All tool methods must return `AgentToolResult`. Use the static factory methods to signal success or failure: + +```csharp +// Success +return AgentToolResult.Ok("Operation completed successfully."); + +// Failure +return AgentToolResult.Fail("Reason the operation failed."); +``` + +**Example** + +```csharp +using Syncfusion.AI.AgentTools.Core; +using Syncfusion.DocIO.DLS; + +public class WordWatermarkAgentTools : AgentToolBase +{ + private readonly WordDocumentManager _manager; + + public WordWatermarkAgentTools(WordDocumentManager manager) + { + ArgumentNullException.ThrowIfNull(manager); + _manager = manager; + } + + [Tool( + Name = "AddTextWatermark", + Description = "Adds a text watermark to the specified Word document.")] + public AgentToolResult AddTextWatermark( + [ToolParameter(Description = "The document ID of the Word document.")] + string documentId, + [ToolParameter(Description = "The watermark text to display (e.g., 'DRAFT', 'CONFIDENTIAL').")] + string watermarkText) + { + try + { + WordDocument? doc = _manager.GetDocument(documentId); + if (doc == null) + return AgentToolResult.Fail($"Document not found: {documentId}"); + + TextWatermark watermark = new TextWatermark(watermarkText, "", 250, 100); + watermark.Color = Syncfusion.Drawing.Color.LightGray; + watermark.Layout = WatermarkLayout.Diagonal; + doc.Watermark = watermark; + + return AgentToolResult.Ok( + $"Watermark '{watermarkText}' applied to document '{documentId}'."); + } + catch (Exception ex) + { + return AgentToolResult.Fail(ex.Message); + } + } + + [Tool( + Name = "RemoveWatermark", + Description = "Removes the watermark from the specified Word document.")] + public AgentToolResult RemoveWatermark( + [ToolParameter(Description = "The document ID of the Word document.")] + string documentId) + { + try + { + WordDocument? doc = _manager.GetDocument(documentId); + if (doc == null) + return AgentToolResult.Fail($"Document not found: {documentId}"); + + doc.Watermark = null; + return AgentToolResult.Ok($"Watermark removed from document '{documentId}'."); + } + catch (Exception ex) + { + return AgentToolResult.Fail(ex.Message); + } + } +} +``` + + +## Registering Custom Tools with the AI Agent + +Once your custom tool class is created, register it alongside the built-in tools in your host application. + +**Step 1: Instantiate the Custom Tool Class** + +```csharp +var wordRepo = new WordDocumentManager(TimeSpan.FromMinutes(5)); + +// Built-in tools +var wordDocTools = new WordDocumentAgentTools(wordRepo, outputDirectory); + +// Your custom tool class +var wordWatermarkTools = new WordWatermarkAgentTools(wordRepo); +``` + +**Step 2: Collect All Tools** + +```csharp +var allSyncfusionTools = new List
PdfOperationsAgentTools,
PdfSecurityAgentTools,
PdfContentExtractionAgentTools,
PdfAnnotationAgentTools,
PdfConverterAgentTools,
PdfOcrAgentTools | Create, manipulate, secure, extract content from, annotate, convert, and perform OCR on PDF documents. | +| **Word** | WordDocumentAgentTools,
WordOperationsAgentTools,
WordSecurityAgentTools,
WordMailMergeAgentTools,
WordFindAndReplaceAgentTools,
WordRevisionAgentTools,
WordImportExportAgentTools,
WordFormFieldAgentTools,
WordBookmarkAgentTools | Create, edit, protect, mail-merge, find/replace, track changes, import/export, and manage form fields and bookmarks in Word documents. | +| **Excel** | ExcelWorkbookAgentTools,
ExcelWorksheetAgentTools,
ExcelSecurityAgentTools,
ExcelFormulaAgentTools,
ExcelChartAgentTools,
ExcelConditionalFormattingAgentTools,
ExcelConversionAgentTools,
ExcelDataValidationAgentTools,
ExcelPivotTableAgentTools | Create and manage workbooks and worksheets, set cell values, formulas, and number formats, apply security, create and configure charts and sparklines, add conditional formatting, convert to image/HTML/ODS/JSON, manage data validation, and create and manipulate pivot tables. | +| **PowerPoint** | PresentationDocumentAgentTools,
PresentationOperationsAgentTools,
PresentationSecurityAgentTools,
PresentationContentAgentTools,
PresentationFindAndReplaceAgentTools | Load, merge, split, secure, and extract content from PowerPoint presentations. | +| **Conversion** | OfficeToPdfAgentTools | Convert Word, Excel, and PowerPoint documents to PDF. | +| **Data Extraction** | DataExtractionAgentTools | Extract structured data (text, tables, forms) from PDF and image files as JSON. | + + +## Document Managers + +Document Managers are in-memory containers that manage document life cycles during AI agent operations. They provide common functionality including document creation, import/export, active document tracking, and automatic expiration-based cleanup. + +**Available Document Managers** + +| Document Manager | Description | +|---|---| +| WordDocumentManager | Manages Word documents in memory. Supports `.docx`, `.doc`, `.rtf`, `.html`, and `.txt` formats with auto-detection on import. | +| ExcelWorkbookManager | Manages Excel workbooks in memory. Owns an `ExcelEngine` instance and implements `IDisposable` for proper resource cleanup. Supports `.xlsx`, `.xls`, `.xlsm`, and `.csv` on export. | +| PdfDocumentManager | Manages PDF documents in memory. Supports both new `PdfDocument` instances and loaded `PdfLoadedDocument` instances, including password-protected files. | +| PresentationManager | Manages PowerPoint presentations in memory. Supports creating new empty presentations and loading existing `.pptx` files, including password-protected ones. | + +**DocumentManagerCollection** + +`DocumentManagerCollection` is a centralized registry that holds one document manager for each `DocumentType`. It is designed for tool classes that need to work across multiple document types within a single operation — specifically when the source and output documents belong to different document managers. + +**Why it is needed:** Consider a Word-to-PDF conversion. The source Word document lives in `WordDocumentManager`, but the resulting PDF must be stored in `PdfDocumentManager`. Rather than hard coding both document managers into the tool class, `OfficeToPdfAgentTools` accepts a `DocumentManagerCollection` and detects the correct manager dynamically at runtime based on the `sourceType` argument. + +> **Note:** Tools that operate on a single document type (e.g., `WordDocumentAgentTools`, `PdfAnnotationAgentTools`) are initialized directly with their own manager. Only cross-format tools such as `OfficeToPdfAgentTools` require a `DocumentManagerCollection`. + +## PDF Tools + +**PdfDocumentAgentTools** + +Provides core life cycle operations for PDF documents — creating, loading, exporting, and managing PDF documents in memory. + +| Tool | Syntax | Description | +|---|---|---| +| CreatePdfDocument | CreatePdfDocument(
string? filePath = null,
string? password = null) | Creates a new PDF document in memory or loads an existing one from a file path. Returns the documentId. | +| GetAllPDFDocuments | GetAllPDFDocuments() | Returns all PDF document IDs currently available in memory. | +| ExportPDFDocument | ExportPDFDocument(
string documentId,
string filePath) | Exports a PDF document from memory to the specified file path on the file system. | +| RemovePdfDocument | RemovePdfDocument(
string documentId) | Removes a specific PDF document from memory by its ID. | +| SetActivePdfDocument | SetActivePdfDocument(
string documentId) | Changes the active PDF document context to the specified document ID. | + +**PdfOperationsAgentTools** + +Provides merge, split, and compression operations for PDF documents. + +| Tool | Syntax | Description | +|---|---|---| +| MergePdfs | MergePdfs(
string[] filePaths,
string[]? passwords = null,
bool mergeAccessibilityTags = false) | Concatenates multiple PDF files into a single PDF document. Returns the merged document ID. | +| SplitPdfs | SplitPdfs(
string filePath,
int[,]? pageRanges = null,
bool splitTags = false) | Splits a single PDF into multiple PDFs by page ranges. Returns the output folder path. | +| CompressPdf | CompressPdf(
string documentId,
bool compressImage = true,
bool optimizePageContent = true,
bool optimizeFont = true,
bool removeMetadata = true,
int imageQuality = 50) | Optimizes a PDF by compressing images, reducing content stream size, and optionally removing metadata. | + + +**PdfSecurityAgentTools** + +Provides encryption, decryption, and permissions management for PDF documents. + +| Tool | Syntax | Description | +|---|---|---| +| EncryptPdf | EncryptPdf(
string documentId,
string password,
string encryptionAlgorithm = "AES",
string keySize = "256") | Protects a PDF document with a password using the specified encryption algorithm and key size. | +| DecryptPdf | DecryptPdf(
string documentId) | Removes encryption from a protected PDF document. | +| SetPermissions | SetPermissions(
string documentId,
string permissions) | Sets document permissions (e.g., Print, CopyContent, EditContent). | +| RemovePermissions | RemovePermissions(
string documentId) | Removes all document-level permissions from a PDF. | + + +**PdfContentExtractionAgentTools** + +Provides tools for extracting text, images, and tables from PDF documents. + +| Tool | Syntax | Description | +|---|---|---| +| ExtractText | ExtractText(
string documentId,
int startPageIndex = -1,
int endPageIndex = -1) | Extracts text content from a PDF document across a specified page range, or from all pages if no range is given. | +| ExtractImages | ExtractImages(
string documentId,
int startPageIndex = -1,
int endPageIndex = -1) | Extracts embedded images from a PDF document across a specified page range. | +| ExtractTables | ExtractTables(
string documentId,
int startPageIndex = -1,
int endPageIndex = -1) | Extracts tables from a PDF document across a specified page range and returns the result as JSON. | + + +**PdfAnnotationAgentTools** + +Provides tools for watermarking, digitally signing, and adding or removing annotations in PDF documents. + +| Tool | Syntax | Description | +|---|---|---| +| WatermarkPdf | WatermarkPdf(
string documentId,
string watermarkText,
int rotation = 45,
float locationX = -1,
float locationY = -1) | Applies a text watermark to all pages of a PDF document. | +| SignPdf | SignPdf(
string documentId,
string certificateFilePath,
string certificatePassword,
float boundsX,
float boundsY,
float boundsWidth,
float boundsHeight,
string? appearanceImagePath = null) | Digitally signs a PDF document using a PFX/certificate file. | +| AddAnnotation | AddAnnotation(
string documentId,
int pageIndex,
string annotationType,
float boundsX,
float boundsY,
float boundsWidth,
float boundsHeight,
string text) | Adds a `Text`, `Rectangle`, or `Circle` annotation to a PDF page at the specified position. | +| RemoveAnnotation | RemoveAnnotation(
string documentId,
int pageIndex,
int annotationIndex) | Removes an annotation from a PDF page by its 0-based index. | + +**PdfConverterAgentTools** + +Provides tools to convert image, HTML to Pdf + +| Tool | Syntax | Description | +|---|---|---| +| ConvertPdfToPdfA | ConvertPdfToPdfA(
string documentId,
PdfConformanceLevel conformanceLevel) | Converts a loaded PDF document to a PDF/A-compliant format. Supported conformance levels: `PdfA1B`, `PdfA2B`, `PdfA3B`, `Pdf_A4`, `Pdf_A4F`, `Pdf_A4E`. | +| ConvertHtmlToPdf | ConvertHtmlToPdf(
string urlOrFilePath,
int pageWidth = 825,
int pageHeight = 1100) | Converts a webpage URL or a local HTML file to a PDF document with the specified page dimensions. Returns the new document ID. | +| ImageToPdf | ImageToPdf(
string[] imageFiles,
string imagePosition = "FitToPage",
int pageWidth = 612,
int pageHeight = 792) | Creates a PDF document from one or more image files. `imagePosition` values: `Stretch`, `Center`, `FitToPage`. Returns the new document ID. | + +**PdfOcrAgentTools** + +Provides tools to perform OCR on PDF + +| Tool | Syntax | Description | +|---|---|---| +| OcrPdf | OcrPdf(
string documentId,
string language = "eng") | Performs Optical Character Recognition (OCR) on a scanned or image-based PDF document to make its content text-searchable. Supported language codes: `eng` (English), etc.| + + +## Word Tools + +**WordDocumentAgentTools** + +Provides core life cycle operations for Word documents — creating, loading, exporting, and managing Word documents in memory. + +| Tool | Syntax | Description | +|---|---|---| +| CreateDocument | CreateDocument(
string? filePath = null,
string? password = null) | Creates a new Word document in memory or loads an existing one from a file path. Returns the `documentId`. | +| GetAllDocuments | GetAllDocuments() | Returns all Word document IDs currently available in memory. | +| ExportDocument | ExportDocument(
string documentId,
string filePath,
string? formatType = "Docx") | Exports a Word document to the file system. Supported formats: `Docx`, `Doc`, `Rtf`, `Html`, `Txt`. | +| RemoveDocument | RemoveDocument(
string documentId) | Removes a specific Word document from memory by its ID. | +| SetActiveDocument | SetActiveDocument(
string documentId) | Changes the active Word document context to the specified document ID. | +| ExportAsImage | ExportAsImage(
string documentId,
string? imageFormat = "Png",
int? startPageIndex = null,
int? endPageIndex = null) | Exports Word document pages as PNG or JPEG images to the output directory. | + + + +**WordOperationsAgentTools** + +Provides merge, split, and compare operations for Word documents. + +| Tool | Syntax | Description | +|---|---|---| +| MergeDocuments | MergeDocuments(
string destinationDocumentId,
string[] documentIdsOrFilePaths) | Merges multiple Word documents into a single destination document. | +| SplitDocument | SplitDocument(
string documentId,
string splitRules) | Splits a Word document into multiple documents based on split rules (e.g., sections, headings, bookmarks). | +| CompareDocuments | CompareDocuments(
string originalDocumentId,
string revisedDocumentId,
string author,
DateTime dateTime) | Compares two Word documents and marks differences as tracked changes in the original document. | + + + +**WordSecurityAgentTools** + +Provides password protection, encryption, and decryption for Word documents. + +| Tool | Syntax | Description | +|---|---|---| +| ProtectDocument | ProtectDocument(
string documentId,
string password,
string protectionType) | Protects a Word document with a password and protection type (e.g., `AllowOnlyReading`). | +| EncryptDocument | EncryptDocument(
string documentId,
string password) | Encrypts a Word document with a password. | +| UnprotectDocument | UnprotectDocument(
string documentId,
string password) | Removes protection from a Word document using the provided password. | +| DecryptDocument | DecryptDocument(
string documentId) | Removes encryption from a Word document. | + + + +**WordMailMergeAgentTools** + +Provides mail merge operations for populating Word document templates with structured data. + +| Tool | Syntax | Description | +|---|---|---| +| MailMerge | MailMerge(
string documentId,
string dataTableJson,
bool removeEmptyFields = true,
bool removeEmptyGroup = true) | Executes a mail merge on a Word document using a JSON-represented DataTable. | +| ExecuteMailMerge | ExecuteMailMerge(
string documentId,
string dataSourceJson,
bool generateSeparateDocuments = false,
bool removeEmptyFields = true) | Extended mail merge with an option to generate one output document per data record. Returns document IDs. | + + + +**WordFindAndReplaceAgentTools** + +Provides text search and replacement operations within Word documents. + +| Tool | Syntax | Description | +|---|---|---| +| Find | Find(
string documentId,
string findWhat,
bool matchCase = false,
bool wholeWord = false) | Finds the first occurrence of the specified text in a Word document. | +| FindAll | FindAll(
string documentId,
string findWhat,
bool matchCase = false,
bool wholeWord = false) | Finds all occurrences of the specified text in a Word document. | +| Replace | Replace(
string documentId,
string findWhat,
string replaceText,
bool matchCase = false,
bool wholeWord = false) | Replaces the first occurrence of the specified text in a Word document. | +| ReplaceAll | ReplaceAll(
string documentId,
string findWhat,
string replaceText,
bool matchCase = false,
bool wholeWord = false) | Replaces all occurrences of the specified text in a Word document. Returns the count of replacements made. | + + +**WordRevisionAgentTools** + +Provides tools to inspect and manage tracked changes (revisions) in Word documents. + +| Tool | Syntax | Description | +|---|---|---| +| GetRevisions | GetRevisions(
string documentId) | Gets all tracked change revisions from a Word document. | +| AcceptRevision | AcceptRevision(
string documentId,
int revisionIndex) | Accepts a specific tracked change by its 0-based index. | +| RejectRevision | RejectRevision(
string documentId,
int revisionIndex) | Rejects a specific tracked change by its 0-based index. | +| AcceptAllRevisions | AcceptAllRevisions(
string documentId) | Accepts all tracked changes in the document and returns the count accepted. | +| RejectAllRevisions | RejectAllRevisions(
string documentId) | Rejects all tracked changes in the document and returns the count rejected. | + + + +**WordImportExportAgentTools** + +Provides tools to import from and export Word documents to HTML and Markdown formats. + +| Tool | Syntax | Description | +|---|---|---| +| ImportHtml | ImportHtml(
string htmlContentOrFilePath,
string? documentId = null) | Imports HTML content or an HTML file into a (new or existing) Word document. | +| ImportMarkdown | ImportMarkdown(
string markdownContentOrFilePath,
string? documentId = null) | Imports Markdown content or a Markdown file into a (new or existing) Word document. | +| GetHtml | GetHtml(
string documentIdOrFilePath) | Returns the Word document content as an HTML string. | +| GetMarkdown | GetMarkdown(
string documentIdOrFilePath) | Returns the Word document content as a Markdown string. | +| GetText | GetText(
string documentIdOrFilePath) | Returns the Word document content as plain text. | + + + +**WordFormFieldAgentTools** + +Provides tools to read and write form field values in Word documents. + +| Tool | Syntax | Description | +|---|---|---| +| GetFormData | GetFormData(
string documentId) | Retrieves all form field data from a Word document as a key-value dictionary. | +| SetFormData | SetFormData(
string documentId,
Dictionary
string documentId,
string fieldName) | Gets the value of a specific form field by name. | +| SetFormField | SetFormField(
string documentId,
string fieldName,
object fieldValue) | Sets the value of a specific form field by name. | + + + +**WordBookmarkAgentTools** + +Provides tools to manage bookmarks and bookmark content within Word documents. + +| Tool | Syntax | Description | +|---|---|---| +| GetBookmarks | GetBookmarks(
string documentId) | Gets all bookmark names from a Word document. | +| GetContent | GetContent(
string documentId,
string bookmarkName) | Extracts the content inside a bookmark into a new document. Returns the new document ID. | +| ReplaceContent | ReplaceContent(
string documentId,
string bookmarkName,
string replaceDocumentId) | Replaces bookmark content with content sourced from another document. | +| RemoveContent | RemoveContent(
string documentId,
string bookmarkName) | Removes the content inside a specific bookmark, leaving the bookmark itself intact. | +| RemoveBookmark | RemoveBookmark(
string documentId,
string bookmarkName) | Removes a named bookmark from a Word document. | + + +## Excel Tools + +**ExcelWorkbookAgentTools** + +Provides core life cycle operations for Excel workbooks — creating, loading, exporting, and managing workbooks in memory. + +| Tool | Syntax | Description | +|---|---|---| +| CreateWorkbook | CreateWorkbook(
string? filePath = null,
string? password = null) | Creates a new Excel workbook in memory or loads an existing one from a file path. Returns the `workbookId`. | +| GetAllWorkbooks | GetAllWorkbooks() | Returns all Excel workbook IDs currently available in memory. | +| ExportWorkbook | ExportWorkbook(
string workbookId,
string filePath,
string version = "XLSX") | Exports an Excel workbook to the file system. Supported formats: `XLS`, `XLSX`, `XLSM`, `CSV`. | +| RemoveWorkbook | RemoveWorkbook(
string workbookId) | Removes a specific workbook from memory by its ID. | +| SetActiveWorkbook | SetActiveWorkbook(
string workbookId) | Changes the active workbook context to the specified workbook ID. | + + +**ExcelWorksheetAgentTools** + +Provides tools to create, manage, and populate worksheets within Excel workbooks. + +| Tool | Syntax | Description | +|---|---|---| +| CreateWorksheet | CreateWorksheet(
string workbookId,
string? sheetName = null) | Creates a new worksheet inside the specified workbook. | +| DeleteWorksheet | DeleteWorksheet(
string workbookId,
string worksheetName) | Deletes a worksheet from the workbook. | + + + +**ExcelSecurityAgentTools** + +Provides encryption, decryption, and protection management for Excel workbooks and worksheets. + +| Tool | Syntax | Description | +|---|---|---| +| EncryptWorkbook | EncryptWorkbook(
string workbookId,
string password) | Encrypts an Excel workbook with a password. | +| DecryptWorkbook | DecryptWorkbook(
string workbookId,
string password) | Removes encryption from an Excel workbook using the provided password. | +| ProtectWorkbook | ProtectWorkbook(
string workbookId,
string password) | Protects the workbook structure (sheets) with a password. | +| UnprotectWorkbook | UnprotectWorkbook(
string workbookId,
string password) | Removes workbook structure protection. | +| ProtectWorksheet | ProtectWorksheet(
string workbookId,
string worksheetName,
string password) | Protects a specific worksheet from editing using a password. | +| UnprotectWorksheet | UnprotectWorksheet(
string workbookId,
string worksheetName,
string password) | Removes protection from a specific worksheet. | + + + +**ExcelChartAgentTools** + +Provides tools to create modify and remove charts in excel workbooks + +| Tool | Syntax | Description | +|---|---|---| +| CreateChart | CreateChart(
string workbookId,
string worksheetName,
string chartType,
string dataRange,
bool isSeriesInRows = false,
int topRow = 8,
int leftColumn = 1,
int bottomRow = 23,
int rightColumn = 8) | Creates a chart from a data range in the worksheet. Supports many chart types (e.g., `Column_Clustered`, `Line`, `Pie`, `Bar_Clustered`). Returns the chart index. | +| CreateChartWithSeries | CreateChartWithSeries(
string workbookId,
string worksheetName,
string chartType,
string seriesName,
string valuesRange,
string categoryLabelsRange,
int topRow = 8,
int leftColumn = 1,
int bottomRow = 23,
int rightColumn = 8) | Creates a chart and adds a named series with values and category labels. Returns the chart index. | +| AddSeriesToChart | AddSeriesToChart(
string workbookId,
string worksheetName,
int chartIndex,
string seriesName,
string valuesRange,
string categoryLabelsRange) | Adds a new series to an existing chart. | +| SetChartElement | SetChartElement(
string workbookId,
string worksheetName,
int chartIndex,
int seriesIndex,
string title,
bool hasLegend,
string position = "Bottom",
bool showValue = true,
bool showCategoryName = false,
bool showSeriesName = false,
string dataLabelPosition = "Outside",
string? categoryAxisTitle = null,
string? valueAxisTitle = null) | Sets chart elements including title, legend, data labels, and axis titles. `position` (legend): `Bottom`, `Top`, `Left`, `Right`, `Corner`. `dataLabelPosition`: `Outside`, `Inside`, `Center`, etc. | + + +**ExcelConditionalFormattingAgentTools** + +Provides tools to add or remove conditional formatting in workbook + +| Tool | Syntax | Description | +|---|---|---| +| AddConditionalFormat | AddConditionalFormat(
string workbookId,
string worksheetName,
string rangeAddress,
string formatType,
string? operatorType = null,
string? firstFormula = null,
string? secondFormula = null,
string? backColor = null,
bool? isBold = null,
bool? isItalic = null) | Adds conditional formatting to a cell or range. `formatType` values: `CellValue`, `Formula`, `DataBar`, `ColorScale`, `IconSet`. | + + +**ExcelConversionAgentTools** + +Provides tools to convert worksheet to image, HTML, ODS, JSON file formats + +| Tool | Syntax | Description | +|---|---|---| +| ConvertWorksheetToImage | ConvertWorksheetToImage(
string workbookId,
string worksheetName,
string rangeAddress,
string outputPath,
string imageFormat = "PNG",
string scalingMode = "Best") | Converts an entire worksheet to an image file. Supports PNG, JPEG, BMP, GIF, and TIFF formats. | +| ConvertChartToImage | ConvertChartToImage(
string workbookId,
string worksheetName,
int chartIndex,
string outputPath,
string imageFormat = "PNG",
string scalingMode = "Best") | Converts an Excel chart to an image file. Supports PNG and JPEG formats. | +| ConvertWorkbookToHtml | ConvertWorkbookToHtml(
string workbookId,
string outputPath,
string textMode = "DisplayText") | Converts an entire Excel workbook to an HTML file with styles, hyperlinks, images, and charts preserved. | +| ConvertWorksheetToHtml | ConvertWorksheetToHtml(
string workbookId,
string worksheetName,
string outputPath,
string textMode = "DisplayText") | Converts a specific Excel worksheet to an HTML file with styles, hyperlinks, images, and charts preserved. | +| ConvertWorkbookToJson | ConvertWorkbookToJson(
string workbookId,
string outputPath,
bool includeSchema = true) | Converts an entire workbook to JSON format with optional schema. | +| ConvertWorksheetToJson | ConvertWorksheetToJson(
string workbookId,
string worksheetName,
string outputPath,
bool includeSchema = true) | Converts a specific worksheet to JSON format with optional schema. | +| ConvertRangeToJson | ConvertRangeToJson(
string workbookId,
string worksheetName,
string rangeAddress,
string outputPath,
bool includeSchema = true) | Converts a specific cell range to JSON format. | + + +**ExcelDataValidationAgentTools** + +Provides tools to add data validation to workbook + +| Tool | Syntax | Description | +|---|---|---| +| AddDropdownValidation | AddDropdownValidation(
string workbookId,
string worksheetName,
string rangeAddress,
string sourceRange,
string listValues,
bool showErrorBox = true,
string? errorTitle = null,
string? errorMessage = null,
bool showPromptBox = false,
string? promptMessage = null) | Adds a dropdown list data validation to a cell or range. List values are limited to 255 characters including separators. | +| AddNumberValidation | AddNumberValidation(
string workbookId,
string worksheetName,
string rangeAddress,
string numberType,
string comparisonOperator,
string firstValue,
string? secondValue = null,
bool showErrorBox = true,
string? errorTitle = null,
string? errorMessage = null,
bool showPromptBox = false) | Adds number validation to a cell or range with specified comparison operator and values. | +| AddDateValidation | AddDateValidation(
string workbookId,
string worksheetName,
string rangeAddress,
string comparisonOperator,
string firstDate,
string? secondDate = null,
bool showErrorBox = true,
string? errorTitle = null,
string? errorMessage = null,
bool showPromptBox = false) | Adds date validation to a cell or range with specified comparison operator and dates. | +| AddTimeValidation | AddTimeValidation(
string workbookId,
string worksheetName,
string rangeAddress,
string comparisonOperator,
string firstTime,
string? secondTime = null,
bool showErrorBox = true,
string? errorTitle = null,
string? errorMessage = null,
bool showPromptBox = false) | Adds time validation to a cell or range with specified comparison operator and time values. Use 24-hour format like 10:00 or 18:30. | +| AddTextLengthValidation | AddTextLengthValidation(
string workbookId,
string worksheetName,
string rangeAddress,
string comparisonOperator,
string firstLength,
string? secondLength = null,
bool showErrorBox = true,
string? errorTitle = null,
string? errorMessage = null,
bool showPromptBox = false) | Adds text length validation to a cell or range with specified comparison operator and length values. | +| AddCustomValidation | AddCustomValidation(
string workbookId,
string worksheetName,
string rangeAddress,
string formula,
bool showErrorBox = true,
string? errorTitle = null,
string? errorMessage = null,
bool showPromptBox = false) | Adds custom formula-based validation to a cell or range. | + + +**ExcelPivotTableAgentTools** + +Provides tools to create, edit pivot table in workbook + +| Tool | Syntax | Description | +|---|---|---| +| CreatePivotTable | CreatePivotTable(
string workbookId,
string dataWorksheetName,
string dataRange,
string pivotWorksheetName,
string pivotTableName,
string pivotLocation,
string rowFieldIndices,
string columnFieldIndices,
int dataFieldIndex,
string dataFieldCaption,
string builtInStyle = "None",
string subtotalType = "Sum") | Creates a pivot table in the specified worksheet using a data range from a source worksheet. Supports row, column, and data (values) fields with a chosen aggregation function. `builtInStyle` options: `PivotStyleLight1-28`, `PivotStyleMedium1-28`, `PivotStyleDark1-28`, or `None`. `subtotalType` options: `Sum`, `Count`, `Average`, `Max`, `Min`, `Product`, `CountNumbs`, `StdDev`, `StdDevP`, `Var`, `VarP`. Only supported in XLSX format. | + + +## PowerPoint Tools + +**PresentationDocumentAgentTools** + +Provides core life cycle operations for PowerPoint presentations — creating, loading, exporting, and managing presentations in memory. + +| Tool | Syntax | Description | +|---|---|---| +| LoadPresentation | LoadPresentation(
string? filePath = null,
string? password = null) | Creates an empty presentation in memory or loads an existing one from a file path. Returns the `documentId`. | +| GetAllPresentations | GetAllPresentations() | Returns all presentation IDs currently available in memory. | +| ExportPresentation | ExportPresentation(
string documentId,
string filePath,
string format = "PPTX") | Exports a PowerPoint presentation to the file system. | +| ExportAsImage | ExportAsImage(
string documentId,
string? imageFormat = "Png",
int? startSlideIndex = null,
int? endSlideIndex = null) | Exports presentation slides as PNG or JPEG images to the output directory. | +| RemovePresentation | RemovePresentation(
string documentId) | Removes a specific presentation from memory by its ID. | +| SetActivePresentation | SetActivePresentation(
string documentId) | Changes the active presentation context to the specified document ID. | + + + +**PresentationOperationsAgentTools** + +Provides merge and split operations for PowerPoint presentations. + +| Tool | Syntax | Description | +|---|---|---| +| MergePresentations | MergePresentations(
string destinationDocumentId,
string sourceDocumentIds,
string pasteOption = "SourceFormatting") | Merges multiple presentations into a destination presentation. Accepts comma-separated source document IDs or file paths. | +| SplitPresentation | SplitPresentation(
string documentId,
string splitRules,
string pasteOption = "SourceFormatting") | Splits a presentation by sections, layout type, or slide numbers (e.g., `"1,3,5"`). Returns the resulting document IDs. | + + +**PresentationSecurityAgentTools** + +Provides password protection and encryption management for PowerPoint presentations. + +| Tool | Syntax | Description | +|---|---|---| +| ProtectPresentation | ProtectPresentation(
string documentId,
string password) | Write-protects a PowerPoint presentation with a password. | +| EncryptPresentation | EncryptPresentation(
string documentId,
string password) | Encrypts a PowerPoint presentation with a password. | +| UnprotectPresentation | UnprotectPresentation(
string documentId) | Removes write protection from a presentation. | +| DecryptPresentation | DecryptPresentation(
string documentId) | Removes encryption from a presentation. | + + +**PresentationContentAgentTools** + +Provides tools for reading content and metadata from PowerPoint presentations. + +| Tool | Syntax | Description | +|---|---|---| +| GetText | GetText(
string? documentId = null,
string? filePath = null) | Extracts all text content from a presentation by document ID or file path. | +| GetSlideCount | GetSlideCount(
string documentId) | Returns the number of slides in the presentation. | + + +**PresentationFindAndReplaceAgentTools** + +Provides text search and replacement across all slides in a PowerPoint presentation. + +| Tool | Syntax | Description | +|---|---|---| +| FindAndReplace | FindAndReplace(
string documentId,
string findWhat,
string replaceText,
bool matchCase = false,
bool wholeWord = false) | Finds and replaces all occurrences of the specified text across all slides in the presentation. | +| FindAndReplaceByPattern | FindAndReplaceByPattern(
string documentId,
string regexPattern,
string replaceText) | Finds and replaces text that matches a regex pattern across all slides (e.g., `{[A-Za-z]+}`). | + + +## PDF Conversion Tools + +**OfficeToPdfAgentTools** + +Provides conversion of Word, Excel, and PowerPoint documents to PDF format. + +| Tool | Syntax | Description | +|---|---|---| +| ConvertToPDF | ConvertToPDF(
string sourceDocumentId,
string sourceType) | Converts a Word, Excel, or PowerPoint document to PDF. `sourceType` must be `Word`, `Excel`, or `PowerPoint`. Returns the PDF document ID. | + + +## Data Extraction Tools + +**DataExtractionAgentTools** + +Provides AI-powered structured data extraction from PDF documents and images, returning results as JSON. + +| Tool | Syntax | Description | +|---|---|---| +| ExtractDataAsJSON | ExtractDataAsJSON(
string inputFilePath,
bool enableFormDetection = true,
bool enableTableDetection = true,
double confidenceThreshold = 0.6,
int startPage = -1,
int endPage = -1,
bool detectSignatures = true,
bool detectTextboxes = true,
bool detectCheckboxes = true,
bool detectRadioButtons = true,
bool detect_Border_less_Tables = true,
string? outputFilePath = null) | Extracts structured data (text, forms, tables, checkboxes, signatures) from a PDF or image file and returns the result as JSON. | +| ExtractTableAsJSON | ExtractTableAsJSON(
string inputFilePath,
bool detect_Border_less_Tables = true,
double confidenceThreshold = 0.6,
int startPage = -1,
int endPage = -1,
string? outputFilePath = null) | Extracts only table data from a PDF document and returns the result as JSON. Optimized for table-focused extraction. | +| RecognizeFormAsJson | RecognizeFormAsJson(
string inputFilePath,
bool detectSignatures = true,
bool detectTextboxes = true,
bool detectCheckboxes = true,
bool detectRadioButtons = true,
double confidenceThreshold = 0.6,
int startPage = -1,
int endPage = -1,
string? outputFilePath = null) | Extracts only form field data from a PDF document and returns as JSON. Optimized for form-focused recognition. | + + + +## See Also + +- [Overview](https://helpstaging.syncfusion.com/document-processing/ai-agent-tools/overview) +- [Getting Started](https://helpstaging.syncfusion.com/document-processing/ai-agent-tools/getting-started) +- [Customization](https://helpstaging.syncfusion.com/document-processing/ai-agent-tools/customization) +- [Example Prompts](https://helpstaging.syncfusion.com/document-processing/ai-agent-tools/example-prompts) diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/index.html index cc556940b1..1b39485bcb 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/accessibility-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/index.html index 8b83f8cd99..76fb325f22 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/index.html @@ -32,7 +32,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/systemjs.config.js index ec1789dce3..ba357a8110 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/chart-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/index.html index 0ad5d94d50..46883bac1f 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/customize-context-menu-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/index.html index f23fe3d33c..22d327d560 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/index.html @@ -29,15 +29,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/index.html index f23fe3d33c..22d327d560 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/index.html @@ -29,15 +29,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/data-protection-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs10/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs11/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs12/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs13/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs14/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/index.html index 7d286194f3..466c03abee 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs15/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs16/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs4/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs5/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs6/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs7/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs8/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/index.html index 608b55c03f..ee7d507f73 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/dialog-cs9/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/index.html index c1023f44cb..d253dd3fd3 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/index.html index c1023f44cb..d253dd3fd3 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/index.html index c1023f44cb..d253dd3fd3 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/index.html index c1023f44cb..d253dd3fd3 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-container-cs4/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/index.html index d336c1d48a..85ff729cc9 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/index.html index d336c1d48a..85ff729cc9 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/index.html index d336c1d48a..85ff729cc9 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/index.html index d336c1d48a..85ff729cc9 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/export-cs4/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/index.html index 95704d2635..6e3f0aabda 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/find-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/index.html index d6931d2ce7..c4ce3c5541 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/systemjs.config.js index f95e28ad4e..9e89d9724c 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/index.html index d6931d2ce7..c4ce3c5541 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/getting-started-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/index.html index 47022d6743..efd927f715 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/index.html index e580162fd0..51717175ff 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/index.html index cd8b750f2f..4b32806e18 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/image-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/index.html index 2174c361f0..78bba0d7ae 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/import-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/index.html index 97f7043af5..49cb096395 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/import-sfdt-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/index.html index 658a88815c..92c2da4e03 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/list-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-aws-s3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-aws-s3/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-aws-s3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-aws-s3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-azure-blob/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-azure-blob/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-azure-blob/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-azure-blob/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-box-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-box-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-box-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-box-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/index.html index d6931d2ce7..c4ce3c5541 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/index.html index d6931d2ce7..c4ce3c5541 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-default-document-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-dropbox-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-dropbox-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-dropbox-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-dropbox-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-cloud-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-cloud-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-cloud-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-cloud-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-google-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/open-one-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/open-one-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/open-one-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/open-one-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/index.html index 218a030a73..a9aedb0b4a 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/index.html index 218a030a73..a9aedb0b4a 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/index.html index 658a88815c..92c2da4e03 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/paragraph-format-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/index.html index 218a030a73..a9aedb0b4a 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/index.html index 218a030a73..a9aedb0b4a 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/index.html index 7e191814d9..d3bbef5d47 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/index.html index 7e191814d9..d3bbef5d47 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/index.html index 7e191814d9..d3bbef5d47 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/print-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/index.html index 0b70f9b644..84d68cc04d 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/read-container-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/index.html index 0b70f9b644..84d68cc04d 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/read-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/index.html index 5e24936b46..bdb3675c06 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/replace-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/index.html index 658a88815c..92c2da4e03 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/rtl-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/index.html index 627a467ad3..e5818a30b1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/index.html index 627a467ad3..e5818a30b1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/ruler-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-aws-s3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-aws-s3/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-aws-s3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-aws-s3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-azure-blob/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-azure-blob/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-azure-blob/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-azure-blob/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-box-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-box-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-box-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-box-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-dropbox-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-dropbox-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-dropbox-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-dropbox-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-cloud-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-cloud-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-cloud-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-cloud-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-google-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/save-one-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/save-one-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/save-one-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/save-one-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/index.html index 42b2245fc0..f362640064 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/index.html index 42b2245fc0..f362640064 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/index.html index 42b2245fc0..f362640064 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/scrolling-zooming-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/index.html index f1c3424683..5d0182ffac 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/spinner-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/index.html index fbd63bb08f..d415f72e17 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/table-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/index.html index c523958a9c..d83737290b 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/index.html @@ -5,7 +5,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/table-of-contents-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/index.html index 658a88815c..92c2da4e03 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/index.html @@ -5,15 +5,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es5/text-format-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/index.html index 1d0d04ccb5..40afbfc437 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/accessibility-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/index.html index 3a1623af3d..ec7f7f4ec7 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/index.html @@ -35,7 +35,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/systemjs.config.js index ec1789dce3..ba357a8110 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/chart-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/index.html index 1bd762ed0f..ae95c6902b 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/customize-context-menu-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/index.html index a25998fb31..72cadb9ac1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/index.html @@ -31,15 +31,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/index.html index a25998fb31..72cadb9ac1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/index.html @@ -31,15 +31,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/data-protection-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs10/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs11/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs12/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs13/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs14/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs15/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs16/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs4/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs5/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs6/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs7/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs8/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/index.html index 36a004d100..e398a90aaa 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/dialog-cs9/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/index.html index 8184c7b0a6..5a6c58537f 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/index.html @@ -9,15 +9,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/index.html index 8184c7b0a6..5a6c58537f 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/index.html @@ -9,15 +9,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/index.html index 8184c7b0a6..5a6c58537f 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/index.html @@ -9,15 +9,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/index.html index 8184c7b0a6..5a6c58537f 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/index.html @@ -9,15 +9,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-container-cs4/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/index.html index 9211a7bad1..4da0055da2 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/index.html index 9211a7bad1..4da0055da2 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/index.html index 9211a7bad1..4da0055da2 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/index.html index 9211a7bad1..4da0055da2 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/export-cs4/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/index.html index 81db37a7a1..2a995b052b 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/find-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/index.html index 1016f51dc7..dfcd1770c0 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/systemjs.config.js index f95e28ad4e..9e89d9724c 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/index.html index 1016f51dc7..dfcd1770c0 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/getting-started-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/index.html index fb4a6cc278..0d6d178bd2 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/index.html index fb4a6cc278..0d6d178bd2 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/hyperlink-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/index.html index efb3b1bd6e..4ddf25e0c7 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/image-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/index.html index 4a1cefd455..278558cdd4 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/import-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/index.html index ef4e228358..bac613ba59 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/import-sfdt-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/index.html index a95028d31b..31da699601 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/list-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/index.html index 9a5ea74027..e640ae88fb 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-aws-s3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/index.html index bcf880d5cc..81b8edc5e8 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-azure-blob/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/index.html index 6b6e418859..a83d09f199 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-box-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/index.html index 1016f51dc7..dfcd1770c0 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/index.html index 1016f51dc7..dfcd1770c0 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-default-document-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/index.html index 49d1d647d3..855bb1fb4b 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-dropbox-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/index.html index dd7e45e1bb..40ef836bb9 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-cloud-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/index.html index abe6b75852..01422ace78 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-google-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/index.html index 92b52019cc..b910c38df8 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/open-one-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/index.html index ff0239777d..0083344d51 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/index.html index ff0239777d..0083344d51 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/override-keyboard-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/index.html index a95028d31b..31da699601 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/paragraph-format-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/index.html index ff0239777d..0083344d51 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/index.html index ff0239777d..0083344d51 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/prevent-keyboard-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/index.html index 2ea94b2b42..cfb9f36a69 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/index.html index 2ea94b2b42..cfb9f36a69 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/index.html index 2ea94b2b42..cfb9f36a69 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/print-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/index.html index a541d81aa1..ce15c3aad3 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/read-container-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/index.html index a541d81aa1..ce15c3aad3 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/read-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/index.html index f73f4d617c..2814ea24d5 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/replace-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/index.html index a95028d31b..31da699601 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/rtl-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/index.html index aa87bb1d58..1e5e81094a 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/index.html index aa87bb1d58..1e5e81094a 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/ruler-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/index.html index ca49dedb4a..c22a002c9b 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-aws-s3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/index.html index c3963399fa..b9f05b9b82 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-azure-blob/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/index.html index 7df35ac5d6..c390c91018 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-box-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/index.html index cbc68c9812..18ffe8aa80 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-dropbox-cloud-file-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/index.html index fb0dc7116e..d23f3b7f3e 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-cloud-storage/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/index.html index a686842958..8d524e4921 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-google-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/index.html index 82f30ec7cf..0ba49c0b1f 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/index.html @@ -7,15 +7,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/systemjs.config.js index fdafc94515..048958cfe1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/save-one-drive/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/index.html index 8d9bec726f..372ed23ce1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/index.html index 8d9bec726f..372ed23ce1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/index.html index 8d9bec726f..372ed23ce1 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/scrolling-zooming-cs3/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/index.html index b28d39b341..acff2fc024 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/systemjs.config.js index 1a2f334a19..e6391d7a85 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/spinner-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/index.html index 29841bbc2e..4ebec6a929 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/table-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/index.html index e1e4e14e55..4aecc0cee7 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/index.html @@ -8,7 +8,7 @@ - + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/table-of-contents-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/index.html b/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/index.html index a95028d31b..31da699601 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/index.html @@ -8,15 +8,15 @@ - - - - - - - - - + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/systemjs.config.js index f92e1ba9d1..ac781177dd 100644 --- a/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/javascript-es6/text-format-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/index.html b/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/index.html index eee310a6db..9e01ce3255 100644 --- a/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/index.html @@ -8,16 +8,16 @@ - - - - - - - - - - + + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/systemjs.config.js index f2350dd13d..ea5365d3d6 100644 --- a/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/react/accessibility-cs1/systemjs.config.js @@ -14,7 +14,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { app: "app", diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs1/index.html b/Document-Processing/code-snippet/document-editor/react/base-cs1/index.html index eee310a6db..9e01ce3255 100644 --- a/Document-Processing/code-snippet/document-editor/react/base-cs1/index.html +++ b/Document-Processing/code-snippet/document-editor/react/base-cs1/index.html @@ -8,16 +8,16 @@ - - - - - - - - - - + + + + + + + + + + diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs1/systemjs.config.js b/Document-Processing/code-snippet/document-editor/react/base-cs1/systemjs.config.js index 42571f9d70..0fb9fff22e 100644 --- a/Document-Processing/code-snippet/document-editor/react/base-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/document-editor/react/base-cs1/systemjs.config.js @@ -14,7 +14,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/" }, map: { app: "app", diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx b/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx index 7523f975e6..c1fcfa1bd2 100644 --- a/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx +++ b/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx @@ -1,10 +1,10 @@ -import { createRoot } from 'react-dom/client'; import * as React from 'react'; +import { createRoot } from 'react-dom/client'; import { DocumentEditorComponent, Print, SfdtExport, WordExport, TextExport, Selection, Search, Editor, ImageResizer, EditorHistory, ContextMenu, OptionsPane, HyperlinkDialog, TableDialog, BookmarkDialog, TableOfContentsDialog, PageSetupDialog, StyleDialog, ListDialog, ParagraphDialog, BulletsAndNumberingDialog, FontDialog, TablePropertiesDialog, BordersAndShadingDialog, TableOptionsDialog, CellOptionsDialog, StylesDialog } from '@syncfusion/ej2-react-documenteditor'; DocumentEditorComponent.Inject(Print, SfdtExport, WordExport, TextExport, Selection, Search, Editor, ImageResizer, EditorHistory, ContextMenu, OptionsPane, HyperlinkDialog, TableDialog, BookmarkDialog, TableOfContentsDialog, PageSetupDialog, StyleDialog, ListDialog, ParagraphDialog, BulletsAndNumberingDialog, FontDialog, TablePropertiesDialog, BordersAndShadingDialog, TableOptionsDialog, CellOptionsDialog, StylesDialog); function Default() { return (
-
+
@@ -247,9 +239,5 @@ function App() {
);
}
-
export default App;
-
ReactDOM.render(
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/add-toolbar-items-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/add-toolbar-items-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/add-toolbar-items-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/index.html
index c6d11af8f7..c7569918cc 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/autofill-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/base-64-string/index.html b/Document-Processing/code-snippet/spreadsheet/react/base-64-string/index.html
index e7e3672a74..db834cc48e 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/base-64-string/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/base-64-string/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/base-64-string/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/base-64-string/systemjs.config.js
index e0bd771f2f..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/base-64-string/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/base-64-string/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.6/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/index.html
index a0ad2de5cd..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/systemjs.config.js
index 62101801da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/index.html
index a0ad2de5cd..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/systemjs.config.js
index 62101801da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/calculation-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/cell-data-binding-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/cellformat-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/change-active-sheet-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/index.html
index c6d11af8f7..c7569918cc 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/chart-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/index.html
index 7b2809c9d8..e657173007 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/chart-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/index.html
index c6d11af8f7..c7569918cc 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/chart-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/index.html
index dc728293d2..d7871e1d26 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/clear-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/index.html
index dc728293d2..d7871e1d26 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/index.html
index dc728293d2..d7871e1d26 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/clipboard-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/column-header-change-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/column-width-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/index.html
index e0378fae67..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js
index 4b4909d0f5..1772257c9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/index.html
index f448cb2bf0..b81d9f09bd 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/conditional-formatting-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/context-menu-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/context-menu-cs1/app/app.jsx
index 5e14b1fb75..6506d00efe 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/context-menu-cs1/app/app.jsx
+++ b/Document-Processing/code-snippet/spreadsheet/react/context-menu-cs1/app/app.jsx
@@ -1,18 +1,53 @@
import * as React from 'react';
import { createRoot } from 'react-dom/client';
import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+import { BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-react-splitbuttons';
function App() {
- const spreadsheetRef = React.useRef(null);
- const onContextMenuBeforeOpen = (args) => {
- let spreadsheet = spreadsheetRef.current;
- if (spreadsheet && args.element.id === spreadsheet.element.id + '_contextmenu') {
- spreadsheet.addContextMenuItems([{ text: 'Custom Item' }], 'Paste Special', false); //To pass the items, Item before / after that the element to be inserted, Set false if the items need to be inserted before the text.
- }
- };
-
- return (Loading....
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/custom-filemenu-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/custom-filemenu-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/custom-filemenu-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/custom-sort-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/custom-tab-and-item-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/custom-tab-and-item-cs1/app/app.jsx
new file mode 100644
index 0000000000..006de121f6
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/custom-tab-and-item-cs1/app/app.jsx
@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+
+ const handleCreated = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+
+ spreadsheet.addRibbonTabs(
+ [
+ {
+ header: { text: 'Custom tab' },
+ content: [
+ {
+ text: 'Custom',
+ tooltipText: 'Custom Btn',
+ cssClass: 'e-custom-btn',
+ click: () => {
+ // Your custom action here
+ spreadsheet.updateCell({ value: 'Custom action executed' }, 'A1');
+ }
+ }
+ ]
+ }
+ ]
+ );
+ };
+
+ return (
+ Loading....
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/custom-tab-and-item-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/custom-tab-and-item-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/custom-tab-and-item-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/index.html
index a0ad2de5cd..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/systemjs.config.js
index 7d84142c0c..0c809e9ec8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/data-validation-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/defined-name-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/delete-row-column-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/index.html
index 8b6e016434..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/systemjs.config.js
index 9290509c4a..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/dynamic-cell-template-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/index.html
index 90d6cabc05..4f64513faa 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/index.html
index 2cfa6ee797..f2ced05473 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/dynamic-data-binding-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/editing-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-filemenu-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-filemenu-cs1/app/app.jsx
new file mode 100644
index 0000000000..5ffef7169e
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-filemenu-cs1/app/app.jsx
@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+
+ // Toggle this to control "New" item enable/disable by unique ID
+ const [disableNew, setDisableNew] = React.useState(true);
+
+ // Enable/disable items when the menu is about to open
+ const handleFileMenuBeforeOpen = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+
+ const newItemId = `${spreadsheet.element.id}_New`;
+
+ // Enable when false, disable when true
+ spreadsheet.enableFileMenuItems([newItemId], !disableNew, true);
+ };
+
+ return (
+ Loading....
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+
+
+
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-filemenu-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-filemenu-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-filemenu-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-ribbon-items-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-ribbon-items-cs1/app/app.jsx
new file mode 100644
index 0000000000..becb3d4c7c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-ribbon-items-cs1/app/app.jsx
@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+
+ // Example toolbar item indices inside Home tab to enable/disable
+ const homeItemsToToggle = [0, 1, 2, 3, 4, 5];
+
+ const disableInsertTab = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.enableRibbonTabs(['Insert'], false);
+ };
+
+ const enableInsertTab = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.enableRibbonTabs(['Insert'], true);
+ };
+
+ const disableHomeItems = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.enableToolbarItems('Home', homeItemsToToggle, false);
+ };
+
+ const enableHomeItems = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.enableToolbarItems('Home', homeItemsToToggle, true);
+ };
+
+ const handleCreated = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ // Initial example state: disable Insert tab and a few Home items
+ spreadsheet.enableRibbonTabs(['Insert'], false);
+ spreadsheet.enableToolbarItems('Home', homeItemsToToggle, false);
+ };
+
+ return (
+ Loading....
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+
+
+
+
+
+
+
+ );
+};
+
+export default App;
+
+const rootElement = document.getElementById('root') as HTMLElement;
+const root = createRoot(rootElement);
+root.render(
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-ribbon-items-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-ribbon-items-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/enable-or-disable-ribbon-items-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/index.html
index 86f3c0bdd6..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/field-mapping-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/filter-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/index.html
index 86d550a7a5..f2ced05473 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/systemjs.config.js
index 9290509c4a..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/filter-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/index.html
index 8b6e016434..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/systemjs.config.js
index 9290509c4a..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/find-and-replace-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/index.html b/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/find-target-context-menu/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/index.html
index cef151ad2b..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/systemjs.config.js
index a35c87e525..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/formula-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.43/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/index.html
index cef151ad2b..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/systemjs.config.js
index a35c87e525..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/formula-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.43/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/index.html
index 10a4d6f5e5..fcb7b72dac 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/systemjs.config.js
index bc641abc96..d6fe797f9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/formula-cs3/systemjs.config.js
@@ -17,7 +17,7 @@ System.config({
'*.json': { loader: 'plugin-json' }
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/freeze-pane-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/getting-started-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/index.html
index 79fa246508..b81d9f09bd 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/systemjs.config.js
index e5bcca5a46..1b066432cc 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/globalization-cs1/systemjs.config.js
@@ -17,7 +17,7 @@ System.config({
'*.json': { loader: 'plugin-json' }
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/27.1.48/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/headers-gridlines-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/image-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/image-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/image-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/image-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/image-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/image-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/image-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/image-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-column-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-row-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/index.html
index e7e3672a74..db834cc48e 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/systemjs.config.js
index e0bd771f2f..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-change-active-sheet-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.2.6/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/insert-sheet-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/internationalization-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/json-structure-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/link-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/link-cs1/index.html
index f9ee18ca03..45615321dc 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/link-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/link-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/link-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/link-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/link-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/link-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/index.html b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/local-data-binding-cs4/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/merge-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html
index e0378fae67..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js
index 4b4909d0f5..1772257c9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html
index e0378fae67..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js
index 4b4909d0f5..1772257c9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html
index e0378fae67..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js
index 4b4909d0f5..1772257c9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/numberformat-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/index.html
index b278908a18..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-from-blobdata-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-from-json/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-from-json/index.html
index 6d5ee749d7..9643e67e0f 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-from-json/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-from-json/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-from-json/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-from-json/systemjs.config.js
index bf9a4c63a0..3919d48b6b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-from-json/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-from-json/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs4/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs5/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/systemjs.config.js
index d38cdf81d0..9e802841bd 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs6/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/index.html
index dc728293d2..d7871e1d26 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs7/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs8/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/index.html b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/systemjs.config.js
index c60b414918..0d0f2b05b5 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/open-save-cs9/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/passing-sort-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/prevent-actions-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/prevent-actions-cs1/app/app.jsx
new file mode 100644
index 0000000000..4e7630f1b2
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/prevent-actions-cs1/app/app.jsx
@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent, SheetsDirective, SheetDirective, RangesDirective } from '@syncfusion/ej2-react-spreadsheet';
+import { RangeDirective, ColumnsDirective, ColumnDirective, getCellIndexes, getRangeIndexes } from '@syncfusion/ej2-react-spreadsheet';
+import { data } from './datasource';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+ // Columns to be prevented editing.
+ const readOnlyColumns = [0,2];
+
+ // Triggers when cell editing starts in the spreadsheet.
+ const cellEdit = (args) =>{
+ var addressRange = getCellIndexes(args.address.split('!')[1]);
+ // preventing cellEditing from the readOnly columns
+ if (readOnlyColumns.includes(addressRange[1])) {
+ args.cancel = true;
+ }
+ }
+
+ // Triggers whenever any action begins in spreadsheet.
+ const actionBegin = (args) =>{
+ var address;
+ if (args.action == "clipboard") {
+ address = args.args.eventArgs.pastedRange;
+ }
+ else if (args.action == "autofill") {
+ address = args.args.eventArgs.fillRange;
+ }
+ else if (args.action == "format" || args.action == "validation" || args.action == "conditionalFormat") {
+ address = args.args.eventArgs.range;
+ }
+ else if (args.action == "cut") {
+ address = args.args.copiedRange
+ }
+ if (address) {
+ var addressRange = getRangeIndexes(address);
+ var colStart = addressRange[1];
+ var colEnd = addressRange[3];
+ // preventing other actions from the readOnly columns
+ for (var col = colStart; col <= colEnd; col++) {
+ if (readOnlyColumns.includes(col)) {
+ if (args.args.action == "cut") {
+ args.args.cancel = true;
+ } else {
+ args.args.eventArgs.cancel = true;
+ }
+ break;
+ }
+ }
+ }
+ }
+
+ return (
+ Loading....
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/prevent-actions-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/prevent-actions-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/prevent-actions-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/print-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/print-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/print-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/print-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/print-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/print-cs1/systemjs.config.js
index 2f6cacc8bf..dfaf70ac86 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/print-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/print-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/print-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/print-cs2/index.html
index a2650a4ed3..59a57ee389 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/print-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/print-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/print-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/print-cs2/systemjs.config.js
index d40d95afc2..8a7b2a8220 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/print-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/print-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/print-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/print-cs3/index.html
index b278908a18..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/print-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/print-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/print-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/print-cs3/systemjs.config.js
index 503d4886b4..1772257c9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/print-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/print-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/protect-sheet-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/index.html
index b278908a18..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/readonly-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/remote-data-binding-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/ribbon-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/systemjs.config.js
index f30cc6d891..c6222fc976 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/row-height-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/index.html
index b278908a18..b6fbfd9421 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/save-as-blobdata-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/save-as-json/index.html b/Document-Processing/code-snippet/spreadsheet/react/save-as-json/index.html
index d700d8be91..78da698ed6 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/save-as-json/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/save-as-json/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/save-as-json/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/save-as-json/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/save-as-json/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/save-as-json/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/save-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/save-cs1/index.html
index dc728293d2..d7871e1d26 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/save-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/save-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/save-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/save-cs1/systemjs.config.js
index 9fe366a8e2..05493a9394 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/save-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/save-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/scrolling-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/searching-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/index.html b/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/index.html
index 2cfa6ee797..f2ced05473 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/systemjs.config.js
index c9bd65c8da..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/selected-cell-values/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/selection-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/selection-cs2/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/selection-cs3/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/sheet-visiblity-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/systemjs.config.js
index bc1de1c0b2..1de77ff67a 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/show-hide-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-filemenu-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-filemenu-cs1/app/app.jsx
new file mode 100644
index 0000000000..1a6e718b5c
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-filemenu-cs1/app/app.jsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+
+ // Toggle this to control visibility
+ const [hideItems, setHideItems] = React.useState(true);
+
+ // File menu items are created dynamically; update visibility here
+ const handleFileMenuBeforeOpen = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+
+ if (hideItems) {
+ spreadsheet.hideFileMenuItems(['Open', 'Save As']);
+ } else {
+ // Show again (second arg: false)
+ spreadsheet.hideFileMenuItems(['Open', 'Save As'], false);
+ }
+ };
+
+ return (
+ Loading....
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+
+
+
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-filemenu-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-filemenu-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-filemenu-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-ribbon-items-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-ribbon-items-cs1/app/app.jsx
new file mode 100644
index 0000000000..eb0d121471
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-ribbon-items-cs1/app/app.jsx
@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+
+ // Items in the Home tab to hide/show (by index)
+ // Adjust these indices based on your app's ribbon layout
+ const homeItemsToToggle = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 14, 15];
+
+ const hideInsertTab = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.hideRibbonTabs(['Insert']);
+ };
+
+ const showInsertTab = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.hideRibbonTabs(['Insert'], false);
+ };
+
+ const hideHomeItems = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.hideToolbarItems('Home', homeItemsToToggle);
+ };
+
+ const showHomeItems = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.hideToolbarItems('Home', homeItemsToToggle, false);
+ };
+
+ const handleCreated = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+
+ // Initial state: hide the "Insert" tab and selected "Home" items
+ spreadsheet.hideRibbonTabs(['Insert']);
+ spreadsheet.hideToolbarItems('Home', homeItemsToToggle);
+ };
+
+ return (
+ Loading....
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+
+
+
+
+
+
+
+
+ );
+}
+
+export default App;
+
+const root = createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-ribbon-items-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-ribbon-items-cs1/systemjs.config.js
new file mode 100644
index 0000000000..ed680b54d8
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/show-or-hide-ribbon-items-cs1/systemjs.config.js
@@ -0,0 +1,58 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/sort-by-cell-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/spreadsheet-like-grid-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/spreadsheet-like-grid-cs1/app/app.jsx
new file mode 100644
index 0000000000..dfc66ebf50
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/spreadsheet-like-grid-cs1/app/app.jsx
@@ -0,0 +1,261 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SheetsDirective, SheetDirective, ColumnsDirective, RangesDirective, RangeDirective } from '@syncfusion/ej2-react-spreadsheet';
+import { ColumnDirective } from '@syncfusion/ej2-react-spreadsheet';
+import { SpreadsheetComponent, getRangeAddress, setRow, getCellAddress, getRangeIndexes } from '@syncfusion/ej2-react-spreadsheet';
+import { defaultData } from './data';
+import { createCheckBox } from '@syncfusion/ej2-react-buttons';
+import { select } from '@syncfusion/ej2-base';
+
+/**
+ * Checkbox selection sample
+ */
+function Default() {
+ let spreadsheet;
+ const spreadsheetRef = React.useRef(null);
+ const cellStyle = { verticalAlign: 'middle' };
+ const scrollSettings = { isFinite: true };
+
+ const onCreated = () => {
+ spreadsheet = spreadsheetRef.current;
+ const usedRange = spreadsheet.getActiveSheet().usedRange;
+ const lastCell = getCellAddress(0, usedRange.colIndex);
+ spreadsheet.cellFormat({ fontWeight: 'bold' }, `A1:${lastCell}`);
+ updateRowCountBasedOnData();
+ };
+
+ // This method handles updating the sheet total row count based on the loaded data (used range).
+ const updateRowCountBasedOnData = () => {
+ const sheet = spreadsheet.getActiveSheet();
+ const usedRange = sheet.usedRange;
+ // Updating sheet row count based on the loaded data.
+ spreadsheet.setSheetPropertyOnMute(sheet, 'rowCount', usedRange.rowIndex > 0 ? usedRange.rowIndex + 1 : 2);
+ spreadsheet.resize();
+ };
+
+ // This method handles updating the selection and the checkbox state.
+ const updateSelectedState = (selectAllInput, rowCallBack, updateSelectedRange) => {
+ const sheet = spreadsheet.getActiveSheet();
+ let selectedCount = 0;
+ const lastColIdx = sheet.colCount - 1;
+ const newRangeColl = [];
+ let selectionStartIdx; let isSelectionStarted;
+ // Iterating all content rows.
+ for (let rowIdx = 1; rowIdx < sheet.rowCount; rowIdx++) {
+ if (rowCallBack) {
+ rowCallBack(rowIdx); // Invoking the callback for each row, in the callback the selection model and checkbox state updates are handled based on the current interaction.
+ }
+ // Updating overall selection count and updated selected range.
+ if (sheet.rows[rowIdx] && sheet.rows[rowIdx].selected) {
+ if (updateSelectedRange && !isSelectionStarted) {
+ isSelectionStarted = true;
+ selectionStartIdx = rowIdx;
+ }
+ selectedCount++;
+ } else if (isSelectionStarted) {
+ newRangeColl.push(getRangeAddress([selectionStartIdx, 0, rowIdx - 1, lastColIdx]));
+ isSelectionStarted = false;
+ }
+ }
+ if (selectAllInput) {
+ // Updating the current state in the select all checkbox.
+ if (selectedCount > 0) {
+ if (selectedCount === sheet.rowCount - 1) {
+ selectAllInput.classList.remove('e-stop');
+ // The class 'e-check' will add the checked state in the UI.
+ selectAllInput.classList.add('e-check');
+ } else {
+ // The class 'e-stop' will add the indeterminate state in the UI.
+ selectAllInput.classList.add('e-stop');
+ }
+ } else {
+ selectAllInput.classList.remove('e-check');
+ selectAllInput.classList.remove('e-stop');
+ }
+ }
+ if (updateSelectedRange) {
+ if (isSelectionStarted) {
+ newRangeColl.push(getRangeAddress([selectionStartIdx, 0, sheet.rowCount - 1, lastColIdx]));
+ } else if (!newRangeColl.length) {
+ // If all rows are unselected, we are moving the selection to A1 cell.
+ newRangeColl.push(getRangeAddress([0, 0, 0, 0]));
+ }
+ // Updating the new selected range in the Spreadsheet.
+ spreadsheet.selectRange(newRangeColl.join(' '));
+ }
+ };
+
+ // This method handles checkbox rendering in all rows and its interactions.
+ const renderCheckbox = (args) => {
+ const sheet = spreadsheet.getActiveSheet();
+ const rowIdx = args.rowIndex;
+ // Creating checkbox for all content rows.
+ const checkbox = createCheckBox(
+ spreadsheet.createElement,
+ false,
+ {
+ checked: !!(sheet.rows[rowIdx] && sheet.rows[rowIdx].selected)
+ }
+ );
+ // Appending the checkbox in the first column cell element.
+ args.element.appendChild(checkbox);
+ // Added click event to handle the checkbox interactions.
+ checkbox.addEventListener('click', () => {
+ const updateCheckboxSelection = (curRowIdx) => {
+ if (curRowIdx === rowIdx) {
+ const inputEle = select('.e-frame', checkbox);
+ let checked = !inputEle.classList.contains('e-check');
+ // Updating the current selection state to the custom selected property in the row model for interal prupose.
+ setRow(sheet, rowIdx, { selected: checked });
+ if (checked) {
+ inputEle.classList.add('e-check');
+ } else {
+ inputEle.classList.remove('e-check');
+ }
+ }
+ }
+ const selectAllCell = spreadsheet.getCell(0, 0);
+ updateSelectedState(selectAllCell && select('.e-frame', selectAllCell), updateCheckboxSelection, true);
+ });
+ };
+
+ // This method handles select all checkbox rendering and its interactions.
+ const renderSelectAllCheckbox = (tdEle) => {
+ // Creating selectall checkbox.
+ const checkbox = createCheckBox(spreadsheet.createElement, false);
+ const inputEle = select('.e-frame', checkbox);
+ // Updating select all checkbox state on initial rendering.
+ updateSelectedState(inputEle);
+ // Appending the selectall checkbox in the A1 cell element.
+ tdEle.appendChild(checkbox);
+ // Added click event to handle the select all actions.
+ checkbox.addEventListener('click', () => {
+ const sheet = spreadsheet.getActiveSheet();
+ const checked = !inputEle.classList.contains('e-check');
+ const rowCallback = (rowIdx) => {
+ // Updating the current selection state to the custom selected property in the row model for internal purpose.
+ setRow(sheet, rowIdx, { selected: checked });
+ // Updating the content checkboxes state based on the selectall checkbox state.
+ const cell = spreadsheet.getCell(rowIdx, 0);
+ const checkboxInput = cell && select('.e-frame', cell);
+ if (checkboxInput) {
+ if (checked) {
+ // The class 'e-check' will add the checked state in the UI.
+ checkboxInput.classList.add('e-check');
+ } else {
+ checkboxInput.classList.remove('e-check');
+ }
+ }
+ };
+ updateSelectedState(inputEle, rowCallback, true);
+ // If unchecking, also clear the spreadsheet selection highlight
+ if (!checked) {
+ spreadsheet.selectRange('A1');
+ }
+ });
+ };
+
+ // Triggers before appending the cell (TD) elements in the sheet content (DOM).
+ const beforeCellRender = (args) => {
+ // Checking first column to add checkbox only to the first column.
+ if (args.colIndex === 0 && args.rowIndex !== undefined) {
+ spreadsheet = spreadsheetRef.current;
+ if (spreadsheet) {
+ const sheet = spreadsheet.getActiveSheet();
+ if (args.rowIndex === 0) { // Rendering select all checkbox in the A1 cell.
+ renderSelectAllCheckbox(args.element);
+ } else if (args.rowIndex < sheet.rowCount) { // Rendering checkboxs in the content cell.
+ renderCheckbox(args);
+ }
+ }
+ }
+ };
+
+ // Triggers before cell selection in spreadsheet
+ const beforeSelect = (args) => {
+ const sheet = spreadsheet.getActiveSheet();
+ const cellRngIdx = getRangeIndexes(args.range);
+ const startRow = cellRngIdx[0];
+ const startCol = cellRngIdx[1];
+ const endRow = cellRngIdx[2];
+ const endCol = cellRngIdx[3];
+ const lastColIdx = sheet.colCount - 1;
+
+ // Allow single cell selection
+ if (startRow === endRow && startCol === endCol) {
+ return;
+ }
+
+ // Allow full row or multiple full rows (from first column to last column)
+ // This enables checkbox-based single and multiple row selections
+ if (startCol === 0 && endCol === lastColIdx) {
+ return;
+ }
+
+ // Cancel all other selections (partial ranges, multi-cell selections, column selections)
+ args.cancel = true;
+ }
+
+ // Triggers before initiating the editor in the cell.
+ const beforeEditHandler = (args) => {
+ args.cancel = true;
+ };
+
+ return (
+ Loading....
+
+
+ );
+}
+export default Default;
+
+const root = createRoot(document.getElementById('sample'));
+root.render(
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+export default Default;
+
+const root = createRoot(document.getElementById('sample') as HTMLElement);
+root.render(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/spreadsheet-like-grid-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/spreadsheet-like-grid-cs1/systemjs.config.js
new file mode 100644
index 0000000000..12a22ee6d3
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/spreadsheet-like-grid-cs1/systemjs.config.js
@@ -0,0 +1,59 @@
+System.config({
+ transpiler: "ts",
+ typescriptOptions: {
+ target: "es5",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true,
+ "jsx": "react"
+ },
+ meta: {
+ 'typescript': {
+ "exports": "ts"
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
+ },
+ map: {
+ app: 'app',
+ ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js",
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js",
+ "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
+ "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js",
+ "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js",
+ "@syncfusion/ej2-react-buttons": "syncfusion:ej2-react-buttons/dist/ej2-react-buttons.umd.min.js",
+ "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js",
+ "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js",
+
+ },
+ packages: {
+ 'app': { main: 'app', defaultExtension: 'tsx' },
+ }
+
+});
+
+System.import('app');
+
+
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/template-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/template-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/template-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/template-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/template-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/template-cs1/systemjs.config.js
index c4aefa2df6..6b6a348ef3 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/template-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/template-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/index.html
index 9b0aaf6a6e..75eeaed8e1 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/undo-redo-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/systemjs.config.js
index 8ffd8c4316..391093dab6 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/unlock-cells-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/index.html
index e92c753aa9..2fb5b324fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/systemjs.config.js
index 3646c46216..ed680b54d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/react/wrap-cs1/systemjs.config.js
@@ -14,7 +14,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
app: 'app',
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/base-64-string/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/base-64-string/app-composition.vue
index beb3d86e27..cebf0f8685 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/base-64-string/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/base-64-string/app-composition.vue
@@ -64,15 +64,15 @@ const exportBtn = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/app.vue
index c1f88a7fd9..b53e8eb4cb 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/app.vue
@@ -46,13 +46,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/index.html
index 40db8b2c71..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/systemjs.config.js
index 889549edf2..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app-composition.vue
index 64d6fdef95..574ca93d64 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app-composition.vue
@@ -28,13 +28,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app.vue
index ccce4a5ebf..e715383313 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/app.vue
@@ -46,13 +46,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/index.html
index 40db8b2c71..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/systemjs.config.js
index 889549edf2..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/calculation-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app-composition.vue
index 6361386448..eae1a6f045 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app-composition.vue
@@ -70,14 +70,14 @@ const width1 = 110;
const width2 = 115;
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app.vue
index 3615ed6159..a15f569203 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/app.vue
@@ -91,14 +91,14 @@ export default {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-data-binding-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app-composition.vue
index 59c1a12b63..f1b528ea9f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app-composition.vue
@@ -79,14 +79,14 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app.vue
index 59d3110aef..4eb62e4786 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/app.vue
@@ -100,14 +100,14 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/cell-format-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app-composition.vue
index 1ecf2dbde2..f50e0de002 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app-composition.vue
@@ -18,14 +18,14 @@ const openComplete = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app.vue
index fac26857d5..23a9326e05 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/app.vue
@@ -28,14 +28,14 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/index.html
index fac21118c1..0eee8ffd38 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/systemjs.config.js
index 30f9476a49..2f859d5a65 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/change-active-sheet-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app-composition.vue
index 33dea5985b..b37f86dde3 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app-composition.vue
@@ -49,13 +49,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app.vue
index 500c9becb4..964b2ac7d1 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/app.vue
@@ -68,13 +68,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app-composition.vue
index d19724e7e2..cbdf7e018f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app-composition.vue
@@ -49,13 +49,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app.vue
index 0991afe2c8..c0a27bb3aa 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/app.vue
@@ -68,14 +68,14 @@ export default {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/index.html
index 2ce387f222..8b943c218d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs2/index.html
@@ -10,7 +10,7 @@
-
+
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/app.vue
index eee79f23cb..96cb2c4054 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/app.vue
@@ -73,13 +73,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/chart-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app-composition.vue
index 7b6259a2a0..a8cff23566 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app-composition.vue
@@ -57,13 +57,13 @@ const itemSelect = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app.vue
index 6009a30731..92f0a8a1aa 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/app.vue
@@ -76,14 +76,14 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/systemjs.config.js
index ff0ed630ad..cb4da285fe 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clear-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app-composition.vue
index 9c2915d933..c13f61f20a 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app-composition.vue
@@ -51,14 +51,14 @@ const itemSelect = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app.vue
index 662714dca1..0c8bc2b664 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/app.vue
@@ -69,14 +69,14 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/systemjs.config.js
index b84aa59ab2..50ef05bc08 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app-composition.vue
index be0bf94377..19925a7417 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app-composition.vue
@@ -56,13 +56,13 @@ const itemSelect = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app.vue
index df198814da..4a147d264d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/app.vue
@@ -74,13 +74,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/systemjs.config.js
index b84aa59ab2..50ef05bc08 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/clipboard-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app-composition.vue
index 7506b1b45c..d2fa744295 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app-composition.vue
@@ -19,13 +19,13 @@ const beforeCellRender = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app.vue
index 37337c3490..2cc64f9649 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/app.vue
@@ -28,14 +28,14 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/index.html
index fac21118c1..0eee8ffd38 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/systemjs.config.js
index 42b7c77392..2f859d5a65 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-header-change-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app-composition.vue
index 37496a5c7d..053e6ac485 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app-composition.vue
@@ -27,13 +27,13 @@ const created = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app.vue
index 8755b3ea07..6851b57f06 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/app.vue
@@ -40,13 +40,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/column-width-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue
index 87a34e311a..6ae072e715 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue
@@ -178,13 +178,13 @@ const created = function () {
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue
index fbcb4a65e5..6d94a365e0 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue
@@ -191,13 +191,13 @@ export default {
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html
index 0f48f4cb89..a2c29ebd7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js
index 00e94a4b54..b410aecf2c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app-composition.vue
index 93cc0eba9f..6b11061a7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app-composition.vue
@@ -43,13 +43,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app.vue
index fe8c740fc8..b908c3a430 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/app.vue
@@ -62,14 +62,14 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/conditional-formatting-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app-composition.vue
index a15c2f01fd..b4b7be8fca 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app-composition.vue
@@ -17,13 +17,13 @@ const contextMenuBeforeOpen = function (args) {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app.vue
index 5ec7a695ef..8faa794282 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/app.vue
@@ -23,13 +23,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app-composition.vue
index b69b25f9b1..d1bba1d042 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app-composition.vue
@@ -15,13 +15,13 @@ const contextMenuBeforeOpen = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app.vue
index 4844985cc7..af55061989 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/app.vue
@@ -21,13 +21,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app-composition.vue
index 18555a2d0d..8379621b0e 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app-composition.vue
@@ -14,13 +14,13 @@ const contextMenuBeforeOpen = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app.vue
index 511ae30995..ee78331700 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/app.vue
@@ -21,13 +21,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/contextmenu/addContextMenu-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app-composition.vue
index 783d2ab9d1..ad050ba13f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app-composition.vue
@@ -16,13 +16,13 @@ const beforeOpen = function (args) {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app.vue
index 9b4034be8d..b5714134bd 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/app.vue
@@ -28,13 +28,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app-composition.vue
index 3923378439..1d3f6671e6 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app-composition.vue
@@ -66,13 +66,13 @@ const fileMenuItemSelect = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app.vue
index 4d61cf52c5..e324a1d0fb 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/app.vue
@@ -83,13 +83,13 @@ export default {
};
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-header-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app-composition.vue
index 83a2825bd5..15446c4dfd 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app-composition.vue
@@ -38,13 +38,13 @@ const mySortComparer = function (x, y) {
};
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app.vue
index e527b6523a..a23a203c60 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/app.vue
@@ -50,13 +50,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/custom-sort-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app-composition.vue
index 24b3c31097..6b58bc048c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app-composition.vue
@@ -82,13 +82,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app.vue
index 289e22d287..c3f6f4946c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/app.vue
@@ -100,13 +100,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.css b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.css
index 08aa3408fd..db85749718 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.css
+++ b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.css
@@ -1,9 +1,9 @@
-@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
-@import '../node_modules/@syncfusion/ej2-grids/styles/material.css';
-@import "../node_modules/@syncfusion/ej2-vue-spreadsheet/styles/material.css";
\ No newline at end of file
+@import '../node_modules/@syncfusion/ej2-base/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-inputs/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-grids/styles/tailwind3.css';
+@import "../node_modules/@syncfusion/ej2-vue-spreadsheet/styles/tailwind3.css";
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.html
index 11177fb1c0..2f12173f82 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/systemjs.config.js
index 9f623e929a..cbd4d2b25c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/data-validation-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/28.1.33/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app-composition.vue
index a19886da21..4d313763f2 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app-composition.vue
@@ -95,13 +95,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app.vue
index 1d69fe19b3..73c7906fa2 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/app.vue
@@ -122,13 +122,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/defined-name-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app-composition.vue
index aa2a0e7cdc..adf92609f9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app-composition.vue
@@ -55,13 +55,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app.vue
index f9cea042f3..c566bfcc3c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/app.vue
@@ -71,13 +71,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/delete-row-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app-composition.vue
index 081c55dad3..13027e7dad 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app-composition.vue
@@ -66,13 +66,13 @@ const appendElement = function (html) {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app.vue
index fb57a30198..fd0eaed463 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/app.vue
@@ -82,13 +82,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/systemjs.config.js
index abb67630ef..2bfcfa740b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs2/app-composition.vue
index e4ccaef8d8..15e69e700b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/dynamic-data-binding-cs2/app-composition.vue
@@ -132,16 +132,16 @@ const updateDataCollection = ()=> {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/app.vue
index 773a3e9e6e..343dbc44fc 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/app.vue
@@ -79,13 +79,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/editing-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app-composition.vue
index baae36afb4..da55aa01ba 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app-composition.vue
@@ -31,13 +31,13 @@ const fieldsOrder = ['Projected Cost', 'Actual Cost', 'Expense Type', 'Differenc
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app.vue
index 872f9deb86..33af59c2d5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/app.vue
@@ -46,13 +46,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/index.html
index 96c20111eb..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/systemjs.config.js
index b772f362c9..2bfcfa740b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/field-mapping-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app-composition.vue
index a81bf44f56..faad1aa3f0 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app-composition.vue
@@ -46,13 +46,13 @@ const dataBound = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app.vue
index cfbd291a4d..6cc03c1a0a 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/app.vue
@@ -62,13 +62,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs2/app-composition.vue
index c1edcb686f..552795c136 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/filter-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/filter-cs2/app-composition.vue
@@ -56,15 +56,15 @@ const getFilterData = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/app.vue
index 9a94a90634..0285053b5e 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/app.vue
@@ -28,13 +28,13 @@ export default {
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/index.html b/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/index.html
index fac21118c1..0eee8ffd38 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/find-target-context-menu/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app-composition.vue
index 35efa2158a..c9b2a15ab9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app-composition.vue
@@ -95,13 +95,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app.vue
index 5076b22eca..5075829e18 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/app.vue
@@ -116,13 +116,13 @@ export default {
};
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app-composition.vue
index 21b3fb88e7..1492b04390 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app-composition.vue
@@ -103,13 +103,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app.vue
index c5eb8b4426..05c959d699 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/app.vue
@@ -126,13 +126,13 @@ export default {
};
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app-composition.vue
index 46dedfe9f7..da57f5b844 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app-composition.vue
@@ -66,13 +66,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app.vue
index f8547067ec..9a875ff875 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/app.vue
@@ -88,13 +88,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/index.html
index 217b2b788d..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/systemjs.config.js
index c69930d3ca..4839aba657 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/formula-cs3/systemjs.config.js
@@ -16,7 +16,7 @@ System.config({
'*.json': { loader: 'plugin-json' }
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app-composition.vue
index 302244cf61..c80bf78a9a 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app-composition.vue
@@ -23,13 +23,13 @@ import { defaultData } from './data.js';
const dataSource = defaultData;
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app.vue
index 7215c3d7b5..fb1b096ef9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/app.vue
@@ -41,13 +41,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/freezepane-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app-composition.vue
index a31f28a988..e6644d8688 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app-composition.vue
@@ -7,13 +7,13 @@ import { SpreadsheetComponent as EjsSpreadsheet } from "@syncfusion/ej2-vue-spre
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app.vue
index 2bc7baf95a..3412283c08 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/app.vue
@@ -14,13 +14,13 @@ export default {
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/getting-started-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app-composition.vue
index a1e63e4818..31925b5a72 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app-composition.vue
@@ -148,13 +148,13 @@ const applyFormats = function() {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app.vue
index 68b459789a..516845f3ff 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/app.vue
@@ -164,13 +164,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/index.html
index 988c8527ad..e08e8e48c2 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/globalization-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app-composition.vue
index 2885fc442b..2d50966b5f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app-composition.vue
@@ -37,13 +37,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app.vue
index 5fb4be3821..1ebd87f97d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/app.vue
@@ -54,13 +54,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/header-gridlines-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app-composition.vue
index c4403117a1..ffa2c4b52a 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app-composition.vue
@@ -49,13 +49,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app.vue
index 6ca1d684a6..76709151dc 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/app.vue
@@ -65,13 +65,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-column-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app-composition.vue
index eacbcefc46..27572ecd0b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app-composition.vue
@@ -54,13 +54,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app.vue
index be94b4a428..7d9f19a7d9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/app.vue
@@ -71,13 +71,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-row-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app-composition.vue
index 65322e701a..497d653906 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app-composition.vue
@@ -47,13 +47,13 @@ const created = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app.vue
index 1929b6ea92..f0783ad93d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-change-active-sheet-cs1/app.vue
@@ -70,15 +70,15 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/app.vue
index 09508c895f..b749158085 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/app.vue
@@ -63,13 +63,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/insert-sheet-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app-composition.vue
index a6e644ebac..a6b196eb9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app-composition.vue
@@ -138,13 +138,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app.vue
index 920aa6ce1e..daa5ca7409 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/app.vue
@@ -156,13 +156,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app-composition.vue
index 37a4a87ffd..2edb3e2bfd 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app-composition.vue
@@ -103,13 +103,13 @@ const beforeHyperlinkClick = function (args) {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app.vue
index b84440ab6d..95c399490a 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/app.vue
@@ -123,13 +123,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/link-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app-composition.vue
index d25ca6c6c0..919b70e51d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app-composition.vue
@@ -17,13 +17,13 @@ import { defaultData } from './data.js';
const dataSource = defaultData;
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app.vue
index ea26800c44..474d8302dd 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/app.vue
@@ -30,13 +30,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app-composition.vue
index 8dd5b9b5a0..c7cb3e8215 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app-composition.vue
@@ -59,13 +59,13 @@ L10n.load({
const dataSource = defaultData;
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app.vue
index 7551e490e6..c5297a97cf 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/app.vue
@@ -74,13 +74,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app-composition.vue
index 77ffd36f20..c1a8729f75 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app-composition.vue
@@ -58,13 +58,13 @@ L10n.load({
const dataSource = defaultData;
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app.vue
index e1ec0457bc..bfa20470ad 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/app.vue
@@ -73,13 +73,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app-composition.vue
index 385e77ccbd..25ee7ea9f7 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app-composition.vue
@@ -17,13 +17,13 @@ import { defaultData } from './data.js';
const dataSource = defaultData;
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app.vue
index cb0734976a..9d64285748 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/app.vue
@@ -31,13 +31,13 @@ export default {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/index.html b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs4/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app-composition.vue
index a7dc18032c..6eb2e031ef 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app-composition.vue
@@ -17,13 +17,13 @@ import { defaultData } from './data.js';
const dataSource = defaultData;
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app.vue
index 791ccacfb5..d8e93863ac 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/app.vue
@@ -31,13 +31,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/index.html b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/local-data-binding-cs5/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app-composition.vue
index 45692610a5..cd018d5c44 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app-composition.vue
@@ -73,13 +73,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app.vue
index be9b3220ac..57ee10b236 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/app.vue
@@ -92,13 +92,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/systemjs.config.js
index 0a0e668707..448712498e 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/lock-cells-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app-composition.vue
index da3e11d13c..ac20fd0ea5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app-composition.vue
@@ -98,13 +98,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app.vue
index 4ab4b1db86..6287d7d982 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/app.vue
@@ -118,13 +118,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/merge-cells-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app-composition.vue
index 7bb5752fce..2bf5a5959f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app-composition.vue
@@ -35,13 +35,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app.vue
index 49e9d7fb94..d0bbf3127f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/app.vue
@@ -55,13 +55,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html
index 0f48f4cb89..a2c29ebd7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js
index 00e94a4b54..b410aecf2c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app-composition.vue
index daf680296a..a0b62c8f9b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app-composition.vue
@@ -35,13 +35,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app.vue
index fdab0de084..259023a420 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/app.vue
@@ -55,13 +55,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html
index 0f48f4cb89..a2c29ebd7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js
index 00e94a4b54..b410aecf2c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue
index 465d8c6e9d..c66885aa86 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue
@@ -41,13 +41,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app.vue
index 9c7e54441d..a2620c2c7c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app.vue
@@ -62,13 +62,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/index.html
index 0f48f4cb89..a2c29ebd7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/systemjs.config.js
index 00e94a4b54..b410aecf2c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app-composition.vue
index d0f99588c3..eb47e411c8 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app-composition.vue
@@ -107,13 +107,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app.vue
index 1e1a26bff3..72200225a2 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/app.vue
@@ -125,13 +125,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app-composition.vue
index 4dd47e8e96..b0ee5088ec 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app-composition.vue
@@ -58,13 +58,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app.vue
index f910842957..ee99e681d5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/app.vue
@@ -78,13 +78,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/number-format-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app-composition.vue
index 37c28645fd..7e759705ad 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app-composition.vue
@@ -12,13 +12,13 @@ const beforeOpen = function (args) {
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app.vue
index 8756a35018..9c203688fe 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/app.vue
@@ -24,13 +24,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app-composition.vue
index 11d7011481..4425567baf 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app-composition.vue
@@ -20,13 +20,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app.vue
index ad749eef78..0d5c6df0f7 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/app.vue
@@ -29,13 +29,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-from-blobdata-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-from-blobdata-cs1/app-composition.vue
index 78d791af46..c6a0015cb6 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-from-blobdata-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-from-blobdata-cs1/app-composition.vue
@@ -27,15 +27,15 @@ const created = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/app.vue
index cc9338306a..07935d3758 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/app.vue
@@ -43,13 +43,13 @@ export default {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-readonly-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app-composition.vue
index d993e75682..ab0edc30a3 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app-composition.vue
@@ -33,13 +33,13 @@ const beforeSave = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app.vue
index 7440400f27..13924b05e4 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/app.vue
@@ -49,13 +49,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app-composition.vue
index 2b34710fd8..3dbf26b945 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app-composition.vue
@@ -34,13 +34,13 @@ const beforeSave = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app.vue
index cc6a309df6..db3099af84 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/app.vue
@@ -50,13 +50,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app-composition.vue
index 307bfdf895..1088b91465 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app-composition.vue
@@ -33,13 +33,13 @@ const beforeSave = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app.vue
index d728d66f96..411cdc5fa4 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/app.vue
@@ -51,13 +51,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-save-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app-composition.vue
index 8edb964367..5be8e3f5f0 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app-composition.vue
@@ -27,13 +27,13 @@ const onSuccess = (args) => {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app.vue
index 54ede9c77c..46eb51ae27 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/app.vue
@@ -39,13 +39,13 @@ export default {
};
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/systemjs.config.js
index 2d3ee4deeb..b0c0f31b3b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/open-uploader-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app-composition.vue
index a2ae909a03..bdde103145 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app-composition.vue
@@ -42,13 +42,13 @@ const sortComplete = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app.vue
index 8e6a353f74..53a62803d9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/app.vue
@@ -57,13 +57,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/passing-sort-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app-composition.vue
index 4c862ccaac..d3c50de581 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app-composition.vue
@@ -159,13 +159,13 @@ const dataBound = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app.vue
index 1d1c33a18e..cd8082fac6 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/app.vue
@@ -175,13 +175,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/systemjs.config.js
index ff0ed630ad..cb4da285fe 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app-composition.vue
index 92f750285b..eec8747cae 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app-composition.vue
@@ -64,13 +64,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app.vue
index 81340d3743..d6e20e79ac 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/app.vue
@@ -83,13 +83,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/index.html
index fbfb4e36f4..a2c29ebd7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/systemjs.config.js
index e3e6237ef8..c94ea2af7b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app-composition.vue
index 89d9c06b54..f5c30dbe17 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app-composition.vue
@@ -44,13 +44,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app.vue
index 64796d2f91..8cc2249abf 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/app.vue
@@ -60,13 +60,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/index.html
index fbfb4e36f4..a2c29ebd7f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/index.html
@@ -9,7 +9,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/systemjs.config.js
index 48afc5ccbf..b410aecf2c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/print-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app-composition.vue
index 81fd47030a..1c07a27917 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app-composition.vue
@@ -44,13 +44,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app.vue
index 7d208c9c3a..a5996ecb4a 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/app.vue
@@ -60,13 +60,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/protect-sheet-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app-composition.vue
index f0271a767f..8396a0642f 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app-composition.vue
@@ -57,13 +57,13 @@ const removeReadOnly = function() {
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app.vue
index 67c5873d57..43cefe8220 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/app.vue
@@ -81,13 +81,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/index.html
index 96c20111eb..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/systemjs.config.js
index b772f362c9..2bfcfa740b 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/readonly-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app-composition.vue
index 22b8f305e8..bfd011f3d8 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app-composition.vue
@@ -37,13 +37,13 @@ const query = new Query().select(['OrderID', 'CustomerID', 'Freight', 'ShipName'
const columns = [{ width: 100 }, { width: 130 }, { width: 100 }, { width: 220 }, { width: 150 }, { width: 180 }];
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app.vue
index 8e41e75404..ec70f7fe73 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/app.vue
@@ -54,13 +54,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app-composition.vue
index 0e0cfd8708..bc80e9c3e0 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app-composition.vue
@@ -29,13 +29,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app.vue
index 3ea87dadee..dc8ef335c7 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/app.vue
@@ -43,13 +43,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app-composition.vue
index 646e6bd23c..79e3cc9ce6 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app-composition.vue
@@ -30,13 +30,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app.vue
index 344f127435..e633a41208 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/app.vue
@@ -43,13 +43,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/remote-data-binding-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app-composition.vue
index 2a0f04aed8..72aaf21e5d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app-composition.vue
@@ -122,13 +122,13 @@ const appendDropdownBtn = function (id) {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app.vue
index 769920d30e..f5cb3ef0ba 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/app.vue
@@ -139,13 +139,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/ribbon-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app-composition.vue
index 8c33ddb5ed..395f5ef029 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app-composition.vue
@@ -26,13 +26,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app.vue
index 332f47c032..4573eae90c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/app.vue
@@ -40,13 +40,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/row-height-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/save-as-blobdata-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/save-as-blobdata-cs1/app-composition.vue
index 19ef82df6f..02df0e40a2 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/save-as-blobdata-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/save-as-blobdata-cs1/app-composition.vue
@@ -41,15 +41,15 @@ const saveComplete = function (args) {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/app.vue
index 6ffbf9627b..980f7533fe 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/app.vue
@@ -74,13 +74,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/systemjs.config.js
index 3cd4533d93..66bded1f34 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/save-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app-composition.vue
index 95267e8357..3ac87909ce 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app-composition.vue
@@ -34,13 +34,13 @@ const created = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app.vue
index a79fc85250..3c11ef95dd 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/app.vue
@@ -49,13 +49,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/scrolling-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app-composition.vue
index 75ec68d8ba..b459c7dd7c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app-composition.vue
@@ -42,13 +42,13 @@ const created = function () {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app.vue
index 3766f3b4f1..7888f89ced 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/app.vue
@@ -58,13 +58,13 @@ export default {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/searching-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selected-cell-values/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/selected-cell-values/app-composition.vue
index 77d8330c83..a79b93d1b8 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selected-cell-values/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selected-cell-values/app-composition.vue
@@ -56,16 +56,16 @@ const getSelectedCellValues = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/app.vue
index 079bb4d0e3..c0bf4b3ff9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/app.vue
@@ -48,13 +48,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app-composition.vue
index 2515125c30..01c24bad42 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app-composition.vue
@@ -31,13 +31,13 @@ const created = function () {
}
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app.vue
index c86f33a5fc..7de4e2636c 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/app.vue
@@ -48,13 +48,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs2/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app-composition.vue
index deb0f7e7cc..bb94863389 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app-composition.vue
@@ -33,13 +33,13 @@ const cellEdit = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app.vue
index f6db572c1e..df210dbfa2 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/app.vue
@@ -49,13 +49,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/selection-cs3/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app-composition.vue
index 4aa853ab8b..a676c7ff2d 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app-composition.vue
@@ -75,13 +75,13 @@ const created = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app.vue
index 52e90bcd90..73058554c8 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/app.vue
@@ -87,13 +87,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sheet-visiblity-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app-composition.vue
index 6e3498d590..07cb761eba 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app-composition.vue
@@ -48,13 +48,13 @@ const created = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app.vue
index ec5bbd973a..1c01787560 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/app.vue
@@ -66,13 +66,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/show-hide-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app-composition.vue
index 879a9b2488..78ed18b3d9 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app-composition.vue
@@ -32,13 +32,13 @@ const sortComplete = function (args) {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app.vue
index 4e7deb5bcb..b3155233d6 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/app.vue
@@ -47,13 +47,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/sort-by-cell-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/undo-redo-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/undo-redo-cs1/app-composition.vue
index cf4a8dcdf3..37388e6a64 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/undo-redo-cs1/app-composition.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/undo-redo-cs1/app-composition.vue
@@ -55,15 +55,15 @@ const updateCollection = function () {
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/app.vue
index 37a83e2768..b02a579d23 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/app.vue
+++ b/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/app.vue
@@ -82,13 +82,13 @@ export default {
}
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/index.html
index 328c2a22d7..6bbb3bc243 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/index.html
+++ b/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/systemjs.config.js
index 81ff07a381..c848d9efa5 100644
--- a/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/systemjs.config.js
+++ b/Document-Processing/code-snippet/spreadsheet/vue/wrap-text-cs1/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
}
},
paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.36/"
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/33.1.44/"
},
map: {
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
diff --git a/Document-Processing/samples/pdfviewer/angular/getting-started-cs1-standalone/main.a3455d03d4c5cd0f.js b/Document-Processing/samples/pdfviewer/angular/getting-started-cs1-standalone/main.a3455d03d4c5cd0f.js
index 12e84c753a..f0ae4c2777 100644
--- a/Document-Processing/samples/pdfviewer/angular/getting-started-cs1-standalone/main.a3455d03d4c5cd0f.js
+++ b/Document-Processing/samples/pdfviewer/angular/getting-started-cs1-standalone/main.a3455d03d4c5cd0f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunksyncfusion_component=self.webpackChunksyncfusion_component||[]).push([[179],{561:(ff,r0,n0)=>{let $s=null,Zg=1;const wl=Symbol("SIGNAL");function rn(s){const e=$s;return $s=s,e}function Lo(s){if((!im(s)||s.dirty)&&(s.dirty||s.lastCleanEpoch!==Zg)){if(!s.producerMustRecompute(s)&&!tm(s))return s.dirty=!1,void(s.lastCleanEpoch=Zg);s.producerRecomputeValue(s),s.dirty=!1,s.lastCleanEpoch=Zg}}function tm(s){Af(s);for(let e=0;eLoading....
+ have a Syncfusion account? Sign In
\n Blazor"))||this.isStringTemplate);d/g,"");(this.element.children.length>0||i)&&(this.innerContentElement=document.createDocumentFragment(),[].slice.call(this.element.childNodes).forEach(function(r){8!==r.nodeType&&t.innerContentElement.appendChild(r)}))}},e.prototype.setHeader=function(){this.headerEle?this.headerEle.innerHTML="":this.headerEle=this.createElement("div",{id:this.element.id+"_title",className:Nq}),this.createHeaderContent(),this.headerContent.appendChild(this.headerEle),this.setTemplate(this.header,this.headerEle,"header"),ce(this.element,{"aria-describedby":this.element.id+"_title"}),ce(this.element,{"aria-label":"dialog"}),this.element.insertBefore(this.headerContent,this.element.children[0]),this.allowDragging&&!u(this.headerContent)&&this.setAllowDragging()},e.prototype.setFooterTemplate=function(){this.ftrTemplateContent?this.ftrTemplateContent.innerHTML="":this.ftrTemplateContent=this.createElement("div",{className:ME}),""===this.footerTemplate||u(this.footerTemplate)?this.ftrTemplateContent.innerHTML=this.buttonContent.join(""):this.setTemplate(this.footerTemplate,this.ftrTemplateContent,"footerTemplate"),this.element.appendChild(this.ftrTemplateContent)},e.prototype.createHeaderContent=function(){u(this.headerContent)&&(this.headerContent=this.createElement("div",{id:this.element.id+"_dialog-header",className:R2}))},e.prototype.renderCloseIcon=function(){this.showCloseIcon&&(this.closeIcon=this.createElement("button",{className:Rq,attrs:{type:"button"}}),this.closeIconBtnObj=new ur({cssClass:"e-flat",iconCss:Lq+" e-icons"}),this.closeIconTitle(),u(this.headerContent)?(this.createHeaderContent(),Pr([this.closeIcon],this.headerContent),this.element.insertBefore(this.headerContent,this.element.children[0])):Pr([this.closeIcon],this.headerContent),this.closeIconBtnObj.appendTo(this.closeIcon))},e.prototype.closeIconTitle=function(){this.l10n.setLocale(this.locale);var t=this.l10n.getConstant("close");this.closeIcon.setAttribute("title",t),this.closeIcon.setAttribute("aria-label",t)},e.prototype.setCSSClass=function(t){t&&(R([this.element],t.split(" ")),this.isModal&&!u(this.dlgContainer)&&R([this.dlgContainer],t.split(" "))),this.cssClass&&(M([this.element],this.cssClass.split(" ")),this.isModal&&!u(this.dlgContainer)&&M([this.dlgContainer],this.cssClass.split(" ")))},e.prototype.setIsModal=function(){this.dlgContainer=this.createElement("div",{className:"e-dlg-container"}),this.setCSSClass(),this.element.classList.remove(Fq),this.element.parentNode.insertBefore(this.dlgContainer,this.element),this.dlgContainer.appendChild(this.element),M([this.element],Nx),this.dlgOverlay=this.createElement("div",{className:"e-dlg-overlay"}),this.dlgOverlay.style.zIndex=(this.zIndex-1).toString(),this.dlgContainer.appendChild(this.dlgOverlay)},e.prototype.getValidFocusNode=function(t){for(var i,r=0;r0||"a"===i.tagName.toLowerCase()&&i.hasAttribute("href"))&&i.tabIndex>-1&&!i.disabled&&!this.disableElement(i,'[disabled],[aria-disabled="true"],[type="hidden"]'))return i;i=null}return i},e.prototype.focusableElements=function(t){if(!u(t)){var r=t.querySelectorAll('input,select,textarea,button,a,[contenteditable="true"],[tabindex]');return this.getValidFocusNode(r)}return null},e.prototype.getAutoFocusNode=function(t){var i=t.querySelector("."+Rq),n=t.querySelectorAll("[autofocus]"),o=this.getValidFocusNode(n);if(ie()&&(this.primaryButtonEle=this.element.getElementsByClassName("e-primary")[0]),u(o)){if(!u(o=this.focusableElements(this.contentEle)))return o;if(!u(this.primaryButtonEle))return this.element.querySelector(".e-primary")}else i=o;return i},e.prototype.disableElement=function(t,i){var r=t?t.matches||t.webkitMatchesSelector||t.msGetRegionContent:null;if(r)for(;t;t=t.parentNode)if(t instanceof Element&&r.call(t,i))return t;return null},e.prototype.focusContent=function(){var t=this.getAutoFocusNode(this.element),i=u(t)?this.element:t,r=D.userAgent;(r.indexOf("MSIE ")>0||r.indexOf("Trident/")>0)&&this.element.focus(),i.focus(),this.unBindEvent(this.element),this.bindEvent(this.element)},e.prototype.bindEvent=function(t){I.add(t,"keydown",this.keyDown,this)},e.prototype.unBindEvent=function(t){I.remove(t,"keydown",this.keyDown)},e.prototype.updateSanitizeContent=function(){this.isBlazorServerRender()||(this.contentEle.innerHTML=this.sanitizeHelper(this.content))},e.prototype.isBlazorServerRender=function(){return ie()&&this.isServerRendered},e.prototype.getModuleName=function(){return"dialog"},e.prototype.onPropertyChanged=function(t,i){if(this.element.classList.contains(kx))for(var r=0,n=Object.keys(t);r0?this.showCloseIcon||""!==this.header&&!u(this.header)?this.showCloseIcon?this.isBlazorServerRender()&&this.wireEvents():W(this.closeIcon):(W(this.headerContent),this.headerContent=null):(this.isBlazorServerRender()||this.renderCloseIcon(),this.wireEvents());break;case"locale":this.showCloseIcon&&this.closeIconTitle();break;case"visible":this.visible?this.show():this.hide();break;case"isModal":this.updateIsModal();break;case"height":ke(this.element,{height:fe(t.height)}),this.updatePersistData();break;case"width":ke(this.element,{width:fe(t.width)}),this.updatePersistData();break;case"zIndex":this.popupObj.zIndex=this.zIndex,this.isModal&&this.setOverlayZindex(this.zIndex),this.element.style.zIndex!==this.zIndex.toString()&&(this.calculatezIndex=!1);break;case"cssClass":this.setCSSClass(i.cssClass);break;case"buttons":var a=this.buttons.length;!u(this.ftrTemplateContent)&&!this.isBlazorServerRender()&&(W(this.ftrTemplateContent),this.ftrTemplateContent=null);for(var l=0;lthis.zIndex?n:this.zIndex,this.isProtectedOnChange=r,i&&(this.popupObj.zIndex=this.zIndex)},e.prototype.windowResizeHandler=function(){(function _Ie(s){Hf=s})(this.targetEle.clientWidth),function OIe(s){Em=s}(this.targetEle.clientHeight),this.setMaxHeight()},e.prototype.getPersistData=function(){return this.addOnPersist(["width","height","position"])},e.prototype.removeAllChildren=function(t){for(;t.children[0];)this.removeAllChildren(t.children[0]),t.removeChild(t.children[0])},e.prototype.destroy=function(){if(!this.isDestroyed){var t=[P2,Nx,F2,Px,Lx,Pq],i=["role","aria-modal","aria-labelledby","aria-describedby","aria-grabbed","tabindex","style"];if(R([this.targetEle],[bp,gu]),!u(this.element)&&this.element.classList.contains(Lx)&&R([document.body],[bp,gu]),this.isModal&&R([u(this.targetEle)?document.body:this.targetEle],gu),this.unWireEvents(),!u(this.btnObj))for(var r=0;r0&&!u(this.buttons[0].buttonModel)&&""===this.footerTemplate)for(var t=0;t=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},_2="e-tooltip",Wq="e-icons",Jq="e-tooltip-close",O2="e-tooltip-wrap",Kq="e-tip-content",Bw="e-arrow-tip",qq="e-arrow-tip-outer",Rx="e-arrow-tip-inner",DE="e-tip-bottom",Q2="e-tip-top",Xq="e-tip-left",z2="e-tip-right",H2="e-popup",Fx="e-popup-open",U2="e-popup-close",Vx="e-lib",Zq="e-tooltip-popup-container",s1e=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return Uq(e,s),ln([y({effect:"FadeIn",duration:150,delay:0})],e.prototype,"open",void 0),ln([y({effect:"FadeOut",duration:150,delay:0})],e.prototype,"close",void 0),e}(Se),zo=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.mouseMoveEvent=null,r.mouseMoveTarget=null,r.containerElement=null,r.isBodyContainer=!0,r}return Uq(e,s),e.prototype.initialize=function(){this.formatPosition(),M([this.element],_2)},e.prototype.formatPosition=function(){var t,i;0===this.position.indexOf("Top")||0===this.position.indexOf("Bottom")?(t=this.position.split(/(?=[A-Z])/),this.tooltipPositionY=t[0],this.tooltipPositionX=t[1]):(i=this.position.split(/(?=[A-Z])/),this.tooltipPositionX=i[0],this.tooltipPositionY=i[1])},e.prototype.renderArrow=function(){this.setTipClass(this.position);var t=this.createElement("div",{className:Bw+" "+this.tipClass});t.appendChild(this.createElement("div",{className:qq+" "+this.tipClass})),t.appendChild(this.createElement("div",{className:Rx+" "+this.tipClass})),this.tooltipEle.appendChild(t)},e.prototype.setTipClass=function(t){this.tipClass=0===t.indexOf("Right")?Xq:0===t.indexOf("Bottom")?Q2:0===t.indexOf("Left")?z2:DE},e.prototype.renderPopup=function(t){var i=this.mouseTrail?{top:0,left:0}:this.getTooltipPosition(t);this.tooltipEle.classList.remove(Vx),this.popupObj=new So(this.tooltipEle,{height:this.height,width:this.width,position:{X:i.left,Y:i.top},enableRtl:this.enableRtl,open:this.openPopupHandler.bind(this),close:this.closePopupHandler.bind(this)})},e.prototype.getScalingFactor=function(t){if(!t)return{x:1,y:1};var i={x:1,y:1},r=t.closest('[style*="transform: scale"]');if(r&&r!=this.tooltipEle&&r.contains(this.tooltipEle)){var a=window.getComputedStyle(r).getPropertyValue("transform").match(/matrix\(([^)]+)\)/)[1].split(",").map(parseFloat);i.x=a[0],i.y=a[3]}return i},e.prototype.getTooltipPosition=function(t){this.tooltipEle.style.display="block";var i=this.element.closest('[style*="zoom"]');i&&(i.contains(this.tooltipEle)||(this.tooltipEle.style.zoom=getComputedStyle(i).zoom));var r=js(t,this.tooltipPositionX,this.tooltipPositionY,!this.isBodyContainer,this.isBodyContainer?null:this.containerElement.getBoundingClientRect()),n=this.getScalingFactor(t),o=this.calculateTooltipOffset(this.position,n.x,n.y),a=this.calculateElementPosition(r,o),d=this.collisionFlipFit(t,a[0],a[1]);return d.left=d.left/n.x,d.top=d.top/n.y,this.tooltipEle.style.display="",d},e.prototype.windowResize=function(){this.reposition(this.findTarget())},e.prototype.reposition=function(t){if(this.popupObj&&t){var i=this.getTooltipPosition(t);this.popupObj.position={X:i.left,Y:i.top},this.popupObj.dataBind()}},e.prototype.openPopupHandler=function(){!this.mouseTrail&&this.needTemplateReposition()&&this.reposition(this.findTarget()),this.trigger("afterOpen",this.tooltipEventArgs),this.tooltipEventArgs=null},e.prototype.closePopupHandler=function(){this.isReact&&!("Click"===this.opensOn&&"function"==typeof this.content)&&this.clearTemplate(["content"]),this.clear(),this.trigger("afterClose",this.tooltipEventArgs),this.tooltipEventArgs=null},e.prototype.calculateTooltipOffset=function(t,i,r){void 0===i&&(i=1),void 0===r&&(r=1);var o,a,l,h,d,c,p,f,n={top:0,left:0};if(1!=i||1!=r){var g=this.tooltipEle.getBoundingClientRect(),m=void 0;l=Math.round(g.width),h=Math.round(g.height),(d=K("."+Bw,this.tooltipEle))&&(m=d.getBoundingClientRect()),o=d?Math.round(m.width):0,a=d?Math.round(m.height):0,c=this.showTipPointer?0:8,p=a/2+2+(h-this.tooltipEle.clientHeight*r),f=o/2+2+(l-this.tooltipEle.clientWidth*i)}else l=this.tooltipEle.offsetWidth,h=this.tooltipEle.offsetHeight,d=K("."+Bw,this.tooltipEle),c=this.showTipPointer?0:8,p=(a=d?d.offsetHeight:0)/2+2+(this.tooltipEle.offsetHeight-this.tooltipEle.clientHeight),f=(o=d?d.offsetWidth:0)/2+2+(this.tooltipEle.offsetWidth-this.tooltipEle.clientWidth);switch(this.mouseTrail&&(c+=2),t){case"RightTop":n.left+=o+c,n.top-=h-p;break;case"RightCenter":n.left+=o+c,n.top-=h/2;break;case"RightBottom":n.left+=o+c,n.top-=p;break;case"BottomRight":n.top+=a+c,n.left-=f;break;case"BottomCenter":n.top+=a+c,n.left-=l/2;break;case"BottomLeft":n.top+=a+c,n.left-=l-f;break;case"LeftBottom":n.left-=o+l+c,n.top-=p;break;case"LeftCenter":n.left-=o+l+c,n.top-=h/2;break;case"LeftTop":n.left-=o+l+c,n.top-=h-p;break;case"TopLeft":n.top-=h+a+c,n.left-=l-f;break;case"TopRight":n.top-=h+a+c,n.left-=f;break;default:n.top-=h+a+c,n.left-=l/2}return n.left+=this.offsetX,n.top+=this.offsetY,n},e.prototype.updateTipPosition=function(t){var i=Te("."+Bw+",."+qq+",."+Rx,this.tooltipEle);R(i,[DE,Q2,Xq,z2]),this.setTipClass(t),M(i,this.tipClass)},e.prototype.adjustArrow=function(t,i,r,n){var o=K("."+Bw,this.tooltipEle);if(!1!==this.showTipPointer&&null!==o){var a,l;this.updateTipPosition(i),this.tooltipEle.style.display="block";var g,h=this.tooltipEle.clientWidth,d=this.tooltipEle.clientHeight,c=K("."+Rx,this.tooltipEle),p=o.offsetWidth,f=o.offsetHeight;this.tooltipEle.style.display="",this.tipClass===DE||this.tipClass===Q2?(this.tipClass===DE?(l="99.9%",c.style.top="-"+(f-2)+"px"):(l=-(f-1)+"px",c.style.top="-"+(f-6)+"px"),t&&(a=(g="Center"!==r||h>t.offsetWidth||this.mouseTrail)&&"Left"===r||!g&&"End"===this.tipPointerPosition?h-p-2+"px":g&&"Right"===r||!g&&"Start"===this.tipPointerPosition?"2px":!g||"End"!==this.tipPointerPosition&&"Start"!==this.tipPointerPosition?h/2-p/2+"px":"End"===this.tipPointerPosition?t.offsetWidth+(this.tooltipEle.offsetWidth-t.offsetWidth)/2-p/2-2+"px":(this.tooltipEle.offsetWidth-t.offsetWidth)/2-p/2+2+"px")):(this.tipClass===z2?(a="99.9%",c.style.left="-"+(p-2)+"px"):(a=-(p-1)+"px",c.style.left=p-2-p+"px"),l=(g="Center"!==n||d>t.offsetHeight||this.mouseTrail)&&"Top"===n||!g&&"End"===this.tipPointerPosition?d-f-2+"px":g&&"Bottom"===n||!g&&"Start"===this.tipPointerPosition?"2px":d/2-f/2+"px"),o.style.top=l,o.style.left=a}},e.prototype.renderContent=function(t){var i=K("."+Kq,this.tooltipEle);if(this.cssClass&&M([this.tooltipEle],this.cssClass.split(" ")),t&&!u(t.getAttribute("title"))&&(t.setAttribute("data-content",t.getAttribute("title")),t.removeAttribute("title")),u(this.content))t&&!u(t.getAttribute("data-content"))&&(i.innerHTML=t.getAttribute("data-content"));else if(i.innerHTML="",this.content instanceof HTMLElement)i.appendChild(this.content);else if("string"==typeof this.content)this.enableHtmlSanitizer&&this.setProperties({content:je.sanitize(this.content)},!0),this.enableHtmlParse?(n=ut(this.content)({},this,"content",this.element.id+"content",void 0,void 0,i,this.root))&&Ke(n,i):i.textContent=this.content;else{var n;(n=ut(this.content)({},this,"content",this.element.id+"content",void 0,void 0,i))&&Ke(n,i),this.renderReactTemplates()}},e.prototype.renderCloseIcon=function(){if(this.isSticky){var i=this.createElement("div",{className:Wq+" "+Jq});this.tooltipEle.appendChild(i),I.add(i,D.touchStartEvent,this.onStickyClose,this)}else{var t=this.tooltipEle.querySelector("."+Wq+"."+Jq);t&&Ce(t)}},e.prototype.addDescribedBy=function(t,i){var r=(t.getAttribute("aria-describedby")||"").split(/\s+/);r.indexOf(i)<0&&r.push(i),ce(t,{"aria-describedby":r.join(" ").trim(),"data-tooltip-id":i})},e.prototype.removeDescribedBy=function(t){var i=t.getAttribute("data-tooltip-id"),r=(t.getAttribute("aria-describedby")||"").split(/\s+/),n=r.indexOf(i);-1!==n&&r.splice(n,1),t.removeAttribute("data-tooltip-id");var o=r.join(" ").trim();o?t.setAttribute("aria-describedby",o):t.removeAttribute("aria-describedby")},e.prototype.tapHoldHandler=function(t){clearTimeout(this.autoCloseTimer),this.targetHover(t.originalEvent)},e.prototype.touchEndHandler=function(t){var i=this;this.isSticky||(this.autoCloseTimer=setTimeout(function(){i.close()},1500))},e.prototype.targetClick=function(t){var i;!u(i=this.target?k(t.target,this.target):this.element)&&(null===i.getAttribute("data-tooltip-id")?this.targetHover(t):this.isSticky||this.hideTooltip(this.animation.close,t,i))},e.prototype.targetHover=function(t){var i;if(!(u(i=this.target?k(t.target,this.target):this.element)||null!==i.getAttribute("data-tooltip-id")&&0===this.closeDelay)){for(var n=0,o=[].slice.call(Te('[data-tooltip-id= "'+this.ctrlId+'_content"]',document));n0?this.showTimer=setTimeout(function(){o.mouseTrail&&I.add(i,"mousemove touchstart mouseenter",o.onMouseMove,o),o.popupObj&&(o.popupObj.show(a,i),o.mouseMoveEvent&&o.mouseTrail&&o.onMouseMove(o.mouseMoveEvent))},this.openDelay):this.popupObj&&this.popupObj.show(a,i)}n&&this.wireMouseEvents(n,i)},e.prototype.needTemplateReposition=function(){return!u(this.viewContainerRef)&&"string"!=typeof this.viewContainerRef||this.isReact},e.prototype.checkCollision=function(t,i,r){var n={left:i,top:r,position:this.position,horizontal:this.tooltipPositionX,vertical:this.tooltipPositionY},o=Nd(this.tooltipEle,this.checkCollideTarget(),i,r);return o.length>0&&(n.horizontal=o.indexOf("left")>=0?"Right":o.indexOf("right")>=0?"Left":this.tooltipPositionX,n.vertical=o.indexOf("top")>=0?"Bottom":o.indexOf("bottom")>=0?"Top":this.tooltipPositionY),n},e.prototype.calculateElementPosition=function(t,i){return[this.isBodyContainer?t.left+i.left:t.left-this.containerElement.getBoundingClientRect().left+i.left+window.pageXOffset+this.containerElement.scrollLeft,this.isBodyContainer?t.top+i.top:t.top-this.containerElement.getBoundingClientRect().top+i.top+window.pageYOffset+this.containerElement.scrollTop]},e.prototype.collisionFlipFit=function(t,i,r){var n=this.checkCollision(t,i,r),o=n.position;if(this.tooltipPositionY!==n.vertical&&(o=0===this.position.indexOf("Bottom")||0===this.position.indexOf("Top")?n.vertical+this.tooltipPositionX:this.tooltipPositionX+n.vertical),this.tooltipPositionX!==n.horizontal&&(0===o.indexOf("Left")&&(n.vertical="LeftTop"===o||"LeftCenter"===o?"Top":"Bottom",o=n.vertical+"Left"),0===o.indexOf("Right")&&(n.vertical="RightTop"===o||"RightCenter"===o?"Top":"Bottom",o=n.vertical+"Right"),n.horizontal=this.tooltipPositionX),this.tooltipEventArgs={type:null,cancel:!1,target:t,event:null,element:this.tooltipEle,collidedPosition:o},this.trigger("beforeCollision",this.tooltipEventArgs),this.tooltipEventArgs.cancel)o=this.position;else{var a=n.vertical,l=n.horizontal;if(n.position!==o){var h=js(t,l,a,!this.isBodyContainer,this.isBodyContainer?null:this.containerElement.getBoundingClientRect());this.adjustArrow(t,o,l,a);var d=this.getScalingFactor(t),c=this.calculateTooltipOffset(o,d.x,d.y);c.top-=this.getOffSetPosition("TopBottom",o,this.offsetY),c.left-=this.getOffSetPosition("RightLeft",o,this.offsetX),n.position=o;var p=this.calculateElementPosition(h,c);n.left=p[0],n.top=p[1]}else this.adjustArrow(t,o,l,a)}var f={left:n.left,top:n.top},g=this.isBodyContainer?g2(this.tooltipEle,this.checkCollideTarget(),{X:!0,Y:this.windowCollision},f):f;this.tooltipEle.style.display="block";var m=K("."+Bw,this.tooltipEle);if(this.showTipPointer&&null!=m&&(0===o.indexOf("Bottom")||0===o.indexOf("Top"))){var A=parseInt(m.style.left,10)-(g.left-n.left);A<0?A=0:A+m.offsetWidth>this.tooltipEle.clientWidth&&(A=this.tooltipEle.clientWidth-m.offsetWidth),m.style.left=A.toString()+"px"}return this.tooltipEle.style.display="",f.left=g.left,f.top=g.top,f},e.prototype.getOffSetPosition=function(t,i,r){return-1!==t.indexOf(this.position.split(/(?=[A-Z])/)[0])&&-1!==t.indexOf(i.split(/(?=[A-Z])/)[0])?2*r:0},e.prototype.checkCollideTarget=function(){return!this.windowCollision&&this.target?this.element:null},e.prototype.hideTooltip=function(t,i,r){var n=this;this.closeDelay>0?(clearTimeout(this.hideTimer),clearTimeout(this.showTimer),this.hideTimer=setTimeout(function(){n.closeDelay&&n.tooltipEle&&n.isTooltipOpen||n.tooltipHide(t,i,r)},this.closeDelay)):this.tooltipHide(t,i,r)},e.prototype.tooltipHide=function(t,i,r){var o,n=this;o=i?this.target?r||i.target:this.element:K('[data-tooltip-id= "'+this.ctrlId+'_content"]',document),this.tooltipEventArgs={type:i?i.type:null,cancel:!1,target:o,event:i||null,element:this.tooltipEle,isInteracted:!u(i)},this.trigger("beforeClose",this.tooltipEventArgs,function(a){a.cancel?n.isHidden=!1:(n.mouseMoveBeforeRemove(),n.popupHide(t,o,i))}),this.tooltipEventArgs=null},e.prototype.popupHide=function(t,i,r){i&&r&&this.restoreElement(i),this.isHidden=!0;var n={name:this.animation.close.effect,duration:t.duration,delay:t.delay,timingFunction:"easeIn"};"None"===t.effect&&(n=void 0),this.popupObj&&this.popupObj.hide(n)},e.prototype.restoreElement=function(t){this.unwireMouseEvents(t),u(t.getAttribute("data-content"))||(t.setAttribute("title",t.getAttribute("data-content")),t.removeAttribute("data-content")),this.removeDescribedBy(t)},e.prototype.clear=function(){var t=this.findTarget();t&&this.restoreElement(t),this.tooltipEle&&(R([this.tooltipEle],U2),M([this.tooltipEle],Fx)),this.isHidden&&(this.popupObj&&this.popupObj.destroy(),this.tooltipEle&&Ce(this.tooltipEle),this.tooltipEle=null,this.popupObj=null)},e.prototype.tooltipHover=function(t){this.tooltipEle&&(this.isTooltipOpen=!0)},e.prototype.tooltipMouseOut=function(t){this.isTooltipOpen=!1,this.hideTooltip(this.animation.close,t,this.findTarget())},e.prototype.onMouseOut=function(t){var i=t.relatedTarget;if(i&&!this.mouseTrail){var r=k(i,"."+O2+"."+Vx+"."+H2);r?I.add(r,"mouseleave",this.tooltipElementMouseOut,this):(this.hideTooltip(this.animation.close,t,this.findTarget()),0===this.closeDelay&&"None"==this.animation.close.effect&&this.clear())}else this.hideTooltip(this.animation.close,t,this.findTarget()),this.clear()},e.prototype.tooltipElementMouseOut=function(t){this.hideTooltip(this.animation.close,t,this.findTarget()),I.remove(this.element,"mouseleave",this.tooltipElementMouseOut),this.clear()},e.prototype.onStickyClose=function(t){this.close()},e.prototype.onMouseMove=function(t){var i=0,r=0;t.type.indexOf("touch")>-1?(t.preventDefault(),i=t.touches[0].pageX,r=t.touches[0].pageY):(i=t.pageX,r=t.pageY),An.stop(this.tooltipEle),R([this.tooltipEle],U2),M([this.tooltipEle],Fx),this.adjustArrow(t.target,this.position,this.tooltipPositionX,this.tooltipPositionY);var n=this.getScalingFactor(t.target),o=this.calculateTooltipOffset(this.position,n.x,n.y),h=this.checkCollision(t.target,i+o.left+this.offsetX,r+o.top+this.offsetY);if(this.tooltipPositionX!==h.horizontal||this.tooltipPositionY!==h.vertical){var d=0===this.position.indexOf("Bottom")||0===this.position.indexOf("Top")?h.vertical+h.horizontal:h.horizontal+h.vertical;h.position=d,this.adjustArrow(t.target,h.position,h.horizontal,h.vertical);var c=this.calculateTooltipOffset(h.position,n.x,n.y);h.left=i+c.left-this.offsetX,h.top=r+c.top-this.offsetY}this.tooltipEle.style.left=h.left+"px",this.tooltipEle.style.top=h.top+"px"},e.prototype.keyDown=function(t){this.tooltipEle&&27===t.keyCode&&this.close()},e.prototype.touchEnd=function(t){this.tooltipEle&&null===k(t.target,"."+_2)&&!this.isSticky&&this.close()},e.prototype.scrollHandler=function(t){this.tooltipEle&&!this.isSticky&&!k(t.target,"."+O2+"."+Vx+"."+H2)&&!this.isSticky&&this.close()},e.prototype.render=function(){this.initialize(),this.wireEvents(this.opensOn),this.renderComplete()},e.prototype.preRender=function(){this.tipClass=DE,this.tooltipPositionX="Center",this.tooltipPositionY="Top",this.isHidden=!0},e.prototype.wireEvents=function(t){for(var r=0,n=this.getTriggerList(t);r0)for(var i=0,r=t;i0)for(var i=0,r=t;i=360?0:o,o+=45}}(s,e)}(r,t);break;case"HighContrast":!function E1e(s,e,t){var i=Uf();Ma[""+i]={timeOut:0,type:"HighContrast",radius:e},Hx(s,i,aX),Gx(e,s,aX)}(r,t);break;case"Bootstrap4":!function v1e(s,e,t){var i=Uf();Ma[""+i]={timeOut:0,type:"Bootstrap4",radius:e},Ux(s,i,0,sX),jx(e,s,"Bootstrap4",sX)}(r,t);break;case"Bootstrap5":!function y1e(s,e,t){var i=Uf();Ma[""+i]={timeOut:0,type:"Bootstrap5",radius:e},Ux(s,i,0,oX),jx(e,s,"Bootstrap5",oX)}(r,t);break;case"Tailwind":case"Tailwind-dark":!function S1e(s,e,t){var i=Uf();Ma[""+i]={timeOut:0,type:"Tailwind",radius:e},Hx(s,i,nX),Gx(e,s,nX)}(r,t)}}(l,n.wrap,i),u(s.label)||function g1e(s,e,t){var i=t("div",{});i.classList.add("e-spin-label"),i.innerHTML=e,s.appendChild(i)}(n.inner_wrap,s.label,r)}else{var a=u(s.template)?null:s.template;n.wrap.classList.add(Qx),function hX(s,e,t){u(t)||s.classList.add(t),s.querySelector(".e-spinner-inner").innerHTML=e}(n.wrap,a,null)}n.wrap.classList.add(TE),n=null}}function x1e(s,e){var t=[],i=s,r=e,n=!1,o=1;return function a(l){t.push(l),(l!==r||1===o)&&(l<=i&&l>1&&!n?l=parseFloat((l-.2).toFixed(2)):1===l?(l=7,l=parseFloat((l+.2).toFixed(2)),n=!0):l<8&&n?8===(l=parseFloat((l+.2).toFixed(2)))&&(n=!1):l<=8&&!n&&(l=parseFloat((l-.2).toFixed(2))),++o,a(l))}(i),t}function Uf(){for(var s="",t=0;t<5;t++)s+="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(62*Math.random()));return s}function Hx(s,e,t,i){var r=document.createElementNS("http://www.w3.org/2000/svg","svg");r.setAttribute("id",e),r.setAttribute("class",t);var n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("class",Ox);var o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("class",p1e),s.insertBefore(r,s.firstChild),r.appendChild(n),r.appendChild(o)}function Ux(s,e,t,i){var r=document.createElementNS("http://www.w3.org/2000/svg","svg"),n=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("class",i),r.setAttribute("id",e),n.setAttribute("class",Ox),s.insertBefore(r,s.firstChild),r.appendChild(n)}function dX(s){(function P1e(s,e,t,i,r,n,o){var a=++o.globalInfo[o.uniqueID].previousId,l=(new Date).getTime(),h=e-s,d=function R1e(s){return parseFloat(s)}(2*o.globalInfo[o.uniqueID].radius+""),c=cX(d),p=-90*(o.globalInfo[o.uniqueID].count||0);!function f(m){var A=Math.max(0,Math.min((new Date).getTime()-l,i));(function g(m,A){if(!u(A.querySelector("svg.e-spin-material"))||!u(A.querySelector("svg.e-spin-material3"))){var v=void 0;if(u(A.querySelector("svg.e-spin-material"))||u(A.querySelector("svg.e-spin-material").querySelector("path.e-path-circle"))?!u(A.querySelector("svg.e-spin-material3"))&&!u(A.querySelector("svg.e-spin-material3").querySelector("path.e-path-circle"))&&(v=A.querySelector("svg.e-spin-material3")):v=A.querySelector("svg.e-spin-material"),!u(v)){var w=v.querySelector("path.e-path-circle");w.setAttribute("stroke-dashoffset",uX(d,c,m,n)+""),w.setAttribute("transform","rotate("+p+" "+d/2+" "+d/2+")")}}})(t(A,s,h,i),m.container),a===m.globalInfo[m.uniqueID].previousId&&A=h.length&&(c=0),Ma[d].timeOut=setTimeout(p.bind(null,h[c]),18))}(a)}}(n)}}e?it(t,[TE],[xE]):it(t,[xE],[TE]),s=null}}function ro(s){pX(s,!0),s=null}var U1e=function(){var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,r){i.__proto__=r}||function(i,r){for(var n in r)r.hasOwnProperty(n)&&(i[n]=r[n])})(e,t)};return function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}}(),Dw=function(s,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(s,e,t,i);else for(var a=s.length-1;a>=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};function kE(s,e){for(var t=ee({},s),i=0,r=Object.keys(t);i=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},Ho=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.isPopupCreated=!0,r}return Y1e(e,s),e.prototype.preRender=function(){},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},e.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},e.prototype.addItems=function(t,i){for(var r,n=this.items.length,o=0,a=this.items.length;o=0;l--)r=new Y2(this,"items",t[l],!0),this.items.splice(n,0,r);this.canOpen()||this.createItems()},e.prototype.removeItems=function(t,i){for(var r=!1,n=0,o=t.length;n-1?"bottom":"right")+" e-caret"}))},e.prototype.setActiveElem=function(t){this.activeElem=t},e.prototype.getModuleName=function(){return"dropdown-btn"},e.prototype.canOpen=function(){var t=!1;return this.isPopupCreated&&(t=this.getPopUpElement().classList.contains("e-popup-close")),t},e.prototype.destroy=function(){var i,t=this;s.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()&&(this.element.querySelector("span.e-caret")&&W(this.element.querySelector("span.e-caret")),this.cssClass&&(i=this.cssClass.split(" ")),this.button.destroy(),i&&R([this.element],i),R(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(n){t.element.removeAttribute(n)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},e.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var t=document.getElementById(this.getPopUpElement().id);t&&(R([t],["e-popup-open","e-popup-close"]),W(t))}I.remove(this.getPopUpElement(),"click",this.clickHandler),I.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1},e.prototype.getPopUpElement=function(){var t=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=Oo(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(t=this.dropDown.element),t},e.prototype.getULElement=function(){var t=null;return this.getPopUpElement()&&(t=this.getPopUpElement().children[0]),t},e.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||I.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),I.add(this.element,"click",this.clickHandler,this),I.add(this.element,"keydown",this.keyBoardHandler,this),I.add(window,"resize",this.windowResize,this)},e.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},e.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var t=this.getPopUpElement();this.createPopupOnClick&&I.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t&&(I.add(t,"click",this.clickHandler,this),I.add(t,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&I.add(t,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=on(t,{selector:".e-item"})},e.prototype.popupUnWireEvents=function(){var t=this.getPopUpElement();this.createPopupOnClick&&I.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t&&t.parentElement&&(I.remove(t,"click",this.clickHandler),I.remove(t,"keydown",this.keyBoardHandler),this.closeActionEvents&&I.remove(t,this.closeActionEvents,this.focusoutHandler)),cc&&this.rippleFn&&this.rippleFn()},e.prototype.keyBoardHandler=function(t){if(t.target!==this.element||9!==t.keyCode&&(t.altKey||40!==t.keyCode)&&38!==t.keyCode)switch(t.keyCode){case 38:case 40:!t.altKey||38!==t.keyCode&&40!==t.keyCode?this.upDownKeyHandler(t):this.keyEventHandler(t);break;case 9:case 13:case 27:case 32:this.keyEventHandler(t)}},e.prototype.upDownKeyHandler=function(t){this.target&&(38===t.keyCode||40===t.keyCode)||(t.preventDefault(),j1e(this.getULElement(),t.keyCode))},e.prototype.keyEventHandler=function(t){if(!this.target||13!==t.keyCode&&9!==t.keyCode){if(13===t.keyCode&&this.activeElem[0].classList.contains("e-split-btn"))return this.triggerSelect(t),void this.activeElem[0].focus();t.target&&t.target.className.indexOf("e-edit-template")>-1&&32===t.keyCode||(9!==t.keyCode&&t.preventDefault(),27===t.keyCode||38===t.keyCode||9===t.keyCode?this.canOpen()||this.closePopup(t,this.element):this.clickHandler(t))}},e.prototype.getLI=function(t){return"LI"===t.tagName?t:k(t,"li")},e.prototype.mousedownHandler=function(t){var i=t.target;this.dropDown&&!this.canOpen()&&!k(i,'[id="'+this.getPopUpElement().id+'"]')&&!k(i,'[id="'+this.element.id+'"]')&&this.closePopup(t)},e.prototype.focusoutHandler=function(t){if(this.isPopupCreated&&!this.canOpen()){var i=t.relatedTarget;if(i&&i.className.indexOf("e-item")>-1){var r=this.getLI(i);if(r){var n=Array.prototype.indexOf.call(this.getULElement().children,r),o=this.items[n];o&&this.trigger("select",{element:r,item:o,event:t})}}this.closePopup(t)}},e.prototype.clickHandler=function(t){var i=t.target;k(i,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(t):this.closePopup(t):this.isPopupCreated?this.closePopup(t,this.activeElem[0]):(this.createPopup(),this.openPopUp(t)):k(i,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(t.target)&&(this.triggerSelect(t),this.closePopup(t,this.activeElem[0]))},e.prototype.triggerSelect=function(t){var r,n,o=this.getLI(t.target);o&&(r=Array.prototype.indexOf.call(this.getULElement().children,o),(n=this.items[r])&&this.trigger("select",{element:o,item:n,event:t}))},e.prototype.openPopUp=function(t){var i=this;void 0===t&&(t=null);var r=this.getPopUpElement();if(this.target)if(this.activeElem.length>1){var n=Oo(this.activeElem[0],"split-btn");n.isReact&&r.childNodes.length<1&&(n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&r.childNodes.length<1&&(this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents(),this.trigger("beforeOpen",{element:o,items:this.items,event:t,cancel:!1},function(l){if(!l.cancel){var h=i.getULElement();if(i.dropDown.show(null,i.element),M([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),h&&h.focus(),i.enableRtl&&"0px"!==h.parentElement.style.left){var d;d=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var c=h.parentElement.offsetWidth-d,p=parseFloat(h.parentElement.style.left)-c;p<0&&(p=0),h.parentElement.style.left=p+"px"}i.trigger("open",{element:h,items:i.items})}})},e.prototype.closePopup=function(t,i){var r=this;void 0===t&&(t=null);var n=this.getULElement();this.trigger("beforeClose",{element:n,items:this.items,event:t,cancel:!1},function(a){if(a.cancel)n&&n.focus();else{var l=r.getPopUpElement();l&&I.remove(l,"keydown",r.keyBoardHandler),r.popupUnWireEvents();var h=r.getULElement(),d=void 0;h&&(d=h.querySelector(".e-selected")),d&&d.classList.remove("e-selected"),r.dropDown.hide(),R(r.activeElem,"e-active"),r.element.setAttribute("aria-expanded","false"),r.element.removeAttribute("aria-owns"),i&&i.focus(),r.trigger("close",{element:h,items:r.items}),!r.target&&h&&W(h),(!r.target||r.isColorPicker()||r.target&&!r.isColorPicker())&&r.createPopupOnClick&&r.destroyPopup()}})},e.prototype.unWireEvents=function(){this.createPopupOnClick||I.remove(document,"mousedown touchstart",this.delegateMousedownHandler),I.remove(this.element,"click",this.clickHandler),I.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(I.remove(this.getPopUpElement(),"click",this.clickHandler),I.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),I.remove(window,"resize",this.windowResize)},e.prototype.onPropertyChanged=function(t,i){var n;this.button.setProperties(kE(t,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(n=this.getPopUpElement(),this.dropDown.setProperties(kE(t,["enableRtl"])));for(var o=0,a=Object.keys(t);o-1||i.cssClass.indexOf("e-vertical")>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var h=this.element.querySelector("span.e-caret");t.cssClass.indexOf("e-vertical")>-1?it(h,["e-icon-bottom"],["e-icon-right"]):it(h,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&R([n],i.cssClass.split(" ")),t.cssClass&&M([n],t.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":t.createPopupOnClick?this.destroyPopup():this.createPopup()}},e.prototype.focusIn=function(){this.element.focus()},Fa([y("")],e.prototype,"content",void 0),Fa([y("")],e.prototype,"cssClass",void 0),Fa([y(!1)],e.prototype,"disabled",void 0),Fa([y("")],e.prototype,"iconCss",void 0),Fa([y("Left")],e.prototype,"iconPosition",void 0),Fa([y(!0)],e.prototype,"enableHtmlSanitizer",void 0),Fa([mn([],Y2)],e.prototype,"items",void 0),Fa([y(!1)],e.prototype,"createPopupOnClick",void 0),Fa([y("")],e.prototype,"target",void 0),Fa([y("")],e.prototype,"closeActionEvents",void 0),Fa([Q()],e.prototype,"beforeItemRender",void 0),Fa([Q()],e.prototype,"beforeOpen",void 0),Fa([Q()],e.prototype,"beforeClose",void 0),Fa([Q()],e.prototype,"close",void 0),Fa([Q()],e.prototype,"open",void 0),Fa([Q()],e.prototype,"select",void 0),Fa([Q()],e.prototype,"created",void 0),Fa([St],e)}(Ai),W1e=function(){var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,r){i.__proto__=r}||function(i,r){for(var n in r)r.hasOwnProperty(n)&&(i[n]=r[n])})(e,t)};return function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}}(),el=function(s,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(s,e,t,i);else for(var a=s.length-1;a>=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},Yx="e-rtl",W2="EJS-SPLITBUTTON",J1e=function(s){function e(t,i){return s.call(this,t,i)||this}return W1e(e,s),e.prototype.preRender=function(){var t=this.element;if(t.tagName===W2){for(var i=V("ej2_instances",t),r=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(W2,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,a=t.attributes.length;o-1&&(this.secondaryBtnObj.items=t.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(kE(t,r));for(var n=0,o=Object.keys(t);n0)for(var Ue=0;Ue0)for(Ue=0;Ue-1)if("class"===ot){var Ue=this.getInputValidClassList(q[""+ot]);""!==Ue&&M([le],Ue.split(" "))}else if("style"===ot){var qi=le.getAttribute(ot);qi=u(qi)?q[""+ot]:qi+q[""+ot],le.setAttribute(ot,qi)}else le.setAttribute(ot,q[""+ot])}},s.isBlank=function No(q){return!q||/^\s*$/.test(q)}}(se||(se={}));var X1e=function(){var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,r){i.__proto__=r}||function(i,r){for(var n in r)r.hasOwnProperty(n)&&(i[n]=r[n])})(e,t)};return function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}}(),us=function(s,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(s,e,t,i);else for(var a=s.length-1;a>=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},X2="e-input-group-icon",Z2="e-spin-up",$2="e-error",xw="increment",LE="decrement",eBe=new RegExp("^(-)?(\\d*)$"),mX="e-input-focus",AX=["title","style","class"],vX=0,Uo=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.isVue=!1,r.preventChange=!1,r.isAngular=!1,r.isDynamicChange=!1,r.numericOptions=t,r}return X1e(e,s),e.prototype.preRender=function(){this.isPrevFocused=!1,this.decimalSeparator=".",this.intRegExp=new RegExp("/^(-)?(d*)$/"),this.isCalled=!1;var t=V("ej2_instances",this.element);if(this.cloneElement=this.element.cloneNode(!0),R([this.cloneElement],["e-control","e-numerictextbox","e-lib"]),this.angularTagName=null,this.formEle=k(this.element,"form"),"EJS-NUMERICTEXTBOX"===this.element.tagName){this.angularTagName=this.element.tagName;for(var i=this.createElement("input"),r=0;r0?{name:this.cloneElement.id}:{name:this.inputName}),this.container.insertBefore(this.hiddenInput,this.container.childNodes[1]),this.updateDataAttribute(!1),null!==this.inputStyle&&ce(this.container,{style:this.inputStyle})},e.prototype.updateDataAttribute=function(t){var i={};if(t)i=this.htmlAttributes;else for(var r=0;r-1)if("class"===r){var n=this.getNumericValidClassList(this.htmlAttributes[""+r]);""!==n&&M([this.container],n.split(" "))}else if("style"===r){var o=this.container.getAttribute(r);o=u(o)?this.htmlAttributes[""+r]:o+this.htmlAttributes[""+r],this.container.setAttribute(r,o)}else this.container.setAttribute(r,this.htmlAttributes[""+r])}},e.prototype.setElementWidth=function(t){u(t)||("number"==typeof t?this.container.style.width=fe(t):"string"==typeof t&&(this.container.style.width=t.match(/px|%|em/)?t:fe(t)))},e.prototype.spinBtnCreation=function(){this.spinDown=se.appendSpan(X2+" e-spin-down",this.container,this.createElement),ce(this.spinDown,{title:this.l10n.getConstant("decrementTitle")}),this.spinUp=se.appendSpan(X2+" "+Z2,this.container,this.createElement),ce(this.spinUp,{title:this.l10n.getConstant("incrementTitle")}),this.wireSpinBtnEvents()},e.prototype.validateMinMax=function(){"number"==typeof this.min&&!isNaN(this.min)||this.setProperties({min:-Number.MAX_VALUE},!0),"number"==typeof this.max&&!isNaN(this.max)||this.setProperties({max:Number.MAX_VALUE},!0),null!==this.decimals&&(this.min!==-Number.MAX_VALUE&&this.setProperties({min:this.instance.getNumberParser({format:"n"})(this.formattedValue(this.decimals,this.min))},!0),this.max!==Number.MAX_VALUE&&this.setProperties({max:this.instance.getNumberParser({format:"n"})(this.formattedValue(this.decimals,this.max))},!0)),this.setProperties({min:this.min>this.max?this.max:this.min},!0),this.min!==-Number.MAX_VALUE&&ce(this.element,{"aria-valuemin":this.min.toString()}),this.max!==Number.MAX_VALUE&&ce(this.element,{"aria-valuemax":this.max.toString()})},e.prototype.formattedValue=function(t,i){return this.instance.getNumberFormat({maximumFractionDigits:t,minimumFractionDigits:t,useGrouping:!1})(i)},e.prototype.validateStep=function(){null!==this.decimals&&this.setProperties({step:this.instance.getNumberParser({format:"n"})(this.formattedValue(this.decimals,this.step))},!0)},e.prototype.action=function(t,i){this.isInteract=!0;var r=this.isFocused?this.instance.getNumberParser({format:"n"})(this.element.value):this.value;this.changeValue(this.performAction(r,this.step,t)),this.raiseChangeEvent(i)},e.prototype.checkErrorClass=function(){this.isValidState?R([this.container],$2):M([this.container],$2),ce(this.element,{"aria-invalid":this.isValidState?"false":"true"})},e.prototype.bindClearEvent=function(){this.showClearButton&&I.add(this.inputWrapper.clearButton,"mousedown touchstart",this.resetHandler,this)},e.prototype.resetHandler=function(t){t.preventDefault(),(!this.inputWrapper.clearButton.classList.contains("e-clear-icon-hide")||this.inputWrapper.container.classList.contains("e-static-clear"))&&this.clear(t),this.isInteract=!0,this.raiseChangeEvent(t)},e.prototype.clear=function(t){if(this.setProperties({value:null},!0),this.setElementValue(""),this.hiddenInput.value="",k(this.element,"form")){var r=this.element.nextElementSibling,n=document.createEvent("KeyboardEvent");n.initEvent("keyup",!1,!0),r.dispatchEvent(n)}},e.prototype.resetFormHandler=function(){this.updateValue("EJS-NUMERICTEXTBOX"===this.element.tagName?null:this.inputEleValue)},e.prototype.setSpinButton=function(){u(this.spinDown)||ce(this.spinDown,{title:this.l10n.getConstant("decrementTitle"),"aria-label":this.l10n.getConstant("decrementTitle")}),u(this.spinUp)||ce(this.spinUp,{title:this.l10n.getConstant("incrementTitle"),"aria-label":this.l10n.getConstant("incrementTitle")})},e.prototype.wireEvents=function(){I.add(this.element,"focus",this.focusHandler,this),I.add(this.element,"blur",this.focusOutHandler,this),I.add(this.element,"keydown",this.keyDownHandler,this),I.add(this.element,"keyup",this.keyUpHandler,this),I.add(this.element,"input",this.inputHandler,this),I.add(this.element,"keypress",this.keyPressHandler,this),I.add(this.element,"change",this.changeHandler,this),I.add(this.element,"paste",this.pasteHandler,this),this.enabled&&(this.bindClearEvent(),this.formEle&&I.add(this.formEle,"reset",this.resetFormHandler,this))},e.prototype.wireSpinBtnEvents=function(){I.add(this.spinUp,D.touchStartEvent,this.mouseDownOnSpinner,this),I.add(this.spinDown,D.touchStartEvent,this.mouseDownOnSpinner,this),I.add(this.spinUp,D.touchEndEvent,this.mouseUpOnSpinner,this),I.add(this.spinDown,D.touchEndEvent,this.mouseUpOnSpinner,this),I.add(this.spinUp,D.touchMoveEvent,this.touchMoveOnSpinner,this),I.add(this.spinDown,D.touchMoveEvent,this.touchMoveOnSpinner,this)},e.prototype.unwireEvents=function(){I.remove(this.element,"focus",this.focusHandler),I.remove(this.element,"blur",this.focusOutHandler),I.remove(this.element,"keyup",this.keyUpHandler),I.remove(this.element,"input",this.inputHandler),I.remove(this.element,"keydown",this.keyDownHandler),I.remove(this.element,"keypress",this.keyPressHandler),I.remove(this.element,"change",this.changeHandler),I.remove(this.element,"paste",this.pasteHandler),this.formEle&&I.remove(this.formEle,"reset",this.resetFormHandler)},e.prototype.unwireSpinBtnEvents=function(){I.remove(this.spinUp,D.touchStartEvent,this.mouseDownOnSpinner),I.remove(this.spinDown,D.touchStartEvent,this.mouseDownOnSpinner),I.remove(this.spinUp,D.touchEndEvent,this.mouseUpOnSpinner),I.remove(this.spinDown,D.touchEndEvent,this.mouseUpOnSpinner),I.remove(this.spinUp,D.touchMoveEvent,this.touchMoveOnSpinner),I.remove(this.spinDown,D.touchMoveEvent,this.touchMoveOnSpinner)},e.prototype.changeHandler=function(t){t.stopPropagation(),this.element.value.length||this.setProperties({value:null},!0);var i=this.instance.getNumberParser({format:"n"})(this.element.value);this.updateValue(i,t)},e.prototype.raiseChangeEvent=function(t){if(this.inputValue=u(this.inputValue)||isNaN(this.inputValue)?null:this.inputValue,this.prevValue!==this.value||this.prevValue!==this.inputValue){var i={};this.changeEventArgs={value:this.value,previousValue:this.prevValue,isInteracted:this.isInteract,isInteraction:this.isInteract,event:t},t&&(this.changeEventArgs.event=t),void 0===this.changeEventArgs.event&&(this.changeEventArgs.isInteracted=!1,this.changeEventArgs.isInteraction=!1),Es(i,this.changeEventArgs),this.prevValue=this.value,this.isInteract=!1,this.elementPrevValue=this.element.value,this.preventChange=!1,this.trigger("change",i)}},e.prototype.pasteHandler=function(){var t=this;if(this.enabled&&!this.readonly){var i=this.element.value;setTimeout(function(){t.numericRegex().test(t.element.value)||t.setElementValue(i)})}},e.prototype.preventHandler=function(){var t=this,i=!!navigator.platform&&/iPad|iPhone|iPod/.test(navigator.platform);setTimeout(function(){if(t.element.selectionStart>0){var r=t.element.selectionStart,n=t.element.selectionStart-1,a=t.element.value.split(""),h=V("decimal",cE(t.locale)),d=h.charCodeAt(0);" "===t.element.value[n]&&t.element.selectionStart>0&&!i?(u(t.prevVal)?t.element.value=t.element.value.trim():0!==n?t.element.value=t.prevVal:0===n&&(t.element.value=t.element.value.trim()),t.element.setSelectionRange(n,n)):isNaN(parseFloat(t.element.value[t.element.selectionStart-1]))&&45!==t.element.value[t.element.selectionStart-1].charCodeAt(0)?(a.indexOf(t.element.value[t.element.selectionStart-1])!==a.lastIndexOf(t.element.value[t.element.selectionStart-1])&&t.element.value[t.element.selectionStart-1].charCodeAt(0)===d||t.element.value[t.element.selectionStart-1].charCodeAt(0)!==d)&&(t.element.value=t.element.value.substring(0,n)+t.element.value.substring(r,t.element.value.length),t.element.setSelectionRange(n,n),isNaN(parseFloat(t.element.value[t.element.selectionStart-1]))&&t.element.selectionStart>0&&t.element.value.length&&t.preventHandler()):isNaN(parseFloat(t.element.value[t.element.selectionStart-2]))&&t.element.selectionStart>1&&45!==t.element.value[t.element.selectionStart-2].charCodeAt(0)&&(a.indexOf(t.element.value[t.element.selectionStart-2])!==a.lastIndexOf(t.element.value[t.element.selectionStart-2])&&t.element.value[t.element.selectionStart-2].charCodeAt(0)===d||t.element.value[t.element.selectionStart-2].charCodeAt(0)!==d)&&(t.element.setSelectionRange(n,n),t.nextEle=t.element.value[t.element.selectionStart],t.cursorPosChanged=!0,t.preventHandler()),!0===t.cursorPosChanged&&t.element.value[t.element.selectionStart]===t.nextEle&&isNaN(parseFloat(t.element.value[t.element.selectionStart-1]))&&(t.element.setSelectionRange(t.element.selectionStart+1,t.element.selectionStart+1),t.cursorPosChanged=!1,t.nextEle=null),""===t.element.value.trim()&&t.element.setSelectionRange(0,0),t.element.selectionStart>0&&(45===t.element.value[t.element.selectionStart-1].charCodeAt(0)&&t.element.selectionStart>1&&(t.element.value=u(t.prevVal)?t.element.value:t.prevVal,t.element.setSelectionRange(t.element.selectionStart,t.element.selectionStart)),t.element.value[t.element.selectionStart-1]===h&&0===t.decimals&&t.validateDecimalOnType&&(t.element.value=t.element.value.substring(0,n)+t.element.value.substring(r,t.element.value.length))),t.prevVal=t.element.value}})},e.prototype.keyUpHandler=function(){if(this.enabled&&!this.readonly){(!navigator.platform||!/iPad|iPhone|iPod/.test(navigator.platform))&&D.isDevice&&this.preventHandler();var i=this.instance.getNumberParser({format:"n"})(this.element.value);if(i=null===i||isNaN(i)?null:i,this.hiddenInput.value=i||0===i?i.toString():null,k(this.element,"form")){var n=this.element.nextElementSibling,o=document.createEvent("KeyboardEvent");o.initEvent("keyup",!1,!0),n.dispatchEvent(o)}}},e.prototype.inputHandler=function(t){if(this.enabled&&!this.readonly){var r=!!navigator.platform&&/iPad|iPhone|iPod/.test(navigator.platform);if((navigator.userAgent.toLowerCase().indexOf("firefox")>-1||r)&&D.isDevice&&this.preventHandler(),this.isAngular&&this.element.value!==V("decimal",cE(this.locale))&&this.element.value!==V("minusSign",cE(this.locale))){var o=this.instance.getNumberParser({format:"n"})(this.element.value);o=isNaN(o)?null:o,this.localChange({value:o}),this.preventChange=!0}if(this.isVue){var a=this.instance.getNumberParser({format:"n"})(this.element.value),l=this.instance.getNumberParser({format:"n"})(this.elementPrevValue);(new RegExp("[^0-9]+$").test(this.element.value)||(-1!==this.elementPrevValue.indexOf(".")||-1!==this.elementPrevValue.indexOf("-"))&&"0"===this.element.value[this.element.value.length-1])&&(a=this.value);var d={event:t,value:null===a||isNaN(a)?null:a,previousValue:null===l||isNaN(l)?null:l};this.preventChange=!0,this.elementPrevValue=this.element.value,this.trigger("input",d)}}},e.prototype.keyDownHandler=function(t){if(!this.readonly)switch(t.keyCode){case 38:t.preventDefault(),this.action(xw,t);break;case 40:t.preventDefault(),this.action(LE,t)}},e.prototype.performAction=function(t,i,r){(null===t||isNaN(t))&&(t=0);var n=r===xw?t+i:t-i;return n=this.correctRounding(t,i,n),this.strictMode?this.trimValue(n):n},e.prototype.correctRounding=function(t,i,r){var n=new RegExp("[,.](.*)"),o=n.test(t.toString()),a=n.test(i.toString());if(o||a){var l=o?n.exec(t.toString())[0].length:0,h=a?n.exec(i.toString())[0].length:0,d=Math.max(l,h);return this.roundValue(r,d)}return r},e.prototype.roundValue=function(t,i){i=i||0;var r=Math.pow(10,i);return Math.round(t*=r)/r},e.prototype.updateValue=function(t,i){i&&(this.isInteract=!0),null!==t&&!isNaN(t)&&this.decimals&&(t=this.roundNumber(t,this.decimals)),this.inputValue=t,this.changeValue(null===t||isNaN(t)?null:this.strictMode?this.trimValue(t):t),this.isDynamicChange||this.raiseChangeEvent(i)},e.prototype.updateCurrency=function(t,i){We(t,i,this.cultureInfo),this.updateValue(this.value)},e.prototype.changeValue=function(t){if(t||0===t){var i=this.getNumberOfDecimals(t);this.setProperties({value:this.roundNumber(t,i)},!0)}else this.setProperties({value:t=null},!0);this.modifyText(),this.strictMode||this.validateState()},e.prototype.modifyText=function(){if(this.value||0===this.value){var t=this.formatNumber(),i=this.isFocused?t:this.instance.getNumberFormat(this.cultureInfo)(this.value);this.setElementValue(i),ce(this.element,{"aria-valuenow":t}),this.hiddenInput.value=this.value.toString(),null!==this.value&&this.serverDecimalSeparator&&(this.hiddenInput.value=this.hiddenInput.value.replace(".",this.serverDecimalSeparator))}else this.setElementValue(""),this.element.removeAttribute("aria-valuenow"),this.hiddenInput.value=null},e.prototype.setElementValue=function(t,i){se.setValue(t,i||this.element,this.floatLabelType,this.showClearButton)},e.prototype.validateState=function(){this.isValidState=!0,(this.value||0===this.value)&&(this.isValidState=!(this.value>this.max||this.valuethis.max?this.max:t0?this.action(xw,t):i<0&&this.action(LE,t),this.cancelEvent(t)},e.prototype.focusHandler=function(t){var i=this;if(clearTimeout(vX),this.focusEventArgs={event:t,value:this.value,container:this.container},this.trigger("focus",this.focusEventArgs),this.enabled&&!this.readonly){if(this.isFocused=!0,R([this.container],$2),this.prevValue=this.value,this.value||0===this.value){var r=this.formatNumber();this.setElementValue(r),this.isPrevFocused||(D.isDevice||"11.0"!==D.info.version?vX=setTimeout(function(){i.element.setSelectionRange(0,r.length)},D.isDevice&&D.isIos?600:0):this.element.setSelectionRange(0,r.length))}D.isDevice||I.add(this.element,"mousewheel DOMMouseScroll",this.mouseWheel,this)}},e.prototype.focusOutHandler=function(t){var i=this;if(this.blurEventArgs={event:t,value:this.value,container:this.container},this.trigger("blur",this.blurEventArgs),this.enabled&&!this.readonly){if(this.isPrevFocused){if(t.preventDefault(),D.isDevice){var r=this.element.value;this.element.focus(),this.isPrevFocused=!1;var n=this.element;setTimeout(function(){i.setElementValue(r,n)},200)}}else{this.isFocused=!1,this.element.value.length||this.setProperties({value:null},!0);var o=this.instance.getNumberParser({format:"n"})(this.element.value);this.updateValue(o),D.isDevice||I.remove(this.element,"mousewheel DOMMouseScroll",this.mouseWheel)}if(k(this.element,"form")){var l=this.element.nextElementSibling,h=document.createEvent("FocusEvent");h.initEvent("focusout",!1,!0),l.dispatchEvent(h)}}},e.prototype.mouseDownOnSpinner=function(t){var i=this;if(this.isFocused&&(this.isPrevFocused=!0,t.preventDefault()),this.getElementData(t)){this.getElementData(t);var n=t.currentTarget,o=n.classList.contains(Z2)?xw:LE;I.add(n,"mouseleave",this.mouseUpClick,this),this.timeOut=setInterval(function(){i.isCalled=!0,i.action(o,t)},150),I.add(document,"mouseup",this.mouseUpClick,this)}},e.prototype.touchMoveOnSpinner=function(t){var i;if("touchmove"===t.type){var r=t.touches;i=r.length&&document.elementFromPoint(r[0].pageX,r[0].pageY)}else i=document.elementFromPoint(t.clientX,t.clientY);i.classList.contains(X2)||clearInterval(this.timeOut)},e.prototype.mouseUpOnSpinner=function(t){if(this.prevValue=this.value,this.isPrevFocused&&(this.element.focus(),D.isDevice||(this.isPrevFocused=!1)),D.isDevice||t.preventDefault(),this.getElementData(t)){var i=t.currentTarget,r=i.classList.contains(Z2)?xw:LE;if(I.remove(i,"mouseleave",this.mouseUpClick),this.isCalled||this.action(r,t),this.isCalled=!1,I.remove(document,"mouseup",this.mouseUpClick),k(this.element,"form")){var o=this.element.nextElementSibling,a=document.createEvent("KeyboardEvent");a.initEvent("keyup",!1,!0),o.dispatchEvent(a)}}},e.prototype.getElementData=function(t){return!(t.which&&3===t.which||t.button&&2===t.button||!this.enabled||this.readonly||(clearInterval(this.timeOut),0))},e.prototype.floatLabelTypeUpdate=function(){se.removeFloating(this.inputWrapper);var t=this.hiddenInput;this.hiddenInput.remove(),se.addFloating(this.element,this.floatLabelType,this.placeholder,this.createElement),this.container.insertBefore(t,this.container.childNodes[1])},e.prototype.mouseUpClick=function(t){t.stopPropagation(),clearInterval(this.timeOut),this.isCalled=!1,this.spinUp&&I.remove(this.spinUp,"mouseleave",this.mouseUpClick),this.spinDown&&I.remove(this.spinDown,"mouseleave",this.mouseUpClick)},e.prototype.increment=function(t){void 0===t&&(t=this.step),this.isInteract=!1,this.changeValue(this.performAction(this.value,t,xw)),this.raiseChangeEvent()},e.prototype.decrement=function(t){void 0===t&&(t=this.step),this.isInteract=!1,this.changeValue(this.performAction(this.value,t,LE)),this.raiseChangeEvent()},e.prototype.destroy=function(){this.unwireEvents(),this.showClearButton&&(this.clearButton=document.getElementsByClassName("e-clear-icon")[0]),W(this.hiddenInput),this.showSpinButton&&(this.unwireSpinBtnEvents(),W(this.spinUp),W(this.spinDown));for(var t=["aria-labelledby","role","autocomplete","aria-readonly","aria-disabled","autocapitalize","spellcheck","aria-autocomplete","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-invalid"],i=0;i1){var r=!1;for(i=0;i=1&&(i=e),i-=n=this.hiddenMask.length-this.promptMask.length,e>0&&"\\"!==this.hiddenMask[e-1]&&(">"===this.hiddenMask[e]||"<"===this.hiddenMask[e]||"|"===this.hiddenMask[e])&&(this.promptMask=this.promptMask.substring(0,i)+this.promptMask.substring(e+1-n,this.promptMask.length),this.escapeMaskValue=this.escapeMaskValue.substring(0,i)+this.escapeMaskValue.substring(e+1-n,this.escapeMaskValue.length)),"\\"===this.hiddenMask[e]&&(this.promptMask=this.promptMask.substring(0,i)+this.hiddenMask[e+1]+this.promptMask.substring(e+2-n,this.promptMask.length),this.escapeMaskValue=this.escapeMaskValue.substring(0,i)+this.escapeMaskValue[e+1]+this.escapeMaskValue.substring(e+2-n,this.escapeMaskValue.length));else this.promptMask=this.promptMask.replace(/[>|<]/g,""),this.escapeMaskValue=this.hiddenMask.replace(/[>|<]/g,"");ce(this.element,{"aria-invalid":"false"})}}function bX(){Pn.call(this,this.promptMask),Xx.call(this,this.value)}function SX(){I.add(this.element,"keydown",RX,this),I.add(this.element,"keypress",_X,this),I.add(this.element,"keyup",OX,this),I.add(this.element,"input",PX,this),I.add(this.element,"focus",xX,this),I.add(this.element,"blur",TX,this),I.add(this.element,"paste",kX,this),I.add(this.element,"cut",NX,this),I.add(this.element,"drop",LX,this),I.add(this.element,"mousedown",MX,this),I.add(this.element,"mouseup",DX,this),this.enabled&&(EX.call(this),this.formElement&&I.add(this.formElement,"reset",IX,this))}function eQ(){I.remove(this.element,"keydown",RX),I.remove(this.element,"keypress",_X),I.remove(this.element,"keyup",OX),I.remove(this.element,"input",PX),I.remove(this.element,"focus",xX),I.remove(this.element,"blur",TX),I.remove(this.element,"paste",kX),I.remove(this.element,"drop",LX),I.remove(this.element,"cut",NX),I.remove(this.element,"mousedown",MX),I.remove(this.element,"mouseup",DX),this.formElement&&I.remove(this.formElement,"reset",IX)}function EX(){this.showClearButton&&I.add(this.inputObj.clearButton,"mousedown touchstart",lBe,this)}function lBe(s){s.preventDefault(),(!this.inputObj.clearButton.classList.contains("e-clear-icon-hide")||this.inputObj.container.classList.contains("e-static-clear"))&&(hBe.call(this,s),this.value="")}function hBe(s){var e=this.element.value;Pn.call(this,this.promptMask),this.redoCollec.unshift({value:this.promptMask,startIndex:this.element.selectionStart,endIndex:this.element.selectionEnd}),jf.call(this,s,e),this.element.setSelectionRange(0,0)}function IX(){"EJS-MASKEDTEXTBOX"===this.element.tagName?Pn.call(this,this.promptMask):this.value=this.initInputValue}function BX(s){return s.value}function mu(s,e){var t="",i=0,r=!1,n=!u(e)||u(s)||u(this)?e:s.value;if(n!==this.promptMask)for(var o=0;o"===this.customRegExpCollec[i]||"<"===this.customRegExpCollec[i]||"|"===this.customRegExpCollec[i]||"\\"===this.customRegExpCollec[i])&&(--o,r=!0),r||n[o]!==this.promptChar&&!u(this.customRegExpCollec[i])&&(this._callPasteHandler||!u(this.regExpCollec[this.customRegExpCollec[i]])||this.customRegExpCollec[i].length>2&&"["===this.customRegExpCollec[i][0]&&"]"===this.customRegExpCollec[i][this.customRegExpCollec[i].length-1]||!u(this.customCharacters)&&!u(this.customCharacters[this.customRegExpCollec[i]]))&&""!==n&&(t+=n[o]),++i;return(null===this.mask||""===this.mask&&void 0!==this.value)&&(t=n),t}function tQ(s){for(var e=0;e=0;h--){if(t.value[h]===e.promptChar){o=!0;break}if(t.value[h]!==e.promptMask[h]){o=!1;break}}}),this.isClicked||"Always"!==this.floatLabelType&&(null===r||""===r)&&null!==this.placeholder&&""!==this.placeholder)){for(i=0;i0&&e.redoCollec[0].value===e.element.value&&(n=mu.call(e,e.element)),Pn.call(e,r),e.element.selectionStart=t,e.element.selectionEnd=i;var o=0;e.maskKeyPress=!0;do{Dm.call(e,n[o],!1,null),++o}while(othis.promptMask.length){var t=this.element.selectionStart,r=this.element.value.substring(t-(this.element.value.length-this.promptMask.length),t);this.maskKeyPress=!1;var n=0;do{Dm.call(this,r[n],s.ctrlKey,s),++n}while(n0&&e!==this.undoCollec[this.undoCollec.length-1].value?(t=this.undoCollec[this.undoCollec.length-1],this.redoCollec.unshift({value:this.element.value,startIndex:this.element.selectionStart,endIndex:this.element.selectionEnd}),Pn.call(this,t.value),this.element.selectionStart=t.startIndex,this.element.selectionEnd=t.endIndex,this.undoCollec.splice(this.undoCollec.length-1,1)):89===s.keyCode&&this.redoCollec.length>0&&e!==this.redoCollec[0].value&&(t=this.redoCollec[0],this.undoCollec.push({value:this.element.value,startIndex:this.element.selectionStart,endIndex:this.element.selectionEnd}),Pn.call(this,t.value),this.element.selectionStart=t.startIndex,this.element.selectionEnd=t.endIndex,this.redoCollec.splice(0,1))}}}function cBe(){var s,e=this.element.selectionStart,t=this.element.selectionEnd;this.redoCollec.length>0?(Pn.call(this,(s=this.redoCollec[0]).value),s.startIndex-e==1?(this.element.selectionStart=s.startIndex,this.element.selectionEnd=s.endIndex):(this.element.selectionStart=e+1,this.element.selectionEnd=t+1)):(Pn.call(this,this.promptMask),this.element.selectionStart=this.element.selectionEnd=e)}function FX(s,e,t){return"input"===t.type&&(s=!1,e=this.element.value,Pn.call(this,this.promptMask),Xx.call(this,e)),s}function VX(s){var t,e=!1,i=!1;this.element.value.length=this.promptMask.length&&"input"===s.type&&(e=FX.call(this,e,t,s));var r=this.element.selectionStart,n=this.element.selectionEnd,o=this.element.selectionStart,a=this.element.selectionEnd,l=this.hiddenMask.replace(/[>|\\<]/g,""),h=l[o-1],d=this.element.selectionEnd;if(e||8===s.keyCode||46===s.keyCode){this.undoCollec.push({value:this.element.value,startIndex:this.element.selectionStart,endIndex:a});var c=!1,p=this.element.value;if(o>0||(8===s.keyCode||46===s.keyCode)&&of:g0:mthis.promptMask.length){var i=this.element.selectionStart,r=this.element.value.length-this.promptMask.length,n=this.element.value.substring(i-r,i);if(this.undoCollec.length>0){var o=this.element.selectionStart;t=(e=this.undoCollec[this.undoCollec.length-1]).value;var a=e.value.substring(o-r,o);e=this.redoCollec[0],n=n.trim();var l=D.isAndroid&&""===n;l||a===n||e.value.substring(o-r,o)===n?l&&QX.call(this,s,o-1,this.element.selectionEnd-1,n,s.ctrlKey,!1):Dm.call(this,n,s.ctrlKey,s)}else t=this.promptMask,Dm.call(this,n,s.ctrlKey,s);this.maskKeyPress=!1,jf.call(this,s,t)}}var h=mu.call(this,this.element);(0!==this.element.selectionStart||this.promptMask!==this.element.value||""!==h||""===h&&this.value!==h)&&(this.prevValue=h,this.value=h)}else jf.call(this,s);if(0===this.element.selectionStart&&0===this.element.selectionEnd){var d=this.element;setTimeout(function(){d.setSelectionRange(0,0)},0)}}function uBe(s){if(s.length>1&&this.promptMask.length+s.length0?(Pn.call(this,l=this.redoCollec[0].value),this.undoCollec.push(this.redoCollec[0])):(this.undoCollec.push({value:this.promptMask,startIndex:i,endIndex:i}),Pn.call(this,l=this.promptMask)),this.element.selectionStart=v,this.element.selectionEnd=w}fBe.call(this,t,i=this.element.selectionStart,p,l,d),h=!0,c===s.length-1&&this.redoCollec.unshift({value:this.element.value,startIndex:this.element.selectionStart,endIndex:this.element.selectionEnd}),o=!1}else QX.call(this,t,i=this.element.selectionStart,r,s,e,h);c===s.length-1&&!o&&(!D.isAndroid||D.isAndroid&&ithis.promptMask.length&&(t=gBe.call(this,t,this.element.value)),!r){var n=this.element.value,o=n.substring(0,e)+t+n.substring(e+1,n.length);Pn.call(this,o),this.element.selectionStart=this.element.selectionEnd=e+1}}function QX(s,e,t,i,r,n){if(!this.maskKeyPress){var o=this.element.value;e>=this.promptMask.length?Pn.call(this,o.substring(0,e)):(Pn.call(this,t===e?o.substring(0,e)+o.substring(e+1,o.length):this.promptMask.length===this.element.value.length?o.substring(0,e)+o.substring(e,o.length):o.substring(0,t)+o.substring(t+1,o.length)),this.element.selectionStart=this.element.selectionEnd=n||this.element.value[t]!==this.promptChar?e:t),rQ.call(this)}1===i.length&&!r&&!u(s)&&rQ.call(this)}function rQ(){var s=this,e=this.element.parentNode,t=200;e.classList.contains(sBe)||e.classList.contains(oBe)?M([e],Kx):M([this.element],Kx),!0===this.isIosInvalid&&(t=400),ce(this.element,{"aria-invalid":"true"}),setTimeout(function(){s.maskKeyPress||zX.call(s)},t)}function zX(){var s=this.element.parentNode;u(s)||R([s],Kx),R([this.element],Kx),ce(this.element,{"aria-invalid":"false"})}function gBe(s,e){var t,i,r=e,n=0;for(i=0;i"===this.hiddenMask[i]||"<"===this.hiddenMask[i]||"|"===this.hiddenMask[i])&&(this.hiddenMask[i]!==r[i]&&(t=r.substring(0,i)+this.hiddenMask[i]+r.substring(i,r.length)),++n),t){if(t[i]===this.promptChar&&i>this.element.selectionStart||this.element.value.indexOf(this.promptChar)<0&&this.element.selectionStart+n===i){n=0;break}r=t}for(;i>=0&&t;){if(0===i||"\\"!==t[i-1]){if(">"===t[i]){s=s.toUpperCase();break}if("<"===t[i]){s=s.toLowerCase();break}if("|"===t[i])break}--i}return s}function Xx(s){if(this.mask&&void 0!==s&&(void 0===this.prevValue||this.prevValue!==s)){if(this.maskKeyPress=!0,Pn.call(this,this.promptMask),""!==s&&!(null===s&&"Never"===this.floatLabelType&&this.placeholder)&&(this.element.selectionStart=0,this.element.selectionEnd=0),null!==s)for(var e=0;e=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},jX="e-input-focus",GX=["title","style","class"],YX=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.initInputValue="",r.isAngular=!1,r.preventChange=!1,r.isClicked=!1,r.maskOptions=t,r}return mBe(e,s),e.prototype.getModuleName=function(){return"maskedtextbox"},e.prototype.preRender=function(){this.promptMask="",this.hiddenMask="",this.escapeMaskValue="",this.regExpCollec=wX,this.customRegExpCollec=[],this.undoCollec=[],this.redoCollec=[],this.changeEventArgs={},this.focusEventArgs={},this.blurEventArgs={},this.maskKeyPress=!1,this.isFocus=!1,this.isInitial=!1,this.isIosInvalid=!1;var t=V("ej2_instances",this.element);if(this.cloneElement=this.element.cloneNode(!0),R([this.cloneElement],["e-control","e-maskedtextbox","e-lib"]),this.angularTagName=null,this.formElement=k(this.element,"form"),"EJS-MASKEDTEXTBOX"===this.element.tagName){this.angularTagName=this.element.tagName;for(var i=this.createElement("input"),r=0;r-1)if("class"===r){var n=this.htmlAttributes[""+r].replace(/\s+/g," ").trim();""!==n&&M([this.inputObj.container],n.split(" "))}else if("style"===r){var o=this.inputObj.container.getAttribute(r);o=u(o)?this.htmlAttributes[""+r]:o+this.htmlAttributes[""+r],this.inputObj.container.setAttribute(r,o)}else this.inputObj.container.setAttribute(r,this.htmlAttributes[""+r])}},e.prototype.resetMaskedTextBox=function(){this.promptMask="",this.hiddenMask="",this.escapeMaskValue="",this.customRegExpCollec=[],this.undoCollec=[],this.redoCollec=[],this.promptChar.length>1&&(this.promptChar=this.promptChar[0]),CX.call(this),bX.call(this),(null===this.mask||""===this.mask&&void 0!==this.value)&&Pn.call(this,this.value);var t=mu.call(this,this.element);this.prevValue=t,this.value=t,this.isInitial||eQ.call(this),SX.call(this)},e.prototype.setMaskPlaceholder=function(t,i){(i||this.placeholder)&&(se.setPlaceholder(this.placeholder,this.element),(this.element.value===this.promptMask&&t&&"Always"!==this.floatLabelType||this.element.value===this.promptMask&&"Never"===this.floatLabelType)&&Pn.call(this,""))},e.prototype.setWidth=function(t){if(!u(t))if("number"==typeof t)this.inputObj.container.style.width=fe(t),this.element.style.width=fe(t);else if("string"==typeof t){var i=t.match(/px|%|em/)?t:fe(t);this.inputObj.container.style.width=i,this.element.style.width=i}},e.prototype.checkHtmlAttributes=function(t){for(var r=0,n=t?u(this.htmlAttributes)?[]:Object.keys(this.htmlAttributes):["placeholder","disabled","value","readonly"];r1&&(t.promptChar=t.promptChar[0]),this.promptChar=t.promptChar?t.promptChar:"_";var l=this.element.value.replace(new RegExp("["+i.promptChar+"]","g"),this.promptChar);this.promptMask===this.element.value&&(l=this.promptMask.replace(new RegExp("["+i.promptChar+"]","g"),this.promptChar)),this.promptMask=this.promptMask.replace(new RegExp("["+i.promptChar+"]","g"),this.promptChar),this.undoCollec=this.redoCollec=[],Pn.call(this,l)}this.preventChange=this.isAngular&&this.preventChange?!this.preventChange:this.preventChange},e.prototype.updateValue=function(t){this.resetMaskedTextBox(),Xx.call(this,t)},e.prototype.getMaskedValue=function(){return BX.call(this,this.element)},e.prototype.focusIn=function(){document.activeElement!==this.element&&this.enabled&&(this.isFocus=!0,this.element.focus(),M([this.inputObj.container],[jX]))},e.prototype.focusOut=function(){document.activeElement===this.element&&this.enabled&&(this.isFocus=!1,this.element.blur(),R([this.inputObj.container],[jX]))},e.prototype.destroy=function(){eQ.call(this),this.showClearButton&&(this.clearButton=document.getElementsByClassName("e-clear-icon")[0]);for(var t=["aria-labelledby","role","autocomplete","aria-readonly","aria-disabled","autocapitalize","spellcheck","aria-autocomplete","aria-live","aria-invalid"],i=0;i=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},CBe=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return PE(e,s),Fi([y("None")],e.prototype,"placement",void 0),Fi([y(10)],e.prototype,"largeStep",void 0),Fi([y(1)],e.prototype,"smallStep",void 0),Fi([y(!1)],e.prototype,"showSmallTicks",void 0),Fi([y(null)],e.prototype,"format",void 0),e}(Se),bBe=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return PE(e,s),Fi([y(null)],e.prototype,"color",void 0),Fi([y(null)],e.prototype,"start",void 0),Fi([y(null)],e.prototype,"end",void 0),e}(Se),SBe=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return PE(e,s),Fi([y(!1)],e.prototype,"enabled",void 0),Fi([y(null)],e.prototype,"minStart",void 0),Fi([y(null)],e.prototype,"minEnd",void 0),Fi([y(null)],e.prototype,"maxStart",void 0),Fi([y(null)],e.prototype,"maxEnd",void 0),Fi([y(!1)],e.prototype,"startHandleFixed",void 0),Fi([y(!1)],e.prototype,"endHandleFixed",void 0),e}(Se),EBe=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return PE(e,s),Fi([y("")],e.prototype,"cssClass",void 0),Fi([y("Before")],e.prototype,"placement",void 0),Fi([y("Focus")],e.prototype,"showOn",void 0),Fi([y(!1)],e.prototype,"isVisible",void 0),Fi([y(null)],e.prototype,"format",void 0),e}(Se),bv=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.horDir="left",r.verDir="bottom",r.transition={handle:"left .4s cubic-bezier(.25, .8, .25, 1), right .4s cubic-bezier(.25, .8, .25, 1), top .4s cubic-bezier(.25, .8, .25, 1) , bottom .4s cubic-bezier(.25, .8, .25, 1)",rangeBar:"all .4s cubic-bezier(.25, .8, .25, 1)"},r.transitionOnMaterialTooltip={handle:"left 1ms ease-out, right 1ms ease-out, bottom 1ms ease-out, top 1ms ease-out",rangeBar:"left 1ms ease-out, right 1ms ease-out, bottom 1ms ease-out, width 1ms ease-out, height 1ms ease-out"},r.scaleTransform="transform .4s cubic-bezier(.25, .8, .25, 1)",r.customAriaText=null,r.drag=!0,r.isDragComplete=!1,r.initialTooltip=!0,r}return PE(e,s),e.prototype.preRender=function(){this.l10n=new sr("slider",{incrementTitle:"Increase",decrementTitle:"Decrease"},this.locale),this.isElementFocused=!1,this.tickElementCollection=[],this.tooltipFormatInfo={},this.ticksFormatInfo={},this.initCultureInfo(),this.initCultureFunc(),this.formChecker()},e.prototype.formChecker=function(){var t=k(this.element,"form");t?(this.isForm=!0,u(this.formResetValue)||this.setProperties({value:this.formResetValue},!0),this.formResetValue=this.value,"Range"!==this.type||!u(this.formResetValue)&&"object"==typeof this.formResetValue?u(this.formResetValue)&&(this.formResetValue=parseFloat(fe(this.min))):this.formResetValue=[parseFloat(fe(this.min)),parseFloat(fe(this.max))],this.formElement=t):this.isForm=!1},e.prototype.initCultureFunc=function(){this.internationalization=new Ri(this.locale)},e.prototype.initCultureInfo=function(){this.tooltipFormatInfo.format=u(this.tooltip.format)?null:this.tooltip.format,this.ticksFormatInfo.format=u(this.ticks.format)?null:this.ticks.format},e.prototype.formatString=function(t,i){var r=null,n=null;if(t||0===t){r=this.formatNumber(t);var o=this.numberOfDecimals(t);n=this.internationalization.getNumberFormat(i)(this.makeRoundNumber(t,o))}return{elementVal:r,formatString:n}},e.prototype.formatNumber=function(t){var i=this.numberOfDecimals(t);return this.internationalization.getNumberFormat({maximumFractionDigits:i,minimumFractionDigits:i,useGrouping:!1})(t)},e.prototype.numberOfDecimals=function(t){var i=t.toString().split(".")[1];return i&&i.length?i.length:0},e.prototype.makeRoundNumber=function(t,i){return Number(t.toFixed(i||0))},e.prototype.fractionalToInteger=function(t){t=0===this.numberOfDecimals(t)?Number(t).toFixed(this.noOfDecimals):t;for(var i=1,r=0;r0&&(r=this.customValues[0],n=this.customValues[this.customValues.length-1]),"Range"!==this.type?ce(t,{"aria-valuemin":r.toString(),"aria-valuemax":n.toString()}):(!u(this.customValues)&&this.customValues.length>0?[[r.toString(),this.customValues[this.value[1]].toString()],[this.customValues[this.value[0]].toString(),n.toString()]]:[[r.toString(),this.value[1].toString()],[this.value[0].toString(),n.toString()]]).forEach(function(a,l){var h=0===l?i.firstHandle:i.secondHandle;h&&ce(h,{"aria-valuemin":a[0],"aria-valuemax":a[1]})})},e.prototype.createSecondHandle=function(){this.secondHandle=this.createElement("div",{attrs:{class:"e-handle",role:"slider",tabIndex:"0","aria-label":"slider"}}),this.secondHandle.classList.add("e-handle-second"),this.element.appendChild(this.secondHandle)},e.prototype.createFirstHandle=function(){this.firstHandle=this.createElement("div",{attrs:{class:"e-handle",role:"slider",tabIndex:"0","aria-label":"slider"}}),this.firstHandle.classList.add("e-handle-first"),this.element.appendChild(this.firstHandle),this.isMaterialTooltip&&(this.materialHandle=this.createElement("div",{attrs:{class:"e-handle e-material-handle"}}),this.element.appendChild(this.materialHandle))},e.prototype.wireFirstHandleEvt=function(t){t?(I.remove(this.firstHandle,"mousedown touchstart",this.handleFocus),I.remove(this.firstHandle,"transitionend",this.transitionEnd),I.remove(this.firstHandle,"mouseenter touchenter",this.handleOver),I.remove(this.firstHandle,"mouseleave touchend",this.handleLeave)):(I.add(this.firstHandle,"mousedown touchstart",this.handleFocus,this),I.add(this.firstHandle,"transitionend",this.transitionEnd,this),I.add(this.firstHandle,"mouseenter touchenter",this.handleOver,this),I.add(this.firstHandle,"mouseleave touchend",this.handleLeave,this))},e.prototype.wireSecondHandleEvt=function(t){t?(I.remove(this.secondHandle,"mousedown touchstart",this.handleFocus),I.remove(this.secondHandle,"transitionend",this.transitionEnd),I.remove(this.secondHandle,"mouseenter touchenter",this.handleOver),I.remove(this.secondHandle,"mouseleave touchend",this.handleLeave)):(I.add(this.secondHandle,"mousedown touchstart",this.handleFocus,this),I.add(this.secondHandle,"transitionend",this.transitionEnd,this),I.add(this.secondHandle,"mouseenter touchenter",this.handleOver,this),I.add(this.secondHandle,"mouseleave touchend",this.handleLeave,this))},e.prototype.handleStart=function(){"Range"!==this.type&&(this.firstHandle.classList[0===this.handlePos1?"add":"remove"]("e-handle-start"),this.isMaterialTooltip&&(this.materialHandle.classList[0===this.handlePos1?"add":"remove"]("e-handle-start"),this.tooltipElement&&this.tooltipElement.classList[0===this.handlePos1?"add":"remove"]("e-material-tooltip-start")))},e.prototype.transitionEnd=function(t){"transform"!==t.propertyName&&(this.handleStart(),this.enableAnimation||(this.getHandle().style.transition="none"),"Default"!==this.type&&(this.rangeBar.style.transition="none"),(this.isMaterial||this.isMaterial3)&&this.tooltip.isVisible&&"Default"===this.type&&(this.tooltipElement.style.transition=this.transition.handle),this.tooltipToggle(this.getHandle()),this.closeTooltip())},e.prototype.handleFocusOut=function(){this.firstHandle.classList.contains("e-handle-focused")&&this.firstHandle.classList.remove("e-handle-focused"),"Range"===this.type&&this.secondHandle.classList.contains("e-handle-focused")&&this.secondHandle.classList.remove("e-handle-focused")},e.prototype.handleFocus=function(t){this.focusSliderElement(),this.sliderBarClick(t),t.currentTarget===this.firstHandle?(this.firstHandle.classList.add("e-handle-focused"),this.firstHandle.classList.add("e-tab-handle")):(this.secondHandle.classList.add("e-handle-focused"),this.secondHandle.classList.add("e-tab-handle")),I.add(document,"mousemove touchmove",this.sliderBarMove,this),I.add(document,"mouseup touchend",this.sliderBarUp,this)},e.prototype.handleOver=function(t){this.tooltip.isVisible&&"Hover"===this.tooltip.showOn&&this.tooltipToggle(t.currentTarget),"Default"===this.type&&this.tooltipToggle(this.getHandle())},e.prototype.handleLeave=function(t){this.tooltip.isVisible&&"Hover"===this.tooltip.showOn&&!t.currentTarget.classList.contains("e-handle-focused")&&!t.currentTarget.classList.contains("e-tab-handle")&&this.closeTooltip()},e.prototype.setHandler=function(){this.createFirstHandle(),"Range"===this.type&&this.createSecondHandle()},e.prototype.setEnableRTL=function(){this.enableRtl&&"Vertical"!==this.orientation?M([this.sliderContainer],"e-rtl"):R([this.sliderContainer],"e-rtl");var t="Vertical"!==this.orientation?this.horDir:this.verDir;this.enableRtl?(this.horDir="right",this.verDir="bottom"):(this.horDir="left",this.verDir="bottom"),t!==("Vertical"!==this.orientation?this.horDir:this.verDir)&&"Horizontal"===this.orientation&&(ke(this.firstHandle,{right:"",left:"auto"}),"Range"===this.type&&ke(this.secondHandle,{top:"",left:"auto"})),this.setBarColor()},e.prototype.tooltipValue=function(){var i,t=this,r={value:this.value,text:""};this.initialTooltip&&(this.initialTooltip=!1,this.setTooltipContent(),r.text=i="function"==typeof this.tooltipObj.content?this.tooltipObj.content():this.tooltipObj.content,this.trigger("tooltipChange",r,function(n){t.addTooltipClass(n.text),i!==n.text&&(t.customAriaText=n.text,n.text=t.enableHtmlSanitizer?je.sanitize(n.text.toString()):n.text.toString(),t.tooltipObj.content=jn(function(){return n.text}),t.setAriaAttrValue(t.firstHandle),"Range"===t.type&&t.setAriaAttrValue(t.secondHandle))}),this.isMaterialTooltip&&this.setPreviousVal("change",this.value))},e.prototype.setTooltipContent=function(){var t;t=this.formatContent(this.tooltipFormatInfo,!1),this.tooltipObj.content=jn(function(){return t})},e.prototype.formatContent=function(t,i){var r="",n=this.handleVal1,o=this.handleVal2;return!u(this.customValues)&&this.customValues.length>0&&(n=this.customValues[this.handleVal1],o=this.customValues[this.handleVal2]),i?("Range"===this.type?r=this.enableRtl&&"Vertical"!==this.orientation?u(this.tooltip)||u(this.tooltip.format)?o.toString()+" - "+n.toString():this.formatString(o,t).elementVal+" - "+this.formatString(n,t).elementVal:u(this.tooltip)||u(this.tooltip.format)?n.toString()+" - "+o.toString():this.formatString(n,t).elementVal+" - "+this.formatString(o,t).elementVal:u(n)||(r=u(this.tooltip)||u(this.tooltip.format)?n.toString():this.formatString(n,t).elementVal),r):("Range"===this.type?r=this.enableRtl&&"Vertical"!==this.orientation?u(t.format)?o.toString()+" - "+n.toString():this.formatString(o,t).formatString+" - "+this.formatString(n,t).formatString:u(t.format)?n.toString()+" - "+o.toString():this.formatString(n,t).formatString+" - "+this.formatString(o,t).formatString:u(n)||(r=u(t.format)?n.toString():this.formatString(n,t).formatString),r)},e.prototype.addTooltipClass=function(t){if(this.isMaterialTooltip){var r,i=t.toString().length;this.tooltipElement?(this.tooltipElement.classList.remove((r=i>4?{oldCss:"e-material-default",newCss:"e-material-range"}:{oldCss:"e-material-range",newCss:"e-material-default"}).oldCss),this.tooltipElement.classList.contains(r.newCss)||(this.tooltipElement.classList.add(r.newCss),this.tooltipElement.style.transform=i>4?"scale(1)":this.getTooltipTransformProperties(this.previousTooltipClass).rotate)):this.tooltipObj.cssClass="e-slider-tooltip "+(r=i>4?"e-material-range":"e-material-default")}},e.prototype.tooltipPlacement=function(){return"Horizontal"===this.orientation?"Before"===this.tooltip.placement?"TopCenter":"BottomCenter":"Before"===this.tooltip.placement?"LeftCenter":"RightCenter"},e.prototype.tooltipBeforeOpen=function(t){this.tooltipElement=t.element,this.tooltip.cssClass&&M([this.tooltipElement],this.tooltip.cssClass.split(" ").filter(function(i){return i})),t.target.removeAttribute("aria-describedby"),this.isMaterialTooltip&&(this.tooltipElement.firstElementChild.classList.add("e-material-tooltip-hide"),this.handleStart(),this.setTooltipTransform())},e.prototype.tooltipCollision=function(t){if(this.isBootstrap||this.isBootstrap4||(this.isMaterial||this.isMaterial3)&&!this.isMaterialTooltip){var i=this.isBootstrap4?3:6;switch(t){case"TopCenter":this.tooltipObj.setProperties({offsetY:-i},!1);break;case"BottomCenter":this.tooltipObj.setProperties({offsetY:i},!1);break;case"LeftCenter":this.tooltipObj.setProperties({offsetX:-i},!1);break;case"RightCenter":this.tooltipObj.setProperties({offsetX:i},!1)}}},e.prototype.materialTooltipEventCallBack=function(t){this.sliderBarClick(t),I.add(document,"mousemove touchmove",this.sliderBarMove,this),I.add(document,"mouseup touchend",this.sliderBarUp,this)},e.prototype.wireMaterialTooltipEvent=function(t){this.isMaterialTooltip&&(t?I.remove(this.tooltipElement,"mousedown touchstart",this.materialTooltipEventCallBack):I.add(this.tooltipElement,"mousedown touchstart",this.materialTooltipEventCallBack,this))},e.prototype.tooltipPositionCalculation=function(t){var i;switch(t){case"TopCenter":i="e-slider-horizontal-before";break;case"BottomCenter":i="e-slider-horizontal-after";break;case"LeftCenter":i="e-slider-vertical-before";break;case"RightCenter":i="e-slider-vertical-after"}return i},e.prototype.getTooltipTransformProperties=function(t){var i;if(this.tooltipElement){var r="Horizontal"===this.orientation?this.tooltipElement.clientHeight+14-this.tooltipElement.clientHeight/2:this.tooltipElement.clientWidth+14-this.tooltipElement.clientWidth/2;i="Horizontal"===this.orientation?"e-slider-horizontal-before"===t?{rotate:"rotate(45deg)",translate:"translateY("+r+"px)"}:{rotate:"rotate(225deg)",translate:"translateY("+-r+"px)"}:"e-slider-vertical-before"===t?{rotate:"rotate(-45deg)",translate:"translateX("+r+"px)"}:{rotate:"rotate(-225deg)",translate:"translateX("+-r+"px)"}}return i},e.prototype.openMaterialTooltip=function(){var t=this;if(this.isMaterialTooltip){this.refreshTooltip(this.firstHandle);var i=this.tooltipElement.firstElementChild;i.classList.remove("e-material-tooltip-hide"),i.classList.add("e-material-tooltip-show"),this.firstHandle.style.cursor="default",this.tooltipElement.style.transition=this.scaleTransform,this.tooltipElement.classList.add("e-material-tooltip-open"),this.materialHandle.style.transform="scale(0)",this.tooltipElement.style.transform=i.innerText.length>4?"scale(1)":this.getTooltipTransformProperties(this.previousTooltipClass).rotate,"Default"===this.type?setTimeout(function(){t.tooltipElement&&(t.tooltipElement.style.transition=t.transition.handle)},2500):setTimeout(function(){t.tooltipElement&&(t.tooltipElement.style.transition="none")},2500)}},e.prototype.closeMaterialTooltip=function(){var t=this;if(this.isMaterialTooltip){var i=this.tooltipElement.firstElementChild;this.tooltipElement.style.transition=this.scaleTransform,i.classList.remove("e-material-tooltip-show"),i.classList.add("e-material-tooltip-hide"),this.firstHandle.style.cursor="-webkit-grab",this.firstHandle.style.cursor="grab",this.materialHandle&&(this.materialHandle.style.transform="scale(1)"),this.tooltipElement.classList.remove("e-material-tooltip-open"),this.setTooltipTransform(),this.tooltipTarget=void 0,setTimeout(function(){t.tooltipElement&&(t.tooltipElement.style.transition="none")},2500)}},e.prototype.checkTooltipPosition=function(t){var i=this.tooltipPositionCalculation(t.collidedPosition);(void 0===this.tooltipCollidedPosition||this.tooltipCollidedPosition!==t.collidedPosition||!t.element.classList.contains(i))&&(this.isMaterialTooltip&&(void 0!==i&&(t.element.classList.remove(this.previousTooltipClass),t.element.classList.add(i),this.previousTooltipClass=i),t.element.style.transform&&t.element.classList.contains("e-material-tooltip-open")&&t.element.firstElementChild.innerText.length<=4&&(t.element.style.transform=this.getTooltipTransformProperties(this.previousTooltipClass).rotate)),this.tooltipCollidedPosition=t.collidedPosition),this.isMaterialTooltip&&this.tooltipElement&&-1!==this.tooltipElement.style.transform.indexOf("translate")&&this.setTooltipTransform()},e.prototype.setTooltipTransform=function(){var t=this.getTooltipTransformProperties(this.previousTooltipClass);u(this.tooltipElement)||(this.tooltipElement.style.transform=this.tooltipElement.firstElementChild.innerText.length>4?t.translate+" scale(0.01)":t.translate+" "+t.rotate+" scale(0.01)")},e.prototype.renderTooltip=function(){this.tooltipObj=new zo({showTipPointer:this.isBootstrap||this.isMaterial||this.isMaterial3||this.isBootstrap4||this.isTailwind||this.isBootstrap5||this.isFluent,cssClass:"e-slider-tooltip",height:this.isMaterial||this.isMaterial3?30:"auto",animation:{open:{effect:"None"},close:{effect:"FadeOut",duration:500}},opensOn:"Custom",beforeOpen:this.tooltipBeforeOpen.bind(this),beforeCollision:this.checkTooltipPosition.bind(this),beforeClose:this.tooltipBeforeClose.bind(this),enableHtmlSanitizer:this.enableHtmlSanitizer}),this.tooltipObj.appendTo(this.firstHandle),this.initializeTooltipProps()},e.prototype.initializeTooltipProps=function(){this.setProperties({tooltip:{showOn:"Auto"===this.tooltip.showOn?"Hover":this.tooltip.showOn}},!0),this.tooltipObj.position=this.tooltipPlacement(),this.tooltipCollision(this.tooltipObj.position),[this.firstHandle,this.rangeBar,this.secondHandle].forEach(function(i){u(i)||(i.style.transition="none")}),this.isMaterialTooltip&&(this.sliderContainer.classList.add("e-material-slider"),this.tooltipValue(),this.tooltipObj.animation.close.effect="None",this.tooltipObj.open(this.firstHandle))},e.prototype.tooltipBeforeClose=function(){this.tooltipElement=void 0,this.tooltipCollidedPosition=void 0},e.prototype.setButtons=function(){this.firstBtn=this.createElement("div",{className:"e-slider-button e-first-button"}),this.firstBtn.appendChild(this.createElement("span",{className:"e-button-icon"})),this.isTailwind&&this.firstBtn.querySelector("span").classList.add("e-icons"),this.firstBtn.tabIndex=-1,this.secondBtn=this.createElement("div",{className:"e-slider-button e-second-button"}),this.secondBtn.appendChild(this.createElement("span",{className:"e-button-icon"})),this.isTailwind&&this.secondBtn.querySelector("span").classList.add("e-icons"),this.secondBtn.tabIndex=-1,this.sliderContainer.classList.add("e-slider-btn"),this.sliderContainer.appendChild(this.firstBtn),this.sliderContainer.appendChild(this.secondBtn),this.sliderContainer.appendChild(this.element),this.buttonTitle()},e.prototype.buttonTitle=function(){var t=this.enableRtl&&"Vertical"!==this.orientation;this.l10n.setLocale(this.locale);var i=this.l10n.getConstant("decrementTitle"),r=this.l10n.getConstant("incrementTitle");ce(t?this.secondBtn:this.firstBtn,{"aria-label":i,title:i}),ce(t?this.firstBtn:this.secondBtn,{"aria-label":r,title:r})},e.prototype.buttonFocusOut=function(){(this.isMaterial||this.isMaterial3)&&this.getHandle().classList.remove("e-large-thumb-size")},e.prototype.repeatButton=function(t){var n,i=this.handleValueUpdate(),r=this.enableRtl&&"Vertical"!==this.orientation;t.target.parentElement.classList.contains("e-first-button")||t.target.classList.contains("e-first-button")?n=this.add(i,parseFloat(this.step.toString()),!!r):(t.target.parentElement.classList.contains("e-second-button")||t.target.classList.contains("e-second-button"))&&(n=this.add(i,parseFloat(this.step.toString()),!r)),this.limits.enabled&&(n=this.getLimitCorrectedValues(n)),n>=this.min&&n<=this.max&&(this.changeHandleValue(n),this.tooltipToggle(this.getHandle()))},e.prototype.repeatHandlerMouse=function(t){t.preventDefault(),("mousedown"===t.type||"touchstart"===t.type)&&(this.buttonClick(t),this.repeatInterval=setInterval(this.repeatButton.bind(this),180,t))},e.prototype.materialChange=function(){this.getHandle().classList.contains("e-large-thumb-size")||this.getHandle().classList.add("e-large-thumb-size")},e.prototype.focusHandle=function(){this.getHandle().classList.contains("e-tab-handle")||this.getHandle().classList.add("e-tab-handle")},e.prototype.repeatHandlerUp=function(t){this.changeEvent("changed",t),this.closeTooltip(),clearInterval(this.repeatInterval),this.getHandle().focus()},e.prototype.customTickCounter=function(t){var i=4;return!u(this.customValues)&&this.customValues.length>0&&(t>4&&(i=3),t>7&&(i=2),t>14&&(i=1),t>28&&(i=0)),i},e.prototype.renderScale=function(){var t="Vertical"===this.orientation?"v":"h";this.noOfDecimals=this.numberOfDecimals(this.step),this.ul=this.createElement("ul",{className:"e-scale e-"+t+"-scale e-tick-"+this.ticks.placement.toLowerCase(),attrs:{role:"presentation",tabIndex:"-1","aria-hidden":"true"}}),this.ul.style.zIndex="-1",D.isAndroid&&"h"===t&&this.ul.classList.add("e-tick-pos");var i=this.ticks.smallStep;this.ticks.showSmallTicks?i<=0&&(i=parseFloat(fe(this.step))):i=this.ticks.largeStep>0?this.ticks.largeStep:parseFloat(fe(this.max))-parseFloat(fe(this.min));var r=this.fractionalToInteger(this.min),n=this.fractionalToInteger(this.max),o=this.fractionalToInteger(i),a=!u(this.customValues)&&this.customValues.length>0&&this.customValues.length-1,l=this.customTickCounter(a),h=!u(this.customValues)&&this.customValues.length>0?a*l+a:Math.abs((n-r)/o);this.element.appendChild(this.ul);var d,c=parseFloat(this.min.toString());"v"===t&&(c=parseFloat(this.max.toString()));var f,p=0,g=100/h;g===1/0&&(g=5);for(var m=0,A=!u(this.customValues)&&this.customValues.length>0?this.customValues.length-1:0,v=0;m<=h;m++){if(d=this.createElement("li",{attrs:{class:"e-tick",role:"presentation",tabIndex:"-1","aria-hidden":"true"}}),!u(this.customValues)&&this.customValues.length>0)(f=m%(l+1)==0)&&("h"===t?(c=this.customValues[v],v++):(c=this.customValues[A],A--),d.setAttribute("title",c.toString()));else if(d.setAttribute("title",c.toString()),0===this.numberOfDecimals(this.max)&&0===this.numberOfDecimals(this.min)&&0===this.numberOfDecimals(this.step))f="h"===t?(c-parseFloat(this.min.toString()))%this.ticks.largeStep==0:Math.abs(c-parseFloat(this.max.toString()))%this.ticks.largeStep==0;else{var w=this.fractionalToInteger(this.ticks.largeStep),C=this.fractionalToInteger(c);f="h"===t?(C-r)%w==0:Math.abs(C-parseFloat(n.toString()))%w==0}f&&d.classList.add("e-large"),"h"===t?d.style.width=g+"%":d.style.height=g+"%";var b=f?"Both"===this.ticks.placement?2:1:0;if(f)for(var S=0;Sthis.numberOfDecimals(c)?this.numberOfDecimals(i):this.numberOfDecimals(c),c=this.makeRoundNumber("h"===t||this.min>this.max?c+i:c-i,E),p=this.makeRoundNumber(p+i,E))}this.ticksAlignment(t,g)},e.prototype.ticksAlignment=function(t,i,r){void 0===r&&(r=!0),this.firstChild=this.ul.firstElementChild,this.lastChild=this.ul.lastElementChild,this.firstChild.classList.add("e-first-tick"),this.lastChild.classList.add("e-last-tick"),this.sliderContainer.classList.add("e-scale-"+this.ticks.placement.toLowerCase()),"h"===t?(this.firstChild.style.width=i/2+"%",this.lastChild.style.width=i/2+"%"):(this.firstChild.style.height=i/2+"%",this.lastChild.style.height=i/2+"%"),r&&this.trigger("renderedTicks",{ticksWrapper:this.ul,tickElements:this.tickElementCollection}),this.scaleAlignment()},e.prototype.createTick=function(t,i,r){var n=this.createElement("span",{className:"e-tick-value e-tick-"+this.ticks.placement.toLowerCase(),attrs:{role:"presentation",tabIndex:"-1","aria-hidden":"true"}});t.appendChild(n),u(this.customValues)?this.formatTicksValue(t,i,n,r):n.innerHTML=this.enableHtmlSanitizer?je.sanitize(i.toString()):i.toString()},e.prototype.formatTicksValue=function(t,i,r,n){var o=this,a=this.formatNumber(i),l=u(this.ticks)||u(this.ticks.format)?a:this.formatString(i,this.ticksFormatInfo).formatString;this.trigger("renderingTicks",{value:i,text:l,tickElement:t},function(d){t.setAttribute("title",d.text.toString()),r&&(r.innerHTML=o.enableHtmlSanitizer?je.sanitize(d.text.toString()):d.text.toString())})},e.prototype.scaleAlignment=function(){this.tickValuePosition(),"Vertical"===this.orientation?this.element.getBoundingClientRect().width<=15?this.sliderContainer.classList.add("e-small-size"):this.sliderContainer.classList.remove("e-small-size"):this.element.getBoundingClientRect().height<=15?this.sliderContainer.classList.add("e-small-size"):this.sliderContainer.classList.remove("e-small-size")},e.prototype.tickValuePosition=function(){this.firstChild=this.element.querySelector("ul").children[0];var i,r,t=this.firstChild.getBoundingClientRect(),n=this.ticks.smallStep,o=Math.abs(parseFloat(fe(this.max))-parseFloat(fe(this.min)))/n;this.firstChild.children.length>0&&(i=this.firstChild.children[0].getBoundingClientRect());var l,a=[this.sliderContainer.querySelectorAll(".e-tick.e-large .e-tick-value")];l=[].slice.call(a[0],"Both"===this.ticks.placement?2:1);for(var h="Vertical"===this.orientation?2*t.height:2*t.width,d=0;dthis.max?this.handlePos1+"px":"0px",ke(this.rangeBar,{height:u(this.handlePos1)?0:this.min>this.max?this.element.clientHeight-this.handlePos1+"px":this.handlePos1+"px"})):(this.rangeBar.style.bottom=this.min>this.max?this.handlePos2+"px":this.handlePos1+"px",ke(this.rangeBar,{height:this.min>this.max?this.handlePos1-this.handlePos2+"px":this.handlePos2-this.handlePos1+"px"}))):"MinRange"===this.type?(this.enableRtl?this.rangeBar.style.right="0px":this.rangeBar.style.left="0px",ke(this.rangeBar,{width:u(this.handlePos1)?0:this.handlePos1+"px"})):(this.enableRtl?this.rangeBar.style.right=this.handlePos1+"px":this.rangeBar.style.left=this.handlePos1+"px",ke(this.rangeBar,{width:this.handlePos2-this.handlePos1+"px"}))},e.prototype.checkValidValueAndPos=function(t){return t=this.checkHandleValue(t),this.checkHandlePosition(t)},e.prototype.setLimitBarPositions=function(t,i,r,n){"Horizontal"===this.orientation?this.enableRtl?(this.limitBarFirst.style.right=t+"px",this.limitBarFirst.style.width=i-t+"px"):(this.limitBarFirst.style.left=t+"px",this.limitBarFirst.style.width=i-t+"px"):(this.limitBarFirst.style.bottom=(this.minr&&(t=r),[t,this.checkHandlePosition(t)]},e.prototype.setValue=function(){if(!u(this.customValues)&&this.customValues.length>0&&(this.min=0,this.max=this.customValues.length-1,this.setBarColor()),this.setAriaAttributes(this.firstHandle),this.handleVal1=u(this.value)?this.checkHandleValue(parseFloat(this.min.toString())):this.checkHandleValue(parseFloat(this.value.toString())),this.handlePos1=this.checkHandlePosition(this.handleVal1),this.preHandlePos1=this.handlePos1,this.activeHandle=u(this.activeHandle)?"Range"===this.type?2:1:this.activeHandle,"Default"===this.type||"MinRange"===this.type){if(this.limits.enabled){var t=this.getLimitValueAndPosition(this.handleVal1,this.limits.minStart,this.limits.minEnd);this.handleVal1=t[0],this.handlePos1=t[1],this.preHandlePos1=this.handlePos1}this.setHandlePosition(null),this.handleStart(),this.value=this.handleVal1,this.setAriaAttrValue(this.firstHandle),this.changeEvent("changed",null)}else this.validateRangeValue();"Default"!==this.type&&this.setRangeBar(),this.limits.enabled&&this.setLimitBar()},e.prototype.rangeValueUpdate=function(){(null===this.value||"object"!=typeof this.value)&&(this.value=[parseFloat(fe(this.min)),parseFloat(fe(this.max))])},e.prototype.validateRangeValue=function(){this.rangeValueUpdate(),this.setRangeValue()},e.prototype.modifyZindex=function(){"Range"!==this.type||u(this.firstHandle)||u(this.secondHandle)?this.isMaterialTooltip&&this.tooltipElement&&(this.tooltipElement.style.zIndex=fu(this.element)+""):1===this.activeHandle?(this.firstHandle.style.zIndex=this.zIndex+4+"",this.secondHandle.style.zIndex=this.zIndex+3+""):(this.firstHandle.style.zIndex=this.zIndex+3+"",this.secondHandle.style.zIndex=this.zIndex+4+"")},e.prototype.setHandlePosition=function(t){var r,i=this,n=1===this.activeHandle?this.handlePos1:this.handlePos2;r=this.isMaterialTooltip?[this.firstHandle,this.materialHandle]:[this.getHandle()],this.handleStart(),r.forEach(function(o){"Horizontal"===i.orientation?i.enableRtl?o.style.right=n+"px":o.style.left=n+"px":o.style.bottom=n+"px"}),this.changeEvent("change",t)},e.prototype.getHandle=function(){return 1===this.activeHandle?this.firstHandle:this.secondHandle},e.prototype.setRangeValue=function(){this.updateRangeValue(),this.activeHandle=1,this.setHandlePosition(null),this.activeHandle=2,this.setHandlePosition(null),this.activeHandle=1},e.prototype.changeEvent=function(t,i){var r="change"===t?this.previousVal:this.previousChanged;if("Range"!==this.type)this.setProperties({value:this.handleVal1},!0),r!==this.value&&(!this.isMaterialTooltip||!this.initialTooltip)&&(this.trigger(t,this.changeEventArgs(t,i)),this.initialTooltip=!0,this.setPreviousVal(t,this.value)),this.setAriaAttrValue(this.firstHandle);else{var n=this.value=[this.handleVal1,this.handleVal2];this.setProperties({value:n},!0),(r.length===this.value.length&&this.value[0]!==r[0]||this.value[1]!==r[1])&&(this.initialTooltip=!1,this.trigger(t,this.changeEventArgs(t,i)),this.initialTooltip=!0,this.setPreviousVal(t,this.value)),this.setAriaAttrValue(this.getHandle())}this.hiddenInput.value=this.value.toString()},e.prototype.changeEventArgs=function(t,i){var r;return this.tooltip.isVisible&&this.tooltipObj&&this.initialTooltip?(this.tooltipValue(),r={value:this.value,previousValue:"change"===t?this.previousVal:this.previousChanged,action:t,text:"function"==typeof this.tooltipObj.content?this.tooltipObj.content():this.tooltipObj.content,isInteracted:!u(i)}):r={value:this.value,previousValue:"change"===t?this.previousVal:this.previousChanged,action:t,text:u(this.ticksFormatInfo.format)?this.value.toString():"Range"!==this.type?this.formatString(this.value,this.ticksFormatInfo).formatString:this.formatString(this.value[0],this.ticksFormatInfo).formatString+" - "+this.formatString(this.value[1],this.ticksFormatInfo).formatString,isInteracted:!u(i)},r},e.prototype.setPreviousVal=function(t,i){"change"===t?this.previousVal=i:this.previousChanged=i},e.prototype.updateRangeValue=function(){var t=this.value.toString().split(",").map(Number);if(this.value=this.enableRtl&&"Vertical"!==this.orientation||this.rtl?[t[1],t[0]]:[t[0],t[1]],this.enableRtl&&"Vertical"!==this.orientation?(this.handleVal1=this.checkHandleValue(this.value[1]),this.handleVal2=this.checkHandleValue(this.value[0])):(this.handleVal1=this.checkHandleValue(this.value[0]),this.handleVal2=this.checkHandleValue(this.value[1])),this.handlePos1=this.checkHandlePosition(this.handleVal1),this.handlePos2=this.checkHandlePosition(this.handleVal2),this.minthis.handlePos2&&(this.handlePos1=this.handlePos2,this.handleVal1=this.handleVal2),this.min>this.max&&this.handlePos1i.end&&(t=i.end),t},e.prototype.reposition=function(){var t=this;u(this.firstHandle)||(this.firstHandle.style.transition="none"),"Default"!==this.type&&!u(this.rangeBar)&&(this.rangeBar.style.transition="none"),"Range"===this.type&&!u(this.secondHandle)&&(this.secondHandle.style.transition="none"),this.handlePos1=this.checkHandlePosition(this.handleVal1),this.handleVal2&&(this.handlePos2=this.checkHandlePosition(this.handleVal2)),"Horizontal"===this.orientation?(this.enableRtl?this.firstHandle.style.right=this.handlePos1+"px":this.firstHandle.style.left=this.handlePos1+"px",this.isMaterialTooltip&&!u(this.materialHandle)&&(this.enableRtl?this.materialHandle.style.right=this.handlePos1+"px":this.materialHandle.style.left=this.handlePos1+"px"),"MinRange"!==this.type||u(this.rangeBar)?"Range"===this.type&&!u(this.secondHandle)&&!u(this.rangeBar)&&(this.enableRtl?this.secondHandle.style.right=this.handlePos2+"px":this.secondHandle.style.left=this.handlePos2+"px",this.enableRtl?this.rangeBar.style.right=this.handlePos1+"px":this.rangeBar.style.left=this.handlePos1+"px",ke(this.rangeBar,{width:this.handlePos2-this.handlePos1+"px"})):(this.enableRtl?this.rangeBar.style.right="0px":this.rangeBar.style.left="0px",ke(this.rangeBar,{width:u(this.handlePos1)?0:this.handlePos1+"px"}))):(this.firstHandle.style.bottom=this.handlePos1+"px",this.isMaterialTooltip&&(this.materialHandle.style.bottom=this.handlePos1+"px"),"MinRange"===this.type?(this.rangeBar.style.bottom=this.min>this.max?this.handlePos1+"px":"0px",ke(this.rangeBar,{height:u(this.handlePos1)?0:this.min>this.max?this.element.clientHeight-this.handlePos1+"px":this.handlePos1+"px"})):"Range"===this.type&&(this.secondHandle.style.bottom=this.handlePos2+"px",this.rangeBar.style.bottom=this.min>this.max?this.handlePos2+"px":this.handlePos1+"px",ke(this.rangeBar,{height:this.min>this.max?this.handlePos1-this.handlePos2+"px":this.handlePos2-this.handlePos1+"px"}))),this.limits.enabled&&this.setLimitBar(),"None"!==this.ticks.placement&&this.ul&&(this.removeElement(this.ul),this.ul=void 0,this.renderScale()),this.handleStart(),this.tooltip.isVisible||setTimeout(function(){u(t.firstHandle)||(t.firstHandle.style.transition=t.scaleTransform),"Range"===t.type&&!u(t.secondHandle)&&(t.secondHandle.style.transition=t.scaleTransform)}),this.refreshTooltip(this.tooltipTarget),this.setBarColor()},e.prototype.changeHandleValue=function(t){var i=null;1===this.activeHandle?(this.limits.enabled&&this.limits.startHandleFixed||(this.handleVal1=this.checkHandleValue(t),this.handlePos1=this.checkHandlePosition(this.handleVal1),"Range"===this.type&&(this.handlePos1>this.handlePos2&&this.minthis.max)&&(this.handlePos1=this.handlePos2,this.handleVal1=this.handleVal2),this.handlePos1!==this.preHandlePos1&&(i=this.preHandlePos1=this.handlePos1)),this.modifyZindex()):(this.limits.enabled&&this.limits.endHandleFixed||(this.handleVal2=this.checkHandleValue(t),this.handlePos2=this.checkHandlePosition(this.handleVal2),"Range"===this.type&&(this.handlePos2this.handlePos1&&this.min>this.max)&&(this.handlePos2=this.handlePos1,this.handleVal2=this.handleVal1),this.handlePos2!==this.preHandlePos2&&(i=this.preHandlePos2=this.handlePos2)),this.modifyZindex()),null!==i&&("Default"!==this.type&&this.setRangeBar(),this.setHandlePosition(null))},e.prototype.tempStartEnd=function(){return this.min>this.max?{start:this.max,end:this.min}:{start:this.min,end:this.max}},e.prototype.xyToPosition=function(t){if(this.min===this.max)return 100;if("Horizontal"===this.orientation){var r=t.x-this.element.getBoundingClientRect().left;this.val=r/(this.element.offsetWidth/100)}else{var o=t.y-this.element.getBoundingClientRect().top;this.val=100-o/(this.element.offsetHeight/100)}var a=this.stepValueCalculation(this.val);return a<0?a=0:a>100&&(a=100),this.enableRtl&&"Vertical"!==this.orientation&&(a=100-a),"Horizontal"===this.orientation?this.element.getBoundingClientRect().width*(a/100):this.element.getBoundingClientRect().height*(a/100)},e.prototype.stepValueCalculation=function(t){0===this.step&&(this.step=1);var i=parseFloat(fe(this.step))/((parseFloat(fe(this.max))-parseFloat(fe(this.min)))/100),r=t%Math.abs(i);return 0!==r&&(i/2>r?t-=r:t+=Math.abs(i)-r),t},e.prototype.add=function(t,i,r){var o=Math.pow(10,3);return r?(Math.round(t*o)+Math.round(i*o))/o:(Math.round(t*o)-Math.round(i*o))/o},e.prototype.positionToValue=function(t){var i,r=parseFloat(fe(this.max))-parseFloat(fe(this.min));return i="Horizontal"===this.orientation?t/this.element.getBoundingClientRect().width*r:t/this.element.getBoundingClientRect().height*r,this.add(i,parseFloat(this.min.toString()),!0)},e.prototype.sliderBarClick=function(t){var i;t.preventDefault(),"mousedown"===t.type||"mouseup"===t.type||"click"===t.type?i={x:t.clientX,y:t.clientY}:("touchend"===t.type||"touchstart"===t.type)&&(i={x:t.changedTouches[0].clientX,y:t.changedTouches[0].clientY});var r=this.xyToPosition(i),n=this.positionToValue(r);if("Range"===this.type&&(this.minthis.max&&this.handlePos1-r>r-this.handlePos2))this.activeHandle=2,this.limits.enabled&&this.limits.endHandleFixed||(this.limits.enabled&&(n=(o=this.getLimitValueAndPosition(n,this.limits.maxStart,this.limits.maxEnd))[0],r=o[1]),this.secondHandle.classList.add("e-handle-active"),this.handlePos2=this.preHandlePos2=r,this.handleVal2=n),this.modifyZindex(),this.secondHandle.focus();else{var o;if(this.activeHandle=1,!this.limits.enabled||!this.limits.startHandleFixed)this.limits.enabled&&(n=(o=this.getLimitValueAndPosition(n,this.limits.minStart,this.limits.minEnd))[0],r=o[1]),this.firstHandle.classList.add("e-handle-active"),this.handlePos1=this.preHandlePos1=r,this.handleVal1=n;this.modifyZindex(),this.firstHandle.focus()}this.isMaterialTooltip&&this.tooltipElement.classList.add("e-tooltip-active");var a=this.element.querySelector(".e-tab-handle");a&&this.getHandle()!==a&&a.classList.remove("e-tab-handle");var h,l=1===this.activeHandle?this.firstHandle:this.secondHandle;if("click"!==t.type&&"mousedown"!==t.type||t.target!==l||(h=document.elementFromPoint(t.clientX,t.clientY)),t.target===l&&h!=l)return(this.isMaterial||this.isMaterial3)&&!this.tooltip.isVisible&&!this.getHandle().classList.contains("e-tab-handle")&&this.materialChange(),this.sliderBarUp(t),void this.tooltipToggle(this.getHandle());if(this.checkRepeatedValue(n)){var p=(this.isMaterial||this.isMaterial3)&&this.tooltip.isVisible?this.transitionOnMaterialTooltip:this.transition;this.getHandle().style.transition=p.handle,"Default"!==this.type&&(this.rangeBar.style.transition=p.rangeBar),this.setHandlePosition(t),this.isMaterialTooltip&&(this.initialTooltip=!1),t.target!=l&&this.changeEvent("changed",t),"Default"!==this.type&&this.setRangeBar()}},e.prototype.handleValueAdjust=function(t,i,r){1===r?(this.handleVal1=i,this.handleVal2=this.handleVal1+this.minDiff):2===r&&(this.handleVal2=i,this.handleVal1=this.handleVal2-this.minDiff),this.handlePos1=this.checkHandlePosition(this.handleVal1),this.handlePos2=this.checkHandlePosition(this.handleVal2)},e.prototype.dragRangeBarMove=function(t){var i,r,n,o,a;if("touchmove"!==t.type&&t.preventDefault(),this.rangeBarDragged=!0,this.rangeBar.style.transition="none",this.firstHandle.style.transition="none",this.secondHandle.style.transition="none","mousemove"===t.type?(o=(i=[t.clientX,t.clientY])[0],a=i[1]):(o=(r=[t.changedTouches[0].clientX,t.changedTouches[0].clientY])[0],a=r[1]),!(this.limits.enabled&&this.limits.startHandleFixed||this.limits.enabled&&this.limits.endHandleFixed)){if(n=this.enableRtl?{x:o+this.secondPartRemain,y:a+this.secondPartRemain}:{x:o-this.firstPartRemain,y:a+this.secondPartRemain},this.min>this.max?(this.handlePos2=this.xyToPosition(n),this.handleVal2=this.positionToValue(this.handlePos2)):(this.handlePos1=this.xyToPosition(n),this.handleVal1=this.positionToValue(this.handlePos1)),n=this.enableRtl?{x:o-this.firstPartRemain,y:a-this.firstPartRemain}:{x:o+this.secondPartRemain,y:a-this.firstPartRemain},this.min>this.max?(this.handlePos1=this.xyToPosition(n),this.handleVal1=this.positionToValue(this.handlePos1)):(this.handlePos2=this.xyToPosition(n),this.handleVal2=this.positionToValue(this.handlePos2)),this.limits.enabled){var l=this.getLimitValueAndPosition(this.handleVal1,this.limits.minStart,this.limits.minEnd);this.handleVal1=l[0],this.handlePos1=l[1],this.handleVal1===this.limits.minEnd&&this.handleValueAdjust(this.handleVal1,this.limits.minEnd,1),this.handleVal1===this.limits.minStart&&this.handleValueAdjust(this.handleVal1,this.limits.minStart,1),l=this.getLimitValueAndPosition(this.handleVal2,this.limits.maxStart,this.limits.maxEnd),this.handleVal2=l[0],this.handlePos2=l[1],this.handleVal2===this.limits.maxStart&&this.handleValueAdjust(this.handleVal2,this.limits.maxStart,2),this.handleVal2===this.limits.maxEnd&&this.handleValueAdjust(this.handleVal2,this.limits.maxEnd,2)}this.handleVal2===(this.min>this.max?this.min:this.max)&&this.handleValueAdjust(this.handleVal2,this.min>this.max?this.min:this.max,2),this.handleVal1===(this.min>this.max?this.max:this.min)&&this.handleValueAdjust(this.handleVal1,this.min>this.max?this.max:this.min,1)}this.activeHandle=1,this.setHandlePosition(t),this.activeHandle=2,this.setHandlePosition(t),this.tooltipToggle(this.rangeBar),this.setRangeBar()},e.prototype.sliderBarUp=function(t){this.changeEvent("changed",t),this.handleFocusOut(),this.firstHandle.classList.remove("e-handle-active"),"Range"===this.type&&(this.initialTooltip=!1,this.secondHandle.classList.remove("e-handle-active")),this.closeTooltip(),(this.isMaterial||this.isMaterial3)&&(this.getHandle().classList.remove("e-large-thumb-size"),this.isMaterialTooltip&&this.tooltipElement.classList.remove("e-tooltip-active")),I.remove(document,"mousemove touchmove",this.sliderBarMove),I.remove(document,"mouseup touchend",this.sliderBarUp)},e.prototype.sliderBarMove=function(t){"touchmove"!==t.type&&t.preventDefault();var r=this.xyToPosition("mousemove"===t.type?{x:t.clientX,y:t.clientY}:{x:t.changedTouches[0].clientX,y:t.changedTouches[0].clientY}),n=this.positionToValue(r);if(r=Math.round(r),"Range"!==this.type&&1===this.activeHandle){if(!this.limits.enabled||!this.limits.startHandleFixed){if(this.limits.enabled){var o=this.getLimitValueAndPosition(n,this.limits.minStart,this.limits.minEnd);r=o[1],n=o[0]}this.handlePos1=r,this.handleVal1=n}this.firstHandle.classList.add("e-handle-active")}if("Range"===this.type)if(1===this.activeHandle)this.firstHandle.classList.add("e-handle-active"),this.limits.enabled&&this.limits.startHandleFixed||((this.minthis.handlePos2||this.min>this.max&&rthis.max&&r>this.handlePos1)&&(r=this.handlePos1,n=this.handleVal1),r===this.preHandlePos2)))){var a;this.limits.enabled&&(n=(a=this.getLimitValueAndPosition(n,this.limits.maxStart,this.limits.maxEnd))[0],r=a[1]),this.handlePos2=this.preHandlePos2=r,this.handleVal2=n,this.activeHandle=2}this.checkRepeatedValue(n)&&(this.getHandle().style.transition=this.scaleTransform,"Default"!==this.type&&(this.rangeBar.style.transition="none"),this.setHandlePosition(t),(this.isMaterial||this.isMaterial3)&&!this.tooltip.isVisible&&!this.getHandle().classList.contains("e-tab-handle")&&this.materialChange(),this.tooltipToggle(this.getHandle()),"Default"!==this.type&&this.setRangeBar())},e.prototype.dragRangeBarUp=function(t){this.rangeBarDragged?this.isDragComplete=!0:(this.focusSliderElement(),this.sliderBarClick(t)),this.changeEvent("changed",t),this.closeTooltip(),I.remove(document,"mousemove touchmove",this.dragRangeBarMove),I.remove(document,"mouseup touchend",this.dragRangeBarUp),this.rangeBarDragged=!1},e.prototype.checkRepeatedValue=function(t){if("Range"===this.type){if(t===(this.enableRtl&&"Vertical"!==this.orientation?1===this.activeHandle?this.previousVal[1]:this.previousVal[0]:1===this.activeHandle?this.previousVal[0]:this.previousVal[1]))return 0}else if(t===this.previousVal)return 0;return 1},e.prototype.refreshTooltip=function(t){this.tooltip.isVisible&&this.tooltipObj&&(this.tooltipValue(),t&&(this.tooltipObj.refresh(t),this.tooltipTarget=t))},e.prototype.openTooltip=function(t){this.tooltip.isVisible&&this.tooltipObj&&!this.isMaterialTooltip&&(this.tooltipValue(),this.tooltipObj.open(t),this.tooltipTarget=t)},e.prototype.closeTooltip=function(){this.tooltip.isVisible&&this.tooltipObj&&"Always"!==this.tooltip.showOn&&!this.isMaterialTooltip&&(this.tooltipValue(),this.tooltipObj.close(),this.tooltipTarget=void 0)},e.prototype.keyDown=function(t){switch(t.keyCode){case 37:case 38:case 39:case 40:case 33:case 34:case 36:case 35:t.preventDefault(),this.buttonClick(t)}},e.prototype.wireButtonEvt=function(t){t?(I.remove(this.firstBtn,"mouseleave touchleave",this.buttonFocusOut),I.remove(this.secondBtn,"mouseleave touchleave",this.buttonFocusOut),I.remove(this.firstBtn,"mousedown touchstart",this.repeatHandlerMouse),I.remove(this.firstBtn,"mouseup mouseleave touchup touchend",this.repeatHandlerUp),I.remove(this.secondBtn,"mousedown touchstart",this.repeatHandlerMouse),I.remove(this.secondBtn,"mouseup mouseleave touchup touchend",this.repeatHandlerUp),I.remove(this.firstBtn,"focusout",this.sliderFocusOut),I.remove(this.secondBtn,"focusout",this.sliderFocusOut)):(I.add(this.firstBtn,"mouseleave touchleave",this.buttonFocusOut,this),I.add(this.secondBtn,"mouseleave touchleave",this.buttonFocusOut,this),I.add(this.firstBtn,"mousedown touchstart",this.repeatHandlerMouse,this),I.add(this.firstBtn,"mouseup mouseleave touchup touchend",this.repeatHandlerUp,this),I.add(this.secondBtn,"mousedown touchstart",this.repeatHandlerMouse,this),I.add(this.secondBtn,"mouseup mouseleave touchup touchend",this.repeatHandlerUp,this),I.add(this.firstBtn,"focusout",this.sliderFocusOut,this),I.add(this.secondBtn,"focusout",this.sliderFocusOut,this))},e.prototype.rangeBarMousedown=function(t){var i,r;if(t.preventDefault(),this.focusSliderElement(),"Range"===this.type&&this.drag&&t.target===this.rangeBar){var n=void 0,o=void 0;"mousedown"===t.type?(n=(i=[t.clientX,t.clientY])[0],o=i[1]):"touchstart"===t.type&&(n=(r=[t.changedTouches[0].clientX,t.changedTouches[0].clientY])[0],o=r[1]),"Horizontal"===this.orientation?(this.firstPartRemain=n-this.rangeBar.getBoundingClientRect().left,this.secondPartRemain=this.rangeBar.getBoundingClientRect().right-n):(this.firstPartRemain=o-this.rangeBar.getBoundingClientRect().top,this.secondPartRemain=this.rangeBar.getBoundingClientRect().bottom-o),this.minDiff=this.handleVal2-this.handleVal1,this.tooltipToggle(this.rangeBar);var a=this.element.querySelector(".e-tab-handle");a&&a.classList.remove("e-tab-handle"),I.add(document,"mousemove touchmove",this.dragRangeBarMove,this),I.add(document,"mouseup touchend",this.dragRangeBarUp,this)}},e.prototype.elementClick=function(t){this.isDragComplete?this.isDragComplete=!1:(t.preventDefault(),this.focusSliderElement(),this.sliderBarClick(t),this.focusHandle())},e.prototype.wireEvents=function(){this.onresize=this.reposition.bind(this),window.addEventListener("resize",this.onresize),this.enabled&&!this.readonly&&(I.add(this.element,"click",this.elementClick,this),"Range"===this.type&&this.drag&&I.add(this.rangeBar,"mousedown touchstart",this.rangeBarMousedown,this),I.add(this.sliderContainer,"keydown",this.keyDown,this),I.add(this.sliderContainer,"keyup",this.keyUp,this),I.add(this.element,"focusout",this.sliderFocusOut,this),I.add(this.sliderContainer,"mouseover mouseout touchstart touchend",this.hover,this),this.wireFirstHandleEvt(!1),"Range"===this.type&&this.wireSecondHandleEvt(!1),this.showButtons&&this.wireButtonEvt(!1),this.wireMaterialTooltipEvent(!1),this.isForm&&I.add(this.formElement,"reset",this.formResetHandler,this))},e.prototype.unwireEvents=function(){I.remove(this.element,"click",this.elementClick),"Range"===this.type&&this.drag&&I.remove(this.rangeBar,"mousedown touchstart",this.rangeBarMousedown),I.remove(this.sliderContainer,"keydown",this.keyDown),I.remove(this.sliderContainer,"keyup",this.keyUp),I.remove(this.element,"focusout",this.sliderFocusOut),I.remove(this.sliderContainer,"mouseover mouseout touchstart touchend",this.hover),this.wireFirstHandleEvt(!0),"Range"===this.type&&this.wireSecondHandleEvt(!0),this.showButtons&&this.wireButtonEvt(!0),this.wireMaterialTooltipEvent(!0),I.remove(this.element,"reset",this.formResetHandler)},e.prototype.formResetHandler=function(){this.setProperties({value:this.formResetValue},!0),this.setValue()},e.prototype.keyUp=function(t){if(9===t.keyCode&&t.target.classList.contains("e-handle")&&(this.focusSliderElement(),!t.target.classList.contains("e-tab-handle"))){this.element.querySelector(".e-tab-handle")&&this.element.querySelector(".e-tab-handle").classList.remove("e-tab-handle"),t.target.classList.add("e-tab-handle");var i=t.target.parentElement;i===this.element&&(i.querySelector(".e-slider-track").classList.add("e-tab-track"),("Range"===this.type||"MinRange"===this.type)&&i.querySelector(".e-range").classList.add("e-tab-range")),"Range"===this.type&&(this.activeHandle=t.target.previousSibling.classList.contains("e-handle")?2:1),this.getHandle().focus(),this.tooltipToggle(this.getHandle())}this.closeTooltip(),this.changeEvent("changed",t)},e.prototype.hover=function(t){if(!u(t))if("mouseover"===t.type||"touchmove"===t.type||"mousemove"===t.type||"pointermove"===t.type||"touchstart"===t.type)this.sliderContainer.classList.add("e-slider-hover");else{this.sliderContainer.classList.remove("e-slider-hover");var i=t.currentTarget;this.tooltip.isVisible&&"Always"!==this.tooltip.showOn&&this.tooltipObj&&this.isMaterialTooltip&&!i.classList.contains("e-handle-focused")&&!i.classList.contains("e-tab-handle")&&this.closeMaterialTooltip()}},e.prototype.sliderFocusOut=function(t){t.relatedTarget!==this.secondHandle&&t.relatedTarget!==this.firstHandle&&t.relatedTarget!==this.element&&t.relatedTarget!==this.firstBtn&&t.relatedTarget!==this.secondBtn&&(this.closeMaterialTooltip(),this.closeTooltip(),this.element.querySelector(".e-tab-handle")&&this.element.querySelector(".e-tab-handle").classList.remove("e-tab-handle"),this.element.querySelector(".e-tab-track")&&(this.element.querySelector(".e-tab-track").classList.remove("e-tab-track"),("Range"===this.type||"MinRange"===this.type)&&this.element.querySelector(".e-tab-range")&&this.element.querySelector(".e-tab-range").classList.remove("e-tab-range")),this.hiddenInput.focus(),this.hiddenInput.blur(),this.isElementFocused=!1)},e.prototype.removeElement=function(t){t.parentNode&&t.parentNode.removeChild(t)},e.prototype.changeSliderType=function(t,i){this.isMaterialTooltip&&this.materialHandle&&(this.sliderContainer.classList.remove("e-material-slider"),this.removeElement(this.materialHandle),this.materialHandle=void 0),this.removeElement(this.firstHandle),this.firstHandle=void 0,"Default"!==t&&("Range"===t&&(this.removeElement(this.secondHandle),this.secondHandle=void 0),this.removeElement(this.rangeBar),this.rangeBar=void 0),this.tooltip.isVisible&&!u(this.tooltipObj)&&(this.tooltipObj.destroy(),this.tooltipElement=void 0,this.tooltipCollidedPosition=void 0),this.limits.enabled&&("MinRange"===t||"Default"===t?u(this.limitBarFirst)||(this.removeElement(this.limitBarFirst),this.limitBarFirst=void 0):u(this.limitBarSecond)||(this.removeElement(this.limitBarSecond),this.limitBarSecond=void 0)),this.activeHandle=1,this.getThemeInitialization(),"Range"===this.type&&this.rangeValueUpdate(),this.createRangeBar(),this.limits.enabled&&this.createLimitBar(),this.setHandler(),this.setOrientClass(),this.wireFirstHandleEvt(!1),"Range"===this.type&&this.wireSecondHandleEvt(!1),this.setValue(),this.tooltip.isVisible&&(this.renderTooltip(),this.wireMaterialTooltipEvent(!1)),this.setBarColor(),"tooltip"!==i&&this.updateConfig(),this.readonly&&(this.sliderContainer.classList.remove("e-read-only"),this.setReadOnly())},e.prototype.changeRtl=function(){if(!this.enableRtl&&"Range"===this.type&&(this.value=[this.handleVal2,this.handleVal1]),this.updateConfig(),this.tooltip.isVisible&&this.tooltipObj.refresh(this.firstHandle),this.showButtons){var t=this.enableRtl&&"Vertical"!==this.orientation;ce(t?this.secondBtn:this.firstBtn,{"aria-label":"Decrease",title:"Decrease"}),ce(t?this.firstBtn:this.secondBtn,{"aria-label":"Increase",title:"Increase"})}},e.prototype.changeOrientation=function(){this.changeSliderType(this.type,"null")},e.prototype.updateConfig=function(){this.setEnableRTL(),this.setValue(),this.tooltip.isVisible&&this.refreshTooltip(this.tooltipTarget),"None"!==this.ticks.placement&&this.ul&&(this.removeElement(this.ul),this.ul=void 0,this.renderScale()),this.limitsPropertyChange()},e.prototype.limitsPropertyChange=function(){this.limits.enabled?(u(this.limitBarFirst)&&"Range"!==this.type&&this.createLimitBar(),u(this.limitBarFirst)&&u(this.limitBarSecond)&&"Range"===this.type&&this.createLimitBar(),this.setLimitBar(),this.setValue()):(u(this.limitBarFirst)||W(this.limitBarFirst),u(this.limitBarSecond)||W(this.limitBarSecond))},e.prototype.getPersistData=function(){return this.addOnPersist(["value"])},e.prototype.destroy=function(){s.prototype.destroy.call(this),this.unwireEvents(),window.removeEventListener("resize",this.onresize),R([this.sliderContainer],["e-disabled"]),this.firstHandle.removeAttribute("aria-orientation"),"Range"===this.type&&this.secondHandle.removeAttribute("aria-orientation"),this.sliderContainer.parentNode.insertBefore(this.element,this.sliderContainer),W(this.sliderContainer),this.tooltip.isVisible&&this.tooltipObj.destroy(),this.element.innerHTML="",this.hiddenInput=null,this.sliderContainer=null,this.sliderTrack=null,this.rangeBar=null,this.firstHandle=null,this.secondHandle=null,this.tickElementCollection=null,this.ul=null,this.firstBtn=null,this.secondBtn=null,this.materialHandle=null,this.tooltipObj=null,this.tooltipTarget=null,this.limitBarFirst=null,this.limitBarSecond=null,this.firstChild=null,this.lastChild=null,this.tooltipElement=null},e.prototype.onPropertyChanged=function(t,i){for(var r=this,n=0,o=Object.keys(t);nthis.colorRange[n].start){this.colorRange[n].startthis.max&&(this.colorRange[n].end=this.max);var o=this.checkHandlePosition(this.colorRange[n].start),a=this.checkHandlePosition(this.colorRange[n].end),l=this.createElement("div");l.style.backgroundColor=this.colorRange[n].color,l.style.border="1px solid "+this.colorRange[n].color,"Horizontal"===this.orientation?(i="e-slider-horizantal-color",t=this.enableRtl?u(this.customValues)?this.checkHandlePosition(this.max)-this.checkHandlePosition(this.colorRange[n].end):this.checkHandlePosition(this.customValues.length-this.colorRange[n].end-1):this.checkHandlePosition(this.colorRange[n].start),l.style.width=a-o+"px",l.style.left=t+"px"):(i="e-slider-vertical-color",t=this.checkHandlePosition(this.colorRange[n].start),l.style.height=a-o+"px",l.style.bottom=t+"px"),l.classList.add(i),this.sliderTrack.appendChild(l)}},e.prototype.getModuleName=function(){return"slider"},Fi([y(null)],e.prototype,"value",void 0),Fi([y(null)],e.prototype,"customValues",void 0),Fi([y(1)],e.prototype,"step",void 0),Fi([y(null)],e.prototype,"width",void 0),Fi([y(0)],e.prototype,"min",void 0),Fi([y(100)],e.prototype,"max",void 0),Fi([y(!1)],e.prototype,"readonly",void 0),Fi([y("Default")],e.prototype,"type",void 0),Fi([mn([{}],bBe)],e.prototype,"colorRange",void 0),Fi([$e({},CBe)],e.prototype,"ticks",void 0),Fi([$e({},SBe)],e.prototype,"limits",void 0),Fi([y(!0)],e.prototype,"enabled",void 0),Fi([$e({},EBe)],e.prototype,"tooltip",void 0),Fi([y(!1)],e.prototype,"showButtons",void 0),Fi([y(!0)],e.prototype,"enableAnimation",void 0),Fi([y("Horizontal")],e.prototype,"orientation",void 0),Fi([y("")],e.prototype,"cssClass",void 0),Fi([y(!0)],e.prototype,"enableHtmlSanitizer",void 0),Fi([Q()],e.prototype,"created",void 0),Fi([Q()],e.prototype,"change",void 0),Fi([Q()],e.prototype,"changed",void 0),Fi([Q()],e.prototype,"renderingTicks",void 0),Fi([Q()],e.prototype,"renderedTicks",void 0),Fi([Q()],e.prototype,"tooltipChange",void 0),Fi([St],e)}(Ai),MBe=function(){var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,r){i.__proto__=r}||function(i,r){for(var n in r)r.hasOwnProperty(n)&&(i[n]=r[n])})(e,t)};return function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}}(),tl=function(s,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(s,e,t,i);else for(var a=s.length-1;a>=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},Tw={EMAIL:new RegExp("^[A-Za-z0-9._%+-]{1,}@[A-Za-z0-9._%+-]{1,}([.]{1}[a-zA-Z0-9]{2,}|[.]{1}[a-zA-Z0-9]{2,4}[.]{1}[a-zA-Z0-9]{2,4})$"),URL:/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/m,DATE_ISO:new RegExp("^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$"),DIGITS:new RegExp("^[0-9]*$"),PHONE:new RegExp("^[+]?[0-9]{9,13}$"),CREDITCARD:new RegExp("^\\d{13,16}$")},nQ=function(s){return s[s.Message=0]="Message",s[s.Label=1]="Label",s}(nQ||{}),WX=function(s){function e(i,r){var n=s.call(this,r,i)||this;if(n.validated=[],n.errorRules=[],n.allowSubmit=!1,n.required="required",n.infoElement=null,n.inputElement=null,n.selectQuery="input:not([type=reset]):not([type=button]), select, textarea",n.localyMessage={},n.defaultMessages={required:"This field is required.",email:"Please enter a valid email address.",url:"Please enter a valid URL.",date:"Please enter a valid date.",dateIso:"Please enter a valid date ( ISO ).",creditcard:"Please enter valid card number",number:"Please enter a valid number.",digits:"Please enter only digits.",maxLength:"Please enter no more than {0} characters.",minLength:"Please enter at least {0} characters.",rangeLength:"Please enter a value between {0} and {1} characters long.",range:"Please enter a value between {0} and {1}.",max:"Please enter a value less than or equal to {0}.",min:"Please enter a value greater than or equal to {0}.",regex:"Please enter a correct value.",tel:"Please enter a valid phone number.",pattern:"Please enter a correct pattern value.",equalTo:"Please enter the valid match text"},typeof n.rules>"u"&&(n.rules={}),n.l10n=new sr("formValidator",n.defaultMessages,n.locale),n.locale&&n.localeFunc(),fv.on("notifyExternalChange",n.afterLocalization,n),i="string"==typeof i?K(i,document):i,null!=n.element)return n.element.setAttribute("novalidate",""),n.inputElements=Te(n.selectQuery,n.element),n.createHTML5Rules(),n.wireEvents(),n}var t;return MBe(e,s),t=e,e.prototype.addRules=function(i,r){i&&(this.rules.hasOwnProperty(i)?ee(this.rules[""+i],r,{}):this.rules[""+i]=r)},e.prototype.removeRules=function(i,r){if(i||r)if(this.rules[""+i]&&!r)delete this.rules[""+i];else{if(u(this.rules[""+i]&&r))return;for(var n=0;n0&&(this.getInputElement(a.name),this.getErrorElement(a.name),this.hideMessage(a.name)),l.classList.contains("e-control-wrapper")||l.classList.contains("e-wrapper")||a.classList.contains("e-input")&&l.classList.contains("e-input-group")?l.classList.remove(this.validClass):null!=h&&(h.classList.contains("e-control-wrapper")||h.classList.contains("e-wrapper"))?h.classList.remove(this.validClass):a.classList.remove(this.validClass)}},e.prototype.createHTML5Rules=function(){for(var i=["required","validateHidden","regex","rangeLength","maxLength","minLength","dateIso","digits","pattern","data-val-required","type","data-validation","min","max","range","equalTo","data-val-minlength-min","data-val-equalto-other","data-val-maxlength-max","data-val-range-min","data-val-regex-pattern","data-val-length-max","data-val-creditcard","data-val-phone"],r=["hidden","email","url","date","number","tel"],n=0,o=this.inputElements;n0?this.validate(r.name):-1===this.validated.indexOf(r.name)&&this.validated.push(r.name))},e.prototype.keyUpHandler=function(i){this.trigger("keyup",i);var r=i.target;9===i.which&&(!this.rules[r.name]||this.rules[r.name]&&!this.rules[r.name][this.required])||-1!==this.validated.indexOf(r.name)&&this.rules[r.name]&&-1===[16,17,18,20,35,36,37,38,39,40,45,144,225].indexOf(i.which)&&this.validate(r.name)},e.prototype.clickHandler=function(i){this.trigger("click",i);var r=i.target;"submit"!==r.type?this.validate(r.name):null!==r.getAttribute("formnovalidate")&&(this.allowSubmit=!0)},e.prototype.changeHandler=function(i){this.trigger("change",i),this.validate(i.target.name)},e.prototype.submitHandler=function(i){this.trigger("submit",i),this.allowSubmit||this.validate()?this.allowSubmit=!1:i.preventDefault()},e.prototype.resetHandler=function(){this.clearForm()},e.prototype.validateRules=function(i){if(this.rules[""+i]){var r=Object.keys(this.rules[""+i]),n=!1,o=!1,a=r.indexOf("validateHidden"),l=r.indexOf("hidden");if(this.getInputElement(i),-1!==l&&(n=!0),-1!==a&&(o=!0),!(!n||n&&o))return;-1!==a&&r.splice(a,1),-1!==l&&r.splice(l-1,1),this.getErrorElement(i);for(var h=0,d=r;h0:t.checkValidator[""+r](l))},e.prototype.getErrorMessage=function(i,r){var n=this.inputElement.getAttribute("data-"+r+"-message")?this.inputElement.getAttribute("data-"+r+"-message"):i instanceof Array&&"string"==typeof i[1]?i[1]:0!==Object.keys(this.localyMessage).length?this.localyMessage[""+r]:this.defaultMessages[""+r],o=n.match(/{(\d)}/g);if(!u(o))for(var a=0;a0:!isNaN(new Date(i.value).getTime())},email:function(i){return Tw.EMAIL.test(i.value)},url:function(i){return Tw.URL.test(i.value)},dateIso:function(i){return Tw.DATE_ISO.test(i.value)},tel:function(i){return Tw.PHONE.test(i.value)},creditcard:function(i){return Tw.CREDITCARD.test(i.value)},number:function(i){return!isNaN(Number(i.value))&&-1===i.value.indexOf(" ")},digits:function(i){return Tw.DIGITS.test(i.value)},maxLength:function(i){return i.value.length<=i.param},minLength:function(i){return i.value.length>=i.param},rangeLength:function(i){var r=i.param;return i.value.length>=r[0]&&i.value.length<=r[1]},range:function(i){var r=i.param;return!isNaN(Number(i.value))&&Number(i.value)>=r[0]&&Number(i.value)<=r[1]},date:function(i){if(u(i.param)||"string"!=typeof i.param||""===i.param)return!isNaN(new Date(i.value).getTime());var r=new Ri,n={format:i.param.toString(),type:"dateTime",skeleton:"yMd"},o=r.parseDate(i.value,n);return!u(o)&&o instanceof Date&&!isNaN(+o)},max:function(i){return isNaN(Number(i.value))?new Date(i.value).getTime()<=new Date(JSON.parse(JSON.stringify(i.param))).getTime():+i.value<=i.param},min:function(i){if(isNaN(Number(i.value))){if(-1!==i.value.indexOf(",")){var r=i.value.replace(/,/g,"");return parseFloat(r)>=i.param}return new Date(i.value).getTime()>=new Date(JSON.parse(JSON.stringify(i.param))).getTime()}return+i.value>=i.param},regex:function(i){return new RegExp(i.param).test(i.value)},equalTo:function(i){var r=i.formElement.querySelector("#"+i.param);return i.param=r.value,i.param===i.value}},tl([y("")],e.prototype,"locale",void 0),tl([y("e-hidden")],e.prototype,"ignore",void 0),tl([y()],e.prototype,"rules",void 0),tl([y("e-error")],e.prototype,"errorClass",void 0),tl([y("e-valid")],e.prototype,"validClass",void 0),tl([y("label")],e.prototype,"errorElement",void 0),tl([y("div")],e.prototype,"errorContainer",void 0),tl([y(nQ.Label)],e.prototype,"errorOption",void 0),tl([Q()],e.prototype,"focusout",void 0),tl([Q()],e.prototype,"keyup",void 0),tl([Q()],e.prototype,"click",void 0),tl([Q()],e.prototype,"change",void 0),tl([Q()],e.prototype,"submit",void 0),tl([Q()],e.prototype,"validationBegin",void 0),tl([Q()],e.prototype,"validationComplete",void 0),tl([Q()],e.prototype,"customPlacement",void 0),t=tl([St],e)}(mp),OBe=function(){var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,r){i.__proto__=r}||function(i,r){for(var n in r)r.hasOwnProperty(n)&&(i[n]=r[n])})(e,t)};return function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}}(),so=function(s,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(s,e,t,i);else for(var a=s.length-1;a>=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},VE="e-apply",tT="e-cancel",cQ="e-current",_E="e-ctrl-btn",Nw="e-switch-ctrl-btn",sZ="e-disabled",oZ="e-value-switch-btn",aZ="e-handler",uQ="e-hide-hex-value",pQ="e-hide-opacity",Lw="e-hide-switchable-value",Iv="e-hide-value",hZ="e-hide-valueswitcher",OE="e-hsv-color",dZ="e-hsv-container",Pw="e-selected-value",iT="e-mode-switch-btn",fQ="e-nocolor-item",gQ="e-opacity-value",QE="e-palette",rT="e-color-palette",mQ="e-color-picker",nT="e-preview-container",sT="e-previous",Rw="e-show-value",zE="e-selected",oT="e-split-preview",aT="e-tile",HBe_default=["#000000","#f44336","#e91e63","#9c27b0","#673ab7","#2196f3","#03a9f4","#00bcd4","#009688","#ffeb3b","#ffffff","#ffebee","#fce4ec","#f3e5f5","#ede7f6","#e3f2fd","#e1f5fe","#e0f7fa","#e0f2f1","#fffde7","#f2f2f2","#ffcdd2","#f8bbd0","#e1bee7","#d1c4e9","#bbdefb","#b3e5fc","#b2ebf2","#b2dfdb","#fff9c4","#e6e6e6","#ef9a9a","#f48fb1","#ce93d8","#b39ddb","#90caf9","#81d4fa","#80deea","#80cbc4","#fff59d","#cccccc","#e57373","#f06292","#ba68c8","#9575cd","#64b5f6","#4fc3f7","#4dd0e1","#4db6ac","#fff176","#b3b3b3","#ef5350","#ec407a","#ab47bc","#7e57c2","#42a5f5","#29b6f6","#26c6da","#26a69a","#ffee58","#999999","#e53935","#d81b60","#8e24aa","#5e35b1","#1e88e5","#039be5","#00acc1","#00897b","#fdd835","#808080","#d32f2f","#c2185b","#7b1fa2","#512da8","#1976d2","#0288d1","#0097a7","#00796b","#fbc02d","#666666","#c62828","#ad1457","#6a1b9a","#4527a0","#1565c0","#0277bd","#00838f","#00695c","#f9a825","#4d4d4d","#b71c1c","#880e4f","#4a148c","#311b92","#0d47a1","#01579b","#006064","#004d40","#f57f17"],Fw=function(s){function e(t,i){return s.call(this,t,i)||this}return OBe(e,s),e.prototype.preRender=function(){var t=this.element;this.formElement=k(this.element,"form"),this.formElement&&I.add(this.formElement,"reset",this.formResetHandler,this),this.l10n=new sr("colorpicker",{Apply:"Apply",Cancel:"Cancel",ModeSwitcher:"Switch Mode"},this.locale),t.getAttribute("ejs-for")&&!t.getAttribute("name")&&t.setAttribute("name",t.id)},e.prototype.render=function(){this.initWrapper(),this.inline?this.createWidget():this.createSplitBtn(),this.enableOpacity||M([this.container.parentElement],pQ),this.renderComplete()},e.prototype.initWrapper=function(){var t=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"});this.element.parentNode.insertBefore(t,this.element),t.appendChild(this.element),ce(this.element,{tabindex:"-1",spellcheck:"false","aria-label":"colorpicker"}),this.container=this.createElement("div",{className:"e-container"}),this.getWrapper().appendChild(this.container);var i=this.value?this.roundValue(this.value).toLowerCase():"#008000ff";this.noColor&&"Palette"===this.mode&&""===this.value&&(i="");var r=i.slice(0,7);u(this.initialInputValue)&&(this.initialInputValue=r),this.element.value=r,this.setProperties(this.enableOpacity?{value:i}:{value:r},!0),this.enableRtl&&t.classList.add("e-rtl"),this.cssClass&&M([t],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.tileRipple=on(this.container,{selector:"."+aT}),this.ctrlBtnRipple=on(this.container,{selector:".e-btn"})},e.prototype.getWrapper=function(){return this.element.parentElement},e.prototype.createWidget=function(){"Palette"===this.mode?(this.createPalette(),this.inline||this.firstPaletteFocus()):(this.createPicker(),this.inline||this.getDragHandler().focus()),this.isRgb=!0,this.createInput(),this.createCtrlBtn(),this.disabled||this.wireEvents(),this.inline&&this.disabled&&this.toggleDisabled(!0),D.isDevice&&this.refreshPopupPos()},e.prototype.createSplitBtn=function(){var t=this,i=this.createElement("button",{className:"e-split-colorpicker"});this.getWrapper().appendChild(i),this.splitBtn=new J1e({iconCss:"e-selected-color",target:this.container,disabled:this.disabled,enableRtl:this.enableRtl,createPopupOnClick:this.createPopupOnClick,open:this.onOpen.bind(this),click:function(){var a=new MouseEvent("click",{bubbles:!0,cancelable:!1});t.trigger("change",{currentValue:{hex:t.value.slice(0,7),rgba:t.convertToRgbString(t.hexToRgb(t.value))},previousValue:{hex:null,rgba:null},value:t.value,event:a})}}),this.splitBtn.createElement=this.createElement,this.splitBtn.appendTo(i);var r=this.createElement("span",{className:oT});K(".e-selected-color",i).appendChild(r),r.style.backgroundColor=this.convertToRgbString(this.hexToRgb(this.value));var n=this.getPopupEle();if(M([n],"e-colorpicker-popup"),this.cssClass&&M([n],this.cssClass.replace(/\s+/g," ").trim().split(" ")),D.isDevice&&!this.createPopupOnClick){var o=this.getPopupInst();o.relateTo=document.body,o.position={X:"center",Y:"center"},o.targetType="container",o.collision={X:"fit",Y:"fit"},o.offsetY=4,n.style.zIndex=fu(this.splitBtn.element).toString()}this.bindCallBackEvent()},e.prototype.onOpen=function(){if(this.trigger("open",{element:this.container}),!D.isDevice){var t=this.getPopupInst();Nd(t.element).length>0&&(t.collision={X:"flip",Y:"fit"},t.position={X:"right",Y:"bottom"},t.targetType="container")}},e.prototype.getPopupInst=function(){return Hs(this.getPopupEle(),So)},e.prototype.bindCallBackEvent=function(){var t=this;this.splitBtn.beforeOpen=function(i){var r=new Wx;return t.trigger("beforeOpen",i,function(n){if(!n.cancel){var o=t.getPopupEle();if(o.style.top=fe(0+pageYOffset),o.style.left=fe(0+pageXOffset),o.style.display="block",t.createWidget(),o.style.display="",D.isDevice){if(t.createPopupOnClick){var a=t.getPopupInst();a.relateTo=document.body,a.position={X:"center",Y:"center"},a.targetType="container",a.collision={X:"fit",Y:"fit"},a.offsetY=4,o.style.zIndex=fu(t.splitBtn.element).toString()}t.modal=t.createElement("div"),t.modal.className="e-"+t.getModuleName()+" e-modal",t.modal.style.display="none",document.body.insertBefore(t.modal,o),document.body.className+=" e-colorpicker-overflow",t.modal.style.display="block",t.modal.style.zIndex=(Number(o.style.zIndex)-1).toString()}}i.cancel=n.cancel,r.resolve(n)}),r},this.splitBtn.beforeClose=function(i){var r=new Wx;return u(i.event)?r.resolve(i):t.trigger("beforeClose",{element:t.container,event:i.event,cancel:!1},function(o){D.isDevice&&i.event.target===t.modal&&(o.cancel=!0),o.cancel||t.onPopupClose(),i.cancel=o.cancel,r.resolve(o)}),r}},e.prototype.onPopupClose=function(){this.unWireEvents(),this.destroyOtherComp(),this.container.style.width="",K("."+oT,this.splitBtn.element).style.backgroundColor=this.convertToRgbString(this.hexToRgb(this.value)),this.container.innerHTML="",R([this.container],[mQ,rT]),D.isDevice&&this.modal&&(R([document.body],"e-colorpicker-overflow"),this.modal.style.display="none",this.modal.outerHTML="",this.modal=null)},e.prototype.createPalette=function(){if(it(this.container,[rT],[mQ]),this.presetColors){var t=this.createElement("div",{className:"e-custom-palette"});this.appendElement(t);var i=Object.keys(this.presetColors);if(1===i.length)this.appendPalette(this.presetColors[i[0]],i[0],t);else for(var r=0,n=i.length;r10&&M([t],"e-palette-group")}else this.appendPalette(HBe_default,"default");"Palette"===this.mode&&!this.modeSwitcher&&this.noColor&&this.setNoColor();var o=parseInt(getComputedStyle(this.container).borderBottomWidth,10);this.container.style.width=fe(this.container.children[0].offsetWidth+o+o),this.rgb=this.hexToRgb(this.roundValue(this.value)),this.hsv=this.rgbToHsv.apply(this,this.rgb)},e.prototype.firstPaletteFocus=function(){K("."+zE,this.container.children[0])||Te("."+QE,this.container)[0].focus()},e.prototype.appendPalette=function(t,i,r){var n=this.createElement("div",{className:QE,attrs:{tabindex:"0",role:"grid"}});r?r.appendChild(n):this.appendElement(n);for(var o,a,l,h=0,d=t.length;h100?100:this.hsv[1],this.hsv[2]=this.hsv[2]>100?100:this.hsv[2],this.setHandlerPosition()},e.prototype.convertToOtherFormat=function(t,i){void 0===t&&(t=!1);var r=this.rgbToHex(this.rgb);this.rgb=this.hsvToRgb.apply(this,this.hsv);var n=this.rgbToHex(this.rgb),o=this.convertToRgbString(this.rgb);this.updatePreview(o),this.updateInput(n),this.triggerEvent(n,r,o,t,i)},e.prototype.updateInput=function(t){var i=this.getWrapper();i.classList.contains(Iv)||(i.classList.contains(uQ)||se.setValue(t.substr(0,7),K(".e-hex",this.container)),i.classList.contains(Lw)||this.updateValue(this.isRgb?this.rgb:this.hsv,!1))},e.prototype.updatePreview=function(t){this.enableOpacity&&this.updateOpacitySliderBg(),K(".e-tip-transparent",this.tooltipEle).style.backgroundColor=t,K("."+nT+" ."+cQ,this.container).style.backgroundColor=t,K("."+nT+" ."+sT,this.container).style.backgroundColor=this.convertToRgbString(this.hexToRgb(this.value))},e.prototype.getDragHandler=function(){return K("."+aZ,this.container)},e.prototype.removeTileSelection=function(){[].slice.call(Te("."+zE,this.container.children[0])).forEach(function(i){i.classList.remove(zE),i.setAttribute("aria-selected","false")})},e.prototype.convertRgbToNumberArray=function(t){return t.slice(t.indexOf("(")+1,t.indexOf(")")).split(",").map(function(i,r){return 3!==r?parseInt(i,10):parseFloat(i)})},e.prototype.getValue=function(t,i){if(t||(t=this.value),i=i?i.toLowerCase():"hex","r"===t[0]){var r=this.convertRgbToNumberArray(t);if("hex"===i||"hexa"===i){var n=this.rgbToHex(r);return"hex"===i?n.slice(0,7):n}return"hsv"===i?this.convertToHsvString(this.rgbToHsv.apply(this,r.slice(0,3))):"hsva"===i?this.convertToHsvString(this.rgbToHsv.apply(this,r)):"null"}if("h"===t[0])return r=this.hsvToRgb.apply(this,this.convertRgbToNumberArray(t)),"rgba"===i?this.convertToRgbString(r):"hex"===i||"hexa"===i?(n=this.rgbToHex(r),"hex"===i?n.slice(0,7):n):"rgb"===i?this.convertToRgbString(r.slice(0,3)):"null";t=this.roundValue(t);var o=this.hexToRgb(t);return("rgb"===i||"hsv"===i)&&(o=o.slice(0,3)),"rgba"===i||"rgb"===i?this.convertToRgbString(o):"hsva"===i||"hsv"===i?this.convertToHsvString(this.rgbToHsv.apply(this,o)):"hex"===i?t.slice(0,7):"a"===i?o[3].toString():"null"},e.prototype.toggle=function(){this.container.parentElement.classList.contains("e-popup-close")?this.splitBtn.toggle():this.closePopup(null)},e.prototype.getModuleName=function(){return"colorpicker"},e.prototype.getPersistData=function(){return this.addOnPersist(["value"])},e.prototype.wireEvents=function(){if(this.isPicker()){var t=this.getDragHandler();I.add(t,"keydown",this.pickerKeyDown,this);var i=K("."+_E,this.container);i&&I.add(i,"keydown",this.ctrlBtnKeyDown,this),I.add(this.getHsvContainer(),"mousedown touchstart",this.handlerDown,this),(this.modeSwitcher||this.showButtons)&&this.addCtrlSwitchEvent(),I.add(K("."+sT,this.container),"click",this.previewHandler,this)}else I.add(this.container,"click",this.paletteClickHandler,this),I.add(this.container,"keydown",this.paletteKeyDown,this)},e.prototype.formResetHandler=function(){this.value=this.initialInputValue,ce(this.element,{value:this.initialInputValue})},e.prototype.addCtrlSwitchEvent=function(){var t=K("."+Nw,this.container);t&&I.add(t,"click",this.btnClickHandler,this)},e.prototype.ctrlBtnKeyDown=function(t){if(13===t.keyCode){if(K("."+VE,this.container)){var r=this.rgbToHex(this.rgb);this.triggerChangeEvent(r)}this.splitBtn.element.focus()}},e.prototype.pickerKeyDown=function(t){switch(t.keyCode){case 39:this.handlerDragPosition(1,this.enableRtl?-1:1,t);break;case 37:this.handlerDragPosition(1,this.enableRtl?1:-1,t);break;case 38:this.handlerDragPosition(2,1,t);break;case 40:this.handlerDragPosition(2,-1,t);break;case 13:t.preventDefault();var i=this.rgbToHex(this.rgb);this.enterKeyHandler(i,t)}},e.prototype.enterKeyHandler=function(t,i){this.triggerChangeEvent(t),this.inline||this.splitBtn.element.focus()},e.prototype.closePopup=function(t){var i=this;this.trigger("beforeClose",{element:this.container,event:t,cancel:!1},function(n){n.cancel||(i.splitBtn.toggle(),i.onPopupClose())})},e.prototype.triggerChangeEvent=function(t,i){var r=t.slice(0,7);this.trigger("change",{currentValue:{hex:r,rgba:this.convertToRgbString(this.rgb)},event:i,previousValue:{hex:this.value.slice(0,7),rgba:this.convertToRgbString(this.hexToRgb(this.value))},value:this.enableOpacity?t:r}),this.setProperties(this.enableOpacity?{value:t}:{value:r},!0),this.element.value=r||"#000000"},e.prototype.handlerDragPosition=function(t,i,r){r.preventDefault(),this.hsv[t]+=i*(r.ctrlKey?1:3),this.hsv[t]<0&&(this.hsv[t]=0),this.updateHsv(),this.convertToOtherFormat(!0,r)},e.prototype.handlerDown=function(t){t.preventDefault(),"mousedown"===t.type?(this.clientX=Math.abs(t.pageX-pageXOffset),this.clientY=Math.abs(t.pageY-pageYOffset),this.setTooltipOffset(8)):(this.clientX=Math.abs(t.changedTouches[0].pageX-pageXOffset),this.clientY=Math.abs(t.changedTouches[0].pageY-pageYOffset),this.setTooltipOffset(-8)),this.setHsv(this.clientX,this.clientY),this.getDragHandler().style.transition="left .4s cubic-bezier(.25, .8, .25, 1), top .4s cubic-bezier(.25, .8, .25, 1)",this.updateHsv(),this.convertToOtherFormat(!1,t),this.getDragHandler().focus(),I.add(document,"mousemove touchmove",this.handlerMove,this),I.add(document,"mouseup touchend",this.handlerEnd,this)},e.prototype.handlerMove=function(t){var i,r;"touchmove"!==t.type&&t.preventDefault(),"mousemove"===t.type?(i=Math.abs(t.pageX-pageXOffset),r=Math.abs(t.pageY-pageYOffset)):(i=Math.abs(t.changedTouches[0].pageX-pageXOffset),r=Math.abs(t.changedTouches[0].pageY-pageYOffset)),this.setHsv(i,r);var n=this.getDragHandler();this.updateHsv(),this.convertToOtherFormat(!1,t),this.getTooltipInst().refresh(n),this.tooltipEle.style.transform||(Math.abs(this.clientX-i)>8||Math.abs(this.clientY-r)>8)&&(K("."+OE,this.container).style.cursor="pointer",n.style.transition="none",this.inline||(this.tooltipEle.style.zIndex=(parseInt(this.getPopupEle().style.zIndex,10)+1).toString()),this.tooltipEle.style.transform="rotate(45deg)",n.classList.add("e-hide-handler"))},e.prototype.setHsv=function(t,i){var r=K("."+OE,this.container),n=r.getBoundingClientRect();t=this.enableRtl?t>n.right?0:Math.abs(t-n.right):t>n.left?Math.abs(t-n.left):0,i=i>n.top?Math.abs(i-n.top):0,this.hsv[2]=Math.round(10*Number(100*(r.offsetHeight-Math.max(0,Math.min(r.offsetHeight,i-r.offsetTop)))/r.offsetHeight))/10,this.hsv[1]=Math.round(10*Number(100*Math.max(0,Math.min(r.offsetWidth,t-r.offsetLeft))/r.offsetWidth))/10},e.prototype.handlerEnd=function(t){"touchend"!==t.type&&t.preventDefault(),I.remove(document,"mousemove touchmove",this.handlerMove),I.remove(document,"mouseup touchend",this.handlerEnd);var i=this.getDragHandler();K("."+OE,this.container).style.cursor="",this.tooltipEle.style.transform&&(this.tooltipEle.style.transform="",i.classList.remove("e-hide-handler")),!this.inline&&!this.showButtons&&this.closePopup(t)},e.prototype.btnClickHandler=function(t){var i=t.target;k(i,"."+iT)?(t.stopPropagation(),this.switchToPalette()):(i.classList.contains(VE)||i.classList.contains(tT))&&this.ctrlBtnClick(i,t)},e.prototype.switchToPalette=function(){this.trigger("beforeModeSwitch",{element:this.container,mode:"Palette"}),this.unWireEvents(),this.destroyOtherComp(),W(K(".e-slider-preview",this.container)),this.getWrapper().classList.contains(Iv)||Ce(K("."+Pw,this.container)),W(this.getHsvContainer()),this.createPalette(),this.firstPaletteFocus(),this.createInput(),this.refreshPopupPos(),this.element.parentElement&&this.element.parentElement.parentElement&&this.element.parentElement.parentElement.classList.contains("e-ie-ddb-popup")&&this.refreshImageEditorPopupPos(),this.wireEvents(),this.trigger("onModeSwitch",{element:this.container,mode:"Palette"})},e.prototype.refreshImageEditorPopupPos=function(){if(D.isDevice){var t=this.getPopupEle();t.style.left=fe(0+pageXOffset),t.style.top=fe(0+pageYOffset);var i=document.querySelector("#"+this.element.parentElement.parentElement.id.split("-popup")[0]);i&&t.parentElement.ej2_instances[0].refreshPosition(i)}},e.prototype.refreshPopupPos=function(){if(!this.inline){var t=this.getPopupEle();t.style.left=fe(0+pageXOffset),t.style.top=fe(0+pageYOffset),this.getPopupInst().refreshPosition(this.splitBtn.element.parentElement)}},e.prototype.formatSwitchHandler=function(){this.isRgb?(this.updateValue(this.hsv,!0,3,[360,100,100]),this.isRgb=!1):(this.updateValue(this.rgb,!0,2),this.isRgb=!0)},e.prototype.updateValue=function(t,i,r,n){for(var a,o=["e-rh-value","e-gs-value","e-bv-value"],l=0,h=o.length;l>16&255),n.push(r>>8&255),n.push(255&r),n.push(i),n},e.prototype.rgbToHsv=function(t,i,r,n){if(this.rgb&&!this.rgb.length)return[];t/=255,i/=255,r/=255;var l,o=Math.max(t,i,r),a=Math.min(t,i,r),h=o,d=o-a,c=0===o?0:d/o;if(o===a)l=0;else{switch(o){case t:l=(i-r)/d+(i=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},il=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.previousValue=null,r.isAngular=!1,r.isHiddenInput=!1,r.isForm=!1,r.inputPreviousValue=null,r.isVue=!1,r.isReact=!1,r.textboxOptions=t,r}return UBe(e,s),e.prototype.onPropertyChanged=function(t,i){for(var r=0,n=Object.keys(t);r0&&this.condition&&-1!==this.condition.indexOf("not")&&(t[n].condition=t[n].condition?t[n].condition+"not":"not"),i=t[n].validate(e),r){if(!i)return!1}else if(i)return!0;return r},s.prototype.toJson=function(){var e,t;if(this.isComplex){e=[],t=this.predicates;for(var i=0;it.length-3?(t=t.substring(0,t.length-1),s.endsWith(s.toLowerCase(e),s.toLowerCase(t))):(t.lastIndexOf("%")!==t.indexOf("%")&&t.lastIndexOf("%")>t.indexOf("%")+1&&(t=t.substring(t.indexOf("%")+1,t.lastIndexOf("%"))),-1!==e.indexOf(t)))},s.fnSort=function(e){return"ascending"===(e=e?s.toLowerCase(e):"ascending")?this.fnAscending:this.fnDescending},s.fnAscending=function(e,t){return u(e)&&u(t)||null==t?-1:"string"==typeof e?e.localeCompare(t):null==e?1:e-t},s.fnDescending=function(e,t){return u(e)&&u(t)?-1:null==t?1:"string"==typeof e?-1*e.localeCompare(t):null==e?-1:t-e},s.extractFields=function(e,t){for(var i={},r=0;r0||t.length>0;)o=e.length>0&&t.length>0?r?r(this.getVal(e,0,i),this.getVal(t,0,i),e[0],t[0])<=0?e:t:e[0][i]0?e:t,n.push(o.shift());return n},s.getVal=function(e,t,i){return i?this.getObject(i,e[t]):e[t]},s.toLowerCase=function(e){return e?"string"==typeof e?e.toLowerCase():e.toString():0===e||!1===e?e.toString():""},s.callAdaptorFunction=function(e,t,i,r){if(t in e){var n=e[t](i,r);u(n)||(i=n)}return i},s.getAddParams=function(e,t,i){var r={};return s.callAdaptorFunction(e,"addParams",{dm:t,query:i,params:i.params,reqParams:r}),r},s.isPlainObject=function(e){return!!e&&e.constructor===Object},s.isCors=function(){var e=null;try{e=new window.XMLHttpRequest}catch{}return!!e&&"withCredentials"in e},s.getGuid=function(e){var i;return(e||"")+"00000000-0000-4000-0000-000000000000".replace(/0/g,function(r,n){if("crypto"in window&&"getRandomValues"in crypto){var o=new Uint8Array(1);window.crypto.getRandomValues(o),i=o[0]%16|0}else i=16*Math.random()|0;return"0123456789abcdef"[19===n?3&i|8:i]})},s.isNull=function(e){return null==e},s.getItemFromComparer=function(e,t,i){var r,n,o,a=0,l="string"==typeof s.getVal(e,0,t);if(e.length)for(;u(r)&&a0&&(r=n,o=e[a]));return o},s.distinct=function(e,t,i){i=!u(i)&&i;var n,r=[],o={};return e.forEach(function(a,l){(n="object"==typeof e[l]?s.getVal(e,l,t):e[l])in o||(r.push(i?e[l]:n),o[n]=1)}),r},s.processData=function(e,t){var i=this.prepareQuery(e),r=new oe(t);e.requiresCounts&&i.requiresCount();var n=r.executeLocal(i),o={result:e.requiresCounts?n.result:n,count:n.count,aggregates:JSON.stringify(n.aggregates)};return e.requiresCounts?o:n},s.prepareQuery=function(e){var t=this,i=new Re;return e.select&&i.select(e.select),e.where&&s.parse.parseJson(e.where).filter(function(o){if(u(o.condition))i.where(o.field,o.operator,o.value,o.ignoreCase,o.ignoreAccent);else{var a=[];o.field?a.push(new Ht(o.field,o.operator,o.value,o.ignoreCase,o.ignoreAccent)):a=a.concat(t.getPredicate(o.predicates)),"or"===o.condition?i.where(Ht.or(a)):"and"===o.condition&&i.where(Ht.and(a))}}),e.search&&s.parse.parseJson(e.search).filter(function(o){return i.search(o.key,o.fields,o.operator,o.ignoreCase,o.ignoreAccent)}),e.aggregates&&e.aggregates.filter(function(o){return i.aggregate(o.type,o.field)}),e.sorted&&e.sorted.filter(function(o){return i.sortBy(o.name,o.direction)}),e.skip&&i.skip(e.skip),e.take&&i.take(e.take),e.group&&e.group.filter(function(o){return i.group(o)}),i},s.getPredicate=function(e){for(var t=[],i=0;i":"greaterthan","<=":"lessthanorequal",">=":"greaterthanorequal","==":"equal","!=":"notequal","*=":"contains","$=":"endswith","^=":"startswith"},s.odBiOperator={"<":" lt ",">":" gt ","<=":" le ",">=":" ge ","==":" eq ","!=":" ne ",lessthan:" lt ",lessthanorequal:" le ",greaterthan:" gt ",greaterthanorequal:" ge ",equal:" eq ",notequal:" ne "},s.odUniOperator={"$=":"endswith","^=":"startswith","*=":"substringof",endswith:"endswith",startswith:"startswith",contains:"substringof",doesnotendwith:"not endswith",doesnotstartwith:"not startswith",doesnotcontain:"not substringof",wildcard:"wildcard",like:"like"},s.odv4UniOperator={"$=":"endswith","^=":"startswith","*=":"contains",endswith:"endswith",startswith:"startswith",contains:"contains",doesnotendwith:"not endswith",doesnotstartwith:"not startswith",doesnotcontain:"not contains",wildcard:"wildcard",like:"like"},s.diacritics={"\u24b6":"A",\uff21:"A",\u00c0:"A",\u00c1:"A",\u00c2:"A",\u1ea6:"A",\u1ea4:"A",\u1eaa:"A",\u1ea8:"A",\u00c3:"A",\u0100:"A",\u0102:"A",\u1eb0:"A",\u1eae:"A",\u1eb4:"A",\u1eb2:"A",\u0226:"A",\u01e0:"A",\u00c4:"A",\u01de:"A",\u1ea2:"A",\u00c5:"A",\u01fa:"A",\u01cd:"A",\u0200:"A",\u0202:"A",\u1ea0:"A",\u1eac:"A",\u1eb6:"A",\u1e00:"A",\u0104:"A",\u023a:"A",\u2c6f:"A",\ua732:"AA",\u00c6:"AE",\u01fc:"AE",\u01e2:"AE",\ua734:"AO",\ua736:"AU",\ua738:"AV",\ua73a:"AV",\ua73c:"AY","\u24b7":"B",\uff22:"B",\u1e02:"B",\u1e04:"B",\u1e06:"B",\u0243:"B",\u0182:"B",\u0181:"B","\u24b8":"C",\uff23:"C",\u0106:"C",\u0108:"C",\u010a:"C",\u010c:"C",\u00c7:"C",\u1e08:"C",\u0187:"C",\u023b:"C",\ua73e:"C","\u24b9":"D",\uff24:"D",\u1e0a:"D",\u010e:"D",\u1e0c:"D",\u1e10:"D",\u1e12:"D",\u1e0e:"D",\u0110:"D",\u018b:"D",\u018a:"D",\u0189:"D",\ua779:"D",\u01f1:"DZ",\u01c4:"DZ",\u01f2:"Dz",\u01c5:"Dz","\u24ba":"E",\uff25:"E",\u00c8:"E",\u00c9:"E",\u00ca:"E",\u1ec0:"E",\u1ebe:"E",\u1ec4:"E",\u1ec2:"E",\u1ebc:"E",\u0112:"E",\u1e14:"E",\u1e16:"E",\u0114:"E",\u0116:"E",\u00cb:"E",\u1eba:"E",\u011a:"E",\u0204:"E",\u0206:"E",\u1eb8:"E",\u1ec6:"E",\u0228:"E",\u1e1c:"E",\u0118:"E",\u1e18:"E",\u1e1a:"E",\u0190:"E",\u018e:"E","\u24bb":"F",\uff26:"F",\u1e1e:"F",\u0191:"F",\ua77b:"F","\u24bc":"G",\uff27:"G",\u01f4:"G",\u011c:"G",\u1e20:"G",\u011e:"G",\u0120:"G",\u01e6:"G",\u0122:"G",\u01e4:"G",\u0193:"G",\ua7a0:"G",\ua77d:"G",\ua77e:"G","\u24bd":"H",\uff28:"H",\u0124:"H",\u1e22:"H",\u1e26:"H",\u021e:"H",\u1e24:"H",\u1e28:"H",\u1e2a:"H",\u0126:"H",\u2c67:"H",\u2c75:"H",\ua78d:"H","\u24be":"I",\uff29:"I",\u00cc:"I",\u00cd:"I",\u00ce:"I",\u0128:"I",\u012a:"I",\u012c:"I",\u0130:"I",\u00cf:"I",\u1e2e:"I",\u1ec8:"I",\u01cf:"I",\u0208:"I",\u020a:"I",\u1eca:"I",\u012e:"I",\u1e2c:"I",\u0197:"I","\u24bf":"J",\uff2a:"J",\u0134:"J",\u0248:"J","\u24c0":"K",\uff2b:"K",\u1e30:"K",\u01e8:"K",\u1e32:"K",\u0136:"K",\u1e34:"K",\u0198:"K",\u2c69:"K",\ua740:"K",\ua742:"K",\ua744:"K",\ua7a2:"K","\u24c1":"L",\uff2c:"L",\u013f:"L",\u0139:"L",\u013d:"L",\u1e36:"L",\u1e38:"L",\u013b:"L",\u1e3c:"L",\u1e3a:"L",\u0141:"L",\u023d:"L",\u2c62:"L",\u2c60:"L",\ua748:"L",\ua746:"L",\ua780:"L",\u01c7:"LJ",\u01c8:"Lj","\u24c2":"M",\uff2d:"M",\u1e3e:"M",\u1e40:"M",\u1e42:"M",\u2c6e:"M",\u019c:"M","\u24c3":"N",\uff2e:"N",\u01f8:"N",\u0143:"N",\u00d1:"N",\u1e44:"N",\u0147:"N",\u1e46:"N",\u0145:"N",\u1e4a:"N",\u1e48:"N",\u0220:"N",\u019d:"N",\ua790:"N",\ua7a4:"N",\u01ca:"NJ",\u01cb:"Nj","\u24c4":"O",\uff2f:"O",\u00d2:"O",\u00d3:"O",\u00d4:"O",\u1ed2:"O",\u1ed0:"O",\u1ed6:"O",\u1ed4:"O",\u00d5:"O",\u1e4c:"O",\u022c:"O",\u1e4e:"O",\u014c:"O",\u1e50:"O",\u1e52:"O",\u014e:"O",\u022e:"O",\u0230:"O",\u00d6:"O",\u022a:"O",\u1ece:"O",\u0150:"O",\u01d1:"O",\u020c:"O",\u020e:"O",\u01a0:"O",\u1edc:"O",\u1eda:"O",\u1ee0:"O",\u1ede:"O",\u1ee2:"O",\u1ecc:"O",\u1ed8:"O",\u01ea:"O",\u01ec:"O",\u00d8:"O",\u01fe:"O",\u0186:"O",\u019f:"O",\ua74a:"O",\ua74c:"O",\u01a2:"OI",\ua74e:"OO",\u0222:"OU","\u24c5":"P",\uff30:"P",\u1e54:"P",\u1e56:"P",\u01a4:"P",\u2c63:"P",\ua750:"P",\ua752:"P",\ua754:"P","\u24c6":"Q",\uff31:"Q",\ua756:"Q",\ua758:"Q",\u024a:"Q","\u24c7":"R",\uff32:"R",\u0154:"R",\u1e58:"R",\u0158:"R",\u0210:"R",\u0212:"R",\u1e5a:"R",\u1e5c:"R",\u0156:"R",\u1e5e:"R",\u024c:"R",\u2c64:"R",\ua75a:"R",\ua7a6:"R",\ua782:"R","\u24c8":"S",\uff33:"S",\u1e9e:"S",\u015a:"S",\u1e64:"S",\u015c:"S",\u1e60:"S",\u0160:"S",\u1e66:"S",\u1e62:"S",\u1e68:"S",\u0218:"S",\u015e:"S",\u2c7e:"S",\ua7a8:"S",\ua784:"S","\u24c9":"T",\uff34:"T",\u1e6a:"T",\u0164:"T",\u1e6c:"T",\u021a:"T",\u0162:"T",\u1e70:"T",\u1e6e:"T",\u0166:"T",\u01ac:"T",\u01ae:"T",\u023e:"T",\ua786:"T",\ua728:"TZ","\u24ca":"U",\uff35:"U",\u00d9:"U",\u00da:"U",\u00db:"U",\u0168:"U",\u1e78:"U",\u016a:"U",\u1e7a:"U",\u016c:"U",\u00dc:"U",\u01db:"U",\u01d7:"U",\u01d5:"U",\u01d9:"U",\u1ee6:"U",\u016e:"U",\u0170:"U",\u01d3:"U",\u0214:"U",\u0216:"U",\u01af:"U",\u1eea:"U",\u1ee8:"U",\u1eee:"U",\u1eec:"U",\u1ef0:"U",\u1ee4:"U",\u1e72:"U",\u0172:"U",\u1e76:"U",\u1e74:"U",\u0244:"U","\u24cb":"V",\uff36:"V",\u1e7c:"V",\u1e7e:"V",\u01b2:"V",\ua75e:"V",\u0245:"V",\ua760:"VY","\u24cc":"W",\uff37:"W",\u1e80:"W",\u1e82:"W",\u0174:"W",\u1e86:"W",\u1e84:"W",\u1e88:"W",\u2c72:"W","\u24cd":"X",\uff38:"X",\u1e8a:"X",\u1e8c:"X","\u24ce":"Y",\uff39:"Y",\u1ef2:"Y",\u00dd:"Y",\u0176:"Y",\u1ef8:"Y",\u0232:"Y",\u1e8e:"Y",\u0178:"Y",\u1ef6:"Y",\u1ef4:"Y",\u01b3:"Y",\u024e:"Y",\u1efe:"Y","\u24cf":"Z",\uff3a:"Z",\u0179:"Z",\u1e90:"Z",\u017b:"Z",\u017d:"Z",\u1e92:"Z",\u1e94:"Z",\u01b5:"Z",\u0224:"Z",\u2c7f:"Z",\u2c6b:"Z",\ua762:"Z","\u24d0":"a",\uff41:"a",\u1e9a:"a",\u00e0:"a",\u00e1:"a",\u00e2:"a",\u1ea7:"a",\u1ea5:"a",\u1eab:"a",\u1ea9:"a",\u00e3:"a",\u0101:"a",\u0103:"a",\u1eb1:"a",\u1eaf:"a",\u1eb5:"a",\u1eb3:"a",\u0227:"a",\u01e1:"a",\u00e4:"a",\u01df:"a",\u1ea3:"a",\u00e5:"a",\u01fb:"a",\u01ce:"a",\u0201:"a",\u0203:"a",\u1ea1:"a",\u1ead:"a",\u1eb7:"a",\u1e01:"a",\u0105:"a",\u2c65:"a",\u0250:"a",\ua733:"aa",\u00e6:"ae",\u01fd:"ae",\u01e3:"ae",\ua735:"ao",\ua737:"au",\ua739:"av",\ua73b:"av",\ua73d:"ay","\u24d1":"b",\uff42:"b",\u1e03:"b",\u1e05:"b",\u1e07:"b",\u0180:"b",\u0183:"b",\u0253:"b","\u24d2":"c",\uff43:"c",\u0107:"c",\u0109:"c",\u010b:"c",\u010d:"c",\u00e7:"c",\u1e09:"c",\u0188:"c",\u023c:"c",\ua73f:"c",\u2184:"c","\u24d3":"d",\uff44:"d",\u1e0b:"d",\u010f:"d",\u1e0d:"d",\u1e11:"d",\u1e13:"d",\u1e0f:"d",\u0111:"d",\u018c:"d",\u0256:"d",\u0257:"d",\ua77a:"d",\u01f3:"dz",\u01c6:"dz","\u24d4":"e",\uff45:"e",\u00e8:"e",\u00e9:"e",\u00ea:"e",\u1ec1:"e",\u1ebf:"e",\u1ec5:"e",\u1ec3:"e",\u1ebd:"e",\u0113:"e",\u1e15:"e",\u1e17:"e",\u0115:"e",\u0117:"e",\u00eb:"e",\u1ebb:"e",\u011b:"e",\u0205:"e",\u0207:"e",\u1eb9:"e",\u1ec7:"e",\u0229:"e",\u1e1d:"e",\u0119:"e",\u1e19:"e",\u1e1b:"e",\u0247:"e",\u025b:"e",\u01dd:"e","\u24d5":"f",\uff46:"f",\u1e1f:"f",\u0192:"f",\ua77c:"f","\u24d6":"g",\uff47:"g",\u01f5:"g",\u011d:"g",\u1e21:"g",\u011f:"g",\u0121:"g",\u01e7:"g",\u0123:"g",\u01e5:"g",\u0260:"g",\ua7a1:"g",\u1d79:"g",\ua77f:"g","\u24d7":"h",\uff48:"h",\u0125:"h",\u1e23:"h",\u1e27:"h",\u021f:"h",\u1e25:"h",\u1e29:"h",\u1e2b:"h",\u1e96:"h",\u0127:"h",\u2c68:"h",\u2c76:"h",\u0265:"h",\u0195:"hv","\u24d8":"i",\uff49:"i",\u00ec:"i",\u00ed:"i",\u00ee:"i",\u0129:"i",\u012b:"i",\u012d:"i",\u00ef:"i",\u1e2f:"i",\u1ec9:"i",\u01d0:"i",\u0209:"i",\u020b:"i",\u1ecb:"i",\u012f:"i",\u1e2d:"i",\u0268:"i",\u0131:"i","\u24d9":"j",\uff4a:"j",\u0135:"j",\u01f0:"j",\u0249:"j","\u24da":"k",\uff4b:"k",\u1e31:"k",\u01e9:"k",\u1e33:"k",\u0137:"k",\u1e35:"k",\u0199:"k",\u2c6a:"k",\ua741:"k",\ua743:"k",\ua745:"k",\ua7a3:"k","\u24db":"l",\uff4c:"l",\u0140:"l",\u013a:"l",\u013e:"l",\u1e37:"l",\u1e39:"l",\u013c:"l",\u1e3d:"l",\u1e3b:"l",\u017f:"l",\u0142:"l",\u019a:"l",\u026b:"l",\u2c61:"l",\ua749:"l",\ua781:"l",\ua747:"l",\u01c9:"lj","\u24dc":"m",\uff4d:"m",\u1e3f:"m",\u1e41:"m",\u1e43:"m",\u0271:"m",\u026f:"m","\u24dd":"n",\uff4e:"n",\u01f9:"n",\u0144:"n",\u00f1:"n",\u1e45:"n",\u0148:"n",\u1e47:"n",\u0146:"n",\u1e4b:"n",\u1e49:"n",\u019e:"n",\u0272:"n",\u0149:"n",\ua791:"n",\ua7a5:"n",\u01cc:"nj","\u24de":"o",\uff4f:"o",\u00f2:"o",\u00f3:"o",\u00f4:"o",\u1ed3:"o",\u1ed1:"o",\u1ed7:"o",\u1ed5:"o",\u00f5:"o",\u1e4d:"o",\u022d:"o",\u1e4f:"o",\u014d:"o",\u1e51:"o",\u1e53:"o",\u014f:"o",\u022f:"o",\u0231:"o",\u00f6:"o",\u022b:"o",\u1ecf:"o",\u0151:"o",\u01d2:"o",\u020d:"o",\u020f:"o",\u01a1:"o",\u1edd:"o",\u1edb:"o",\u1ee1:"o",\u1edf:"o",\u1ee3:"o",\u1ecd:"o",\u1ed9:"o",\u01eb:"o",\u01ed:"o",\u00f8:"o",\u01ff:"o",\u0254:"o",\ua74b:"o",\ua74d:"o",\u0275:"o",\u01a3:"oi",\u0223:"ou",\ua74f:"oo","\u24df":"p",\uff50:"p",\u1e55:"p",\u1e57:"p",\u01a5:"p",\u1d7d:"p",\ua751:"p",\ua753:"p",\ua755:"p","\u24e0":"q",\uff51:"q",\u024b:"q",\ua757:"q",\ua759:"q","\u24e1":"r",\uff52:"r",\u0155:"r",\u1e59:"r",\u0159:"r",\u0211:"r",\u0213:"r",\u1e5b:"r",\u1e5d:"r",\u0157:"r",\u1e5f:"r",\u024d:"r",\u027d:"r",\ua75b:"r",\ua7a7:"r",\ua783:"r","\u24e2":"s",\uff53:"s",\u00df:"s",\u015b:"s",\u1e65:"s",\u015d:"s",\u1e61:"s",\u0161:"s",\u1e67:"s",\u1e63:"s",\u1e69:"s",\u0219:"s",\u015f:"s",\u023f:"s",\ua7a9:"s",\ua785:"s",\u1e9b:"s","\u24e3":"t",\uff54:"t",\u1e6b:"t",\u1e97:"t",\u0165:"t",\u1e6d:"t",\u021b:"t",\u0163:"t",\u1e71:"t",\u1e6f:"t",\u0167:"t",\u01ad:"t",\u0288:"t",\u2c66:"t",\ua787:"t",\ua729:"tz","\u24e4":"u",\uff55:"u",\u00f9:"u",\u00fa:"u",\u00fb:"u",\u0169:"u",\u1e79:"u",\u016b:"u",\u1e7b:"u",\u016d:"u",\u00fc:"u",\u01dc:"u",\u01d8:"u",\u01d6:"u",\u01da:"u",\u1ee7:"u",\u016f:"u",\u0171:"u",\u01d4:"u",\u0215:"u",\u0217:"u",\u01b0:"u",\u1eeb:"u",\u1ee9:"u",\u1eef:"u",\u1eed:"u",\u1ef1:"u",\u1ee5:"u",\u1e73:"u",\u0173:"u",\u1e77:"u",\u1e75:"u",\u0289:"u","\u24e5":"v",\uff56:"v",\u1e7d:"v",\u1e7f:"v",\u028b:"v",\ua75f:"v",\u028c:"v",\ua761:"vy","\u24e6":"w",\uff57:"w",\u1e81:"w",\u1e83:"w",\u0175:"w",\u1e87:"w",\u1e85:"w",\u1e98:"w",\u1e89:"w",\u2c73:"w","\u24e7":"x",\uff58:"x",\u1e8b:"x",\u1e8d:"x","\u24e8":"y",\uff59:"y",\u1ef3:"y",\u00fd:"y",\u0177:"y",\u1ef9:"y",\u0233:"y",\u1e8f:"y",\u00ff:"y",\u1ef7:"y",\u1e99:"y",\u1ef5:"y",\u01b4:"y",\u024f:"y",\u1eff:"y","\u24e9":"z",\uff5a:"z",\u017a:"z",\u1e91:"z",\u017c:"z",\u017e:"z",\u1e93:"z",\u1e95:"z",\u01b6:"z",\u0225:"z",\u0240:"z",\u2c6c:"z",\ua763:"z",\u0386:"\u0391",\u0388:"\u0395",\u0389:"\u0397",\u038a:"\u0399",\u03aa:"\u0399",\u038c:"\u039f",\u038e:"\u03a5",\u03ab:"\u03a5",\u038f:"\u03a9",\u03ac:"\u03b1",\u03ad:"\u03b5",\u03ae:"\u03b7",\u03af:"\u03b9",\u03ca:"\u03b9",\u0390:"\u03b9",\u03cc:"\u03bf",\u03cd:"\u03c5",\u03cb:"\u03c5",\u03b0:"\u03c5",\u03c9:"\u03c9",\u03c2:"\u03c3"},s.fnOperators={equal:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?s.toLowerCase(e)===s.toLowerCase(t):e===t},notequal:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),!s.fnOperators.equal(e,t,i)},lessthan:function(e,t,i){return i?s.toLowerCase(e)s.toLowerCase(t):e>t},lessthanorequal:function(e,t,i){return i?s.toLowerCase(e)<=s.toLowerCase(t):(u(e)&&(e=void 0),e<=t)},greaterthanorequal:function(e,t,i){return i?s.toLowerCase(e)>=s.toLowerCase(t):e>=t},contains:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?!u(e)&&!u(t)&&-1!==s.toLowerCase(e).indexOf(s.toLowerCase(t)):!u(e)&&!u(t)&&-1!==e.toString().indexOf(t)},doesnotcontain:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?!u(e)&&!u(t)&&-1===s.toLowerCase(e).indexOf(s.toLowerCase(t)):!u(e)&&!u(t)&&-1===e.toString().indexOf(t)},isnotnull:function(e){return null!=e},isnull:function(e){return null==e},startswith:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?e&&t&&s.startsWith(s.toLowerCase(e),s.toLowerCase(t)):e&&t&&s.startsWith(e,t)},doesnotstartwith:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?e&&t&&s.notStartsWith(s.toLowerCase(e),s.toLowerCase(t)):e&&t&&s.notStartsWith(e,t)},like:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?e&&t&&s.like(s.toLowerCase(e),s.toLowerCase(t)):e&&t&&s.like(e,t)},isempty:function(e){return void 0===e||""===e},isnotempty:function(e){return void 0!==e&&""!==e},wildcard:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?(e||"boolean"==typeof e)&&t&&"object"!=typeof e&&s.wildCard(s.toLowerCase(e),s.toLowerCase(t)):(e||"boolean"==typeof e)&&t&&s.wildCard(e,t)},endswith:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?e&&t&&s.endsWith(s.toLowerCase(e),s.toLowerCase(t)):e&&t&&s.endsWith(e,t)},doesnotendwith:function(e,t,i,r){return r&&(e=s.ignoreDiacritics(e),t=s.ignoreDiacritics(t)),i?e&&t&&s.notEndsWith(s.toLowerCase(e),s.toLowerCase(t)):e&&t&&s.notEndsWith(e,t)},processSymbols:function(e){var t=s.operatorSymbols[e];return t?s.fnOperators[t]:s.throwError("Query - Process Operator : Invalid operator")},processOperator:function(e){return s.fnOperators[e]||s.fnOperators.processSymbols(e)}},s.parse={parseJson:function(e){return"string"!=typeof e||!/^[\s]*\[|^[\s]*\{(.)+:/g.test(e)&&-1!==e.indexOf('"')?e instanceof Array?s.parse.iterateAndReviveArray(e):"object"==typeof e&&null!==e&&s.parse.iterateAndReviveJson(e):e=JSON.parse(e,s.parse.jsonReviver),e},iterateAndReviveArray:function(e){for(var t=0;t-1||t.indexOf("z")>-1,o=t.split(/[^0-9.]/);if(n){if(o[5].indexOf(".")>-1){var a=o[5].split(".");o[5]=a[0],o[6]=new Date(t).getUTCMilliseconds().toString()}else o[6]="00";t=s.dateParse.toTimeZone(new Date(parseInt(o[0],10),parseInt(o[1],10)-1,parseInt(o[2],10),parseInt(o[3],10),parseInt(o[4],10),parseInt(o[5]?o[5]:"00",10),parseInt(o[6],10)),s.serverTimezoneOffset,!1)}else{var l=new Date(parseInt(o[0],10),parseInt(o[1],10)-1,parseInt(o[2],10),parseInt(o[3],10),parseInt(o[4],10),parseInt(o[5]?o[5]:"00",10)),h=parseInt(o[6],10),d=parseInt(o[7],10);if(isNaN(h)&&isNaN(d))return l;t.indexOf("+")>-1?l.setHours(l.getHours()-h,l.getMinutes()-d):l.setHours(l.getHours()+h,l.getMinutes()+d),t=s.dateParse.toTimeZone(l,s.serverTimezoneOffset,!1)}null==s.serverTimezoneOffset&&(t=s.dateParse.addSelfOffset(t))}}return t},isJson:function(e){return"string"==typeof e[0]?e:s.parse.parseJson(e)},isGuid:function(e){return null!=/[A-Fa-f0-9]{8}(?:-[A-Fa-f0-9]{4}){3}-[A-Fa-f0-9]{12}/i.exec(e)},replacer:function(e,t){return s.isPlainObject(e)?s.parse.jsonReplacer(e,t):e instanceof Array?s.parse.arrayReplacer(e):e instanceof Date?s.parse.jsonReplacer({val:e},t).val:e},jsonReplacer:function(e,t){for(var i,n=0,o=Object.keys(e);n=0?"+":"-",n=function(a){var l=Math.floor(Math.abs(a));return(l<10?"0":"")+l};return t.getFullYear()+"-"+n(t.getMonth()+1)+"-"+n(t.getDate())+"T"+n(t.getHours())+":"+n(t.getMinutes())+":"+n(t.getSeconds())+r+n(i/60)+":"+n(i%60)}},s}(),Bp=function(){var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,r){i.__proto__=r}||function(i,r){for(var n in r)r.hasOwnProperty(n)&&(i[n]=r[n])})(e,t)};return function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}}(),eMe={GroupGuid:"{271bbba0-1ee7}"},IZ=function(){function s(e){this.options={from:"table",requestType:"json",sortBy:"sorted",select:"select",skip:"skip",group:"group",take:"take",search:"search",count:"requiresCounts",where:"where",aggregates:"aggregates",expand:"expand"},this.type=s,this.dataSource=e,this.pvt={}}return s.prototype.processResponse=function(e,t,i,r){return e},s}(),dT=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return Bp(e,s),e.prototype.processQuery=function(t,i){for(var a,l,p,r=t.dataSource.json.slice(0),n=r.length,o=!0,h={},d=0,c=[],f=0;f=0;a--)n=this.onWhere(n,o.where[a]);t.group.length!==o.level&&(n=ve.group(n,t.group[o.level].fieldName,r,null,null,t.group[0].comparer,!0)),i=n.length,h=n,n=(n=n.slice(o.skip)).slice(0,o.take),t.group.length!==o.level&&this.formGroupResult(n,h)}return{result:n,count:i}},e.prototype.formGroupResult=function(t,i){if(t.length&&i.length){var r="GroupGuid",n="childLevels",o="level",a="records";t[r]=i[r],t[n]=i[n],t[o]=i[o],t[a]=i[a]}return t},e.prototype.getAggregate=function(t){var i=Re.filterQueries(t.queries,"onAggregates"),r=[];if(i.length)for(var n=void 0,o=0;o=0;a--)o[a]&&(n=i.comparer,ve.endsWith(o[a]," desc")&&(n=ve.fnSort("descending"),o[a]=o[a].replace(" desc","")),t=ve.sort(t,o[a],n));return t}return ve.sort(t,o,i.comparer)},e.prototype.onGroup=function(t,i,r){if(!t||!t.length)return t;var n=this.getAggregate(r);return ve.group(t,ve.getValue(i.fieldName,r),n,null,null,i.comparer)},e.prototype.onPage=function(t,i,r){var n=ve.getValue(i.pageSize,r),o=(ve.getValue(i.pageIndex,r)-1)*n;return t&&t.length?t.slice(o,o+n):t},e.prototype.onRange=function(t,i){return t&&t.length?t.slice(ve.getValue(i.start),ve.getValue(i.end)):t},e.prototype.onTake=function(t,i){return t&&t.length?t.slice(0,ve.getValue(i.nos)):t},e.prototype.onSkip=function(t,i){return t&&t.length?t.slice(ve.getValue(i.nos)):t},e.prototype.onSelect=function(t,i){return t&&t.length?ve.select(t,ve.getValue(i.fieldNames)):t},e.prototype.insert=function(t,i,r,n,o){return u(o)?t.dataSource.json.push(i):t.dataSource.json.splice(o,0,i)},e.prototype.remove=function(t,i,r,n){var a,o=t.dataSource.json;for("object"==typeof r&&!(r instanceof Date)&&(r=ve.getObject(i,r)),a=0;a1&&(m="("+m+")"),f.filters.push(m);for(var v=0,w="object"==typeof f.filters[g]?Object.keys(f.filters[g]):[];v-1&&this.formRemoteGroupedData(t[n].items,i+1,r-1);var o="GroupGuid",h="records";return t[o]=eMe[o],t.level=i,t.childLevels=r,t[h]=t[0].items.length?this.getGroupedRecords(t,!u(t[0].items[h])):[],t},e.prototype.getGroupedRecords=function(t,i){for(var r=[],o=0;ol.length-3?(l=l.substring(0,l.length-1),o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.endswith:ve.odv4UniOperator.endswith):l.lastIndexOf("%")!==l.indexOf("%")&&l.lastIndexOf("%")>l.indexOf("%")+1?(l=l.substring(l.indexOf("%")+1,l.lastIndexOf("%")),o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.contains:ve.odv4UniOperator.contains):o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.contains:ve.odv4UniOperator.contains),l="'"+(l=encodeURIComponent(l))+"'";else if("wildcard"===o)if(-1!==l.indexOf("*")){var c=l.split("*"),p=void 0,f=0;if(0!==l.indexOf("*")&&-1===c[0].indexOf("%3f")&&-1===c[0].indexOf("?")&&(p="'"+(p=c[0])+"'",n+=(o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.startswith:ve.odv4UniOperator.startswith)+"(",n+=d+",",a&&(n+=a),n+=p+")",f++),l.lastIndexOf("*")!==l.length-1&&-1===c[c.length-1].indexOf("%3f")&&-1===c[c.length-1].indexOf("?")&&(p="'"+(p=c[c.length-1])+"'",f>0&&(n+=" and "),n+=(o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.endswith:ve.odv4UniOperator.endswith)+"(",n+=d+",",a&&(n+=a),n+=p+")",f++),c.length>2)for(var g=1;g0&&(n+=" and "),"substringof"===(o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.contains:ve.odv4UniOperator.contains)||"not substringof"===o){var m=p;p=d,d=m}n+=o+"(",n+=d+",",a&&(n+=a),n+=p+")",f++}0===f?(o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.contains:ve.odv4UniOperator.contains,(-1!==l.indexOf("?")||-1!==l.indexOf("%3f"))&&(l=-1!==l.indexOf("?")?l.split("?").join(""):l.split("%3f").join("")),l="'"+l+"'"):o="wildcard"}else o=u(this.getModuleName)||"ODataV4Adaptor"!==this.getModuleName()?ve.odUniOperator.contains:ve.odv4UniOperator.contains,(-1!==l.indexOf("?")||-1!==l.indexOf("%3f"))&&(l=-1!==l.indexOf("?")?l.split("?").join(""):l.split("%3f").join("")),l="'"+l+"'";return"substringof"!==o&&"not substringof"!==o||(m=l,l=d,d=m),"wildcard"!==o&&(n+=o+"(",n+=d+",",a&&(n+=a),n+=l+")"),n},e.prototype.addParams=function(t){s.prototype.addParams.call(this,t),delete t.reqParams.params},e.prototype.onComplexPredicate=function(t,i,r){for(var n=[],o=0;o-1;f--)!/\bContent-ID:/i.test(d[f])||!/\bHTTP.+201/.test(d[f])||(l=parseInt(/\bContent-ID: (\d+)/i.exec(d[f])[1],10),o.addedRecords[l]&&(h=ve.parse.parseJson(/^\{.+\}/m.exec(d[f])[0]),ee({},o.addedRecords[l],this.processResponse(h))));return o}return null},e.prototype.compareAndRemove=function(t,i,r){var n=this;return u(i)||Object.keys(t).forEach(function(o){o!==r&&"@odata.etag"!==o&&(ve.isPlainObject(t[o])?(n.compareAndRemove(t[o],i[o]),0===Object.keys(t[o]).filter(function(l){return"@odata.etag"!==l}).length&&delete t[o]):(t[o]===i[o]||t[o]&&i[o]&&t[o].valueOf()===i[o].valueOf())&&delete t[o])}),t},e}(Qh),tMe=function(s){function e(t){var i=s.call(this,t)||this;return i.options=ee({},i.options,{requestType:"get",accept:"application/json, text/javascript, */*; q=0.01",multipartAccept:"multipart/mixed",sortBy:"$orderby",select:"$select",skip:"$skip",take:"$top",count:"$count",search:"$search",where:"$filter",expand:"$expand",batch:"$batch",changeSet:"--changeset_",batchPre:"batch_",contentId:"Content-Id: ",batchContent:"Content-Type: multipart/mixed; boundary=",changeSetContent:"Content-Type: application/http\nContent-Transfer-Encoding: binary ",batchChangeSetContentType:"Content-Type: application/json; charset=utf-8 ",updateType:"PATCH",localTime:!1,apply:"$apply"}),ee(i.options,t||{}),i}return Bp(e,s),e.prototype.getModuleName=function(){return"ODataV4Adaptor"},e.prototype.onCount=function(t){return!0===t?"true":""},e.prototype.onPredicate=function(t,i,r){var n="",o=t.value,a=o instanceof Date;if(i instanceof Re)for(var l=this.getQueryRequest(i),h=0;h-1}).forEach(function(h){var d=h.split(".");if(d[0]in r||(r[d[0]]=[]),2===d.length)r[d[0]].length&&-1!==Object.keys(r).indexOf(d[0])?r[d[0]][0]=-1!==r[d[0]][0].indexOf("$expand")&&-1===r[d[0]][0].indexOf(";$select=")?r[d[0]][0]+";$select="+d[1]:r[d[0]][0]+","+d[1]:r[d[0]].push("$select="+d[1]);else{for(var c="$select="+d[d.length-1],p="",f="",g=1;gi&&h.push(d)}for(d=0;dthis.pageSize;)h.results.splice(0,1),h.keys.splice(0,1);return window.localStorage.setItem(this.guidId,JSON.stringify(h)),t},e.prototype.beforeSend=function(t,i,r){!u(this.cacheAdaptor.options.batch)&&ve.endsWith(r.url,this.cacheAdaptor.options.batch)&&"post"===r.type.toLowerCase()&&i.headers.set("Accept",this.cacheAdaptor.options.multipartAccept),t.dataSource.crossDomain||i.headers.set("Accept",this.cacheAdaptor.options.accept)},e.prototype.update=function(t,i,r,n){return this.isCrudAction=!0,this.cacheAdaptor.update(t,i,r,n)},e.prototype.insert=function(t,i,r){return this.isInsertAction=!0,this.cacheAdaptor.insert(t,i,r)},e.prototype.remove=function(t,i,r,n){return this.isCrudAction=!0,this.cacheAdaptor.remove(t,i,r,n)},e.prototype.batchRequest=function(t,i,r){return this.cacheAdaptor.batchRequest(t,i,r)},e}(Qh),oe=function(){function s(e,t,i){var n,r=this;return this.dateParse=!0,this.timeZoneHandling=!0,this.persistQuery={},this.isInitialLoad=!1,this.requests=[],this.isInitialLoad=!0,!e&&!this.dataSource&&(e=[]),i=i||e.adaptor,e&&!1===e.timeZoneHandling&&(this.timeZoneHandling=e.timeZoneHandling),e instanceof Array?n={json:e,offline:!0}:"object"==typeof e?(e.json||(e.json=[]),e.enablePersistence||(e.enablePersistence=!1),e.id||(e.id=""),e.ignoreOnPersist||(e.ignoreOnPersist=[]),n={url:e.url,insertUrl:e.insertUrl,removeUrl:e.removeUrl,updateUrl:e.updateUrl,crudUrl:e.crudUrl,batchUrl:e.batchUrl,json:e.json,headers:e.headers,accept:e.accept,data:e.data,timeTillExpiration:e.timeTillExpiration,cachingPageSize:e.cachingPageSize,enableCaching:e.enableCaching,requestType:e.requestType,key:e.key,crossDomain:e.crossDomain,jsonp:e.jsonp,dataType:e.dataType,offline:void 0!==e.offline?e.offline:!(e.adaptor instanceof BZ||e.adaptor instanceof rMe||e.url),requiresFormat:e.requiresFormat,enablePersistence:e.enablePersistence,id:e.id,ignoreOnPersist:e.ignoreOnPersist}):ve.throwError("DataManager: Invalid arguments"),void 0===n.requiresFormat&&!ve.isCors()&&(n.requiresFormat=!!u(n.crossDomain)||n.crossDomain),void 0===n.dataType&&(n.dataType="json"),this.dataSource=n,this.defaultQuery=t,this.dataSource.enablePersistence&&this.dataSource.id&&window.addEventListener("unload",this.setPersistData.bind(this)),n.url&&n.offline&&!n.json.length?(this.isDataAvailable=!1,this.adaptor=i||new Vw,this.dataSource.offline=!1,this.ready=this.executeQuery(t||new Re),this.ready.then(function(o){r.dataSource.offline=!0,r.isDataAvailable=!0,n.json=o.result,r.adaptor=new dT})):this.adaptor=n.offline?new dT:new Vw,!n.jsonp&&this.adaptor instanceof Vw&&(n.jsonp="callback"),this.adaptor=i||this.adaptor,n.enableCaching&&(this.adaptor=new nMe(this.adaptor,n.timeTillExpiration,n.cachingPageSize)),this}return s.prototype.getPersistedData=function(e){var t=localStorage.getItem(e||this.dataSource.id);return JSON.parse(t)},s.prototype.setPersistData=function(e,t,i){localStorage.setItem(t||this.dataSource.id,JSON.stringify(i||this.persistQuery))},s.prototype.setPersistQuery=function(e){var t=this,i=this.getPersistedData();if(this.isInitialLoad&&i&&Object.keys(i).length){this.persistQuery=i,this.persistQuery.queries=this.persistQuery.queries.filter(function(n){if(t.dataSource.ignoreOnPersist&&t.dataSource.ignoreOnPersist.length&&n.fn&&t.dataSource.ignoreOnPersist.some(function(l){return n.fn===l}))return!1;if("onWhere"===n.fn){var o=n.e;if(o&&o.isComplex&&o.predicates instanceof Array){var a=o.predicates.map(function(l){if(l.predicates&&l.predicates instanceof Array){var h=l.predicates.map(function(A){return new Ht(A.field,A.operator,A.value,A.ignoreCase,A.ignoreAccent,A.matchCase)});return"and"===l.condition?Ht.and(h):Ht.or(h)}return new Ht(l.field,l.operator,l.value,l.ignoreCase,l.ignoreAccent,l.matchCase)});n.e=new Ht(a[0],o.condition,a.slice(1))}}return!0});var r=ee(new Re,this.persistQuery);return this.isInitialLoad=!1,r}return this.persistQuery=e,this.isInitialLoad=!1,e},s.prototype.setDefaultQuery=function(e){return this.defaultQuery=e,this},s.prototype.executeLocal=function(e){!this.defaultQuery&&!(e instanceof Re)&&ve.throwError("DataManager - executeLocal() : A query is required to execute"),this.dataSource.json||ve.throwError("DataManager - executeLocal() : Json data is required to execute"),this.dataSource.enablePersistence&&this.dataSource.id&&(e=this.setPersistQuery(e));var t=this.adaptor.processQuery(this,e=e||this.defaultQuery);if(e.subQuery){var i=e.subQuery.fromTable,r=e.subQuery.lookups,n=e.isCountRequired?t.result:t;r&&r instanceof Array&&ve.buildHierarchy(e.subQuery.fKey,i,n,r,e.subQuery.key);for(var o=0;oli");G.classList.remove("json-parent");for(var Y=0;Y=0;a--)(o=s[a])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},DZ={None:[],SlideLeft:["SlideRightOut","SlideLeftOut","SlideLeftIn","SlideRightIn"],SlideDown:["SlideTopOut","SlideBottomOut","SlideBottomIn","SlideTopIn"],Zoom:["FadeOut","FadeZoomOut","FadeZoomIn","FadeIn"],Fade:["FadeOut","FadeOut","FadeIn","FadeIn"]},sMe={None:[],SlideLeft:["SlideLeftOut","SlideRightOut","SlideRightIn","SlideLeftIn"],SlideDown:["SlideBottomOut","SlideTopOut","SlideTopIn","SlideBottomIn"],Zoom:["FadeZoomOut","FadeOut","FadeIn","FadeZoomIn"],Fade:["FadeOut","FadeOut","FadeIn","FadeIn"]},pe={root:"e-listview",hover:"e-hover",selected:"e-active",focused:"e-focused",parentItem:"e-list-parent",listItem:"e-list-item",listIcon:"e-list-icon",textContent:"e-text-content",listItemText:"e-list-text",groupListItem:"e-list-group-item",hasChild:"e-has-child",view:"e-view",header:"e-list-header",headerText:"e-headertext",headerTemplateText:"e-headertemplate-text",text:"e-text",disable:"e-disabled",container:"e-list-container",icon:"e-icons",backIcon:"e-icon-back",backButton:"e-back-button",checkboxWrapper:"e-checkbox-wrapper",checkbox:"e-checkbox",checked:"e-check",checklist:"e-checklist",checkboxIcon:"e-frame",checkboxRight:"e-checkbox-right",checkboxLeft:"e-checkbox-left",listviewCheckbox:"e-listview-checkbox",itemCheckList:"e-checklist",virtualElementContainer:"e-list-virtualcontainer"},xZ="Template",TZ="GroupTemplate",lMe=function(s){function e(){return null!==s&&s.apply(this,arguments)||this}return MZ(e,s),fr([y("id")],e.prototype,"id",void 0),fr([y("text")],e.prototype,"text",void 0),fr([y("isChecked")],e.prototype,"isChecked",void 0),fr([y("isVisible")],e.prototype,"isVisible",void 0),fr([y("enabled")],e.prototype,"enabled",void 0),fr([y("iconCss")],e.prototype,"iconCss",void 0),fr([y("child")],e.prototype,"child",void 0),fr([y("tooltip")],e.prototype,"tooltip",void 0),fr([y("groupBy")],e.prototype,"groupBy",void 0),fr([y("text")],e.prototype,"sortBy",void 0),fr([y("htmlAttributes")],e.prototype,"htmlAttributes",void 0),fr([y("tableName")],e.prototype,"tableName",void 0),e}(Se),hMe=function(s){function e(t,i){var r=s.call(this,t,i)||this;return r.previousSelectedItems=[],r.hiddenItems=[],r.enabledItems=[],r.disabledItems=[],r}return MZ(e,s),e.prototype.onPropertyChanged=function(t,i){for(var r=0,n=Object.keys(t);r