Task(1043185): Revamped the UG documentation for the Annotation, Annotation Types, and Export/Import samples on the Angular platform.

Document-Processing-toc.html

@@ -365,6 +365,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/annotation-permission">Annotation Permission</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/signature-annotation">Handwritten Signature</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/line-angle-constraints">Line Angle Constraint</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/custom-data">Adding custom Data in annotations</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/flatten-annotation">Flatten Annotations into the PDF </a></li>
 									<li>Export and Import Annotations
@@ -571,6 +573,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/comments">Comments</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/ink-annotation">Ink Annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/line-angle-constraints">Line Angle Constraint</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/signature-annotation">Handwritten signature</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/annotation-event">Annotations Events</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/annotations-in-mobile-view">Annotations in Mobile view</a></li>
@@ -833,6 +837,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/annotation-permission">Annotation Permission</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/signature-annotation">Handwritten Signature</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/line-angle-constraints">Line Angle Constraint</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/custom-data">Adding custom Data in annotations</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/flatten-annotation">Flatten Annotations into the PDF </a></li>
 									<li>Export and Import Annotations
@@ -1395,6 +1401,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-permission">Annotation Permission</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/signature-annotation">Handwritten Signature</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/line-angle-constraints">Line Angle Constraint</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/custom-data">Adding custom Data in annotations</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/flatten-annotation">Flatten Annotations into the PDF </a></li>
 									<li>Export and Import Annotations
@@ -1658,6 +1666,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/free-text-annotation">Free Text Annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/ink-annotation">Ink Annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/line-angle-constraints">Line Angle Constraints</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/annotation-event">Annotations Events</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/annotations-in-mobile-view">Annotations in Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/comments">Comments</a></li>
@@ -1900,6 +1910,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/annotation-permission">Annotation Permission</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/signature-annotation">Handwritten Signature</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/line-angle-constraints">Line Angle Constraint</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/custom-data">Adding custom Data in annotations</a></li>
 									<li>Export and Import Annotations
 										<ul>
@@ -2168,6 +2180,8 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/annotation-permission">Annotation Permission</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/signature-annotation">Handwritten Signature</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/line-angle-constraints">Line Angle Constraint</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/annotation-comment-filter">Annotation Comments Filter</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/ink-eraser">Ink Eraser</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/custom-data">Adding custom Data in annotations</a></li>
 									<li>Export and Import Annotations
 										<ul>

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-comment-filter.md

@@ -131,8 +131,6 @@ Use the `applyCommentFilter` method to apply filters with specific criteria:
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
 
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
 import {
   PdfViewerModule,
   LinkAnnotationService,
@@ -266,8 +264,6 @@ You can combine multiple filter criteria to create more specific filters:
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
 
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
 import {
   PdfViewerModule,
   LinkAnnotationService,

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-event.md

@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
 
 # PDF Viewer annotation events in Angular
 
-The PDF Viewer raises events for annotation and signature interactions (add, remove, move, resize, select, etc.). Handle these events to integrate custom workflows, telemetry, or UI updates. Code samples below demonstrate typical handlers — code blocks are preserved unchanged.
+The PDF Viewer raises events for annotation and signature interactions (add, remove, move, resize, select, etc.). Handle these events to integrate custom workflows, telemetry, or UI updates.
 
 | Annotation events               | Description                                                        |
 |---------------------------------|--------------------------------------------------------------------|

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-permission.md

@@ -134,12 +134,12 @@ export class AppComponent {
 {% endtabs %}
 
 Behavior notes
-- isLock true: The annotation is locked; users cannot move, resize, or edit it through the UI until it is unlocked.
-- skipPrint true: All annotations are omitted from the print output initiated from the viewer.
-- skipDownload true: All annotations are omitted from the exported/downloaded PDF from the viewer.
-- isPrint on an individual annotation: Use this when you only want to exclude a particular annotation from printing while leaving others printable.
+- `isLock` true: The annotation is locked; users cannot move, resize, or edit it through the UI until it is unlocked.
+- `skipPrint` true: All annotations are omitted from the print output initiated from the viewer.
+- `skipDownload` true: All annotations are omitted from the exported/downloaded PDF from the viewer.
+- `isPrint` on an individual annotation: Use this when you only want to exclude a particular annotation from printing while leaving others printable.
 
-[View Sample on GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
 
 ## See also
 

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/area-annotation.md

@@ -156,7 +156,6 @@ export class AppComponent {
     opacity: 0.6
   };
 }
-``
 {% endhighlight %}
 {% endtabs %}
 
@@ -202,9 +201,9 @@ editAreaProgrammatically(): void {
 {% endhighlight %}
 {% endtabs %}
 
-### Delete Distance Annotation
+### Delete Area Annotation
 
-Delete Distance Annotation via UI (toolbar/context menu) or programmatically. For supported workflows and APIs, see [**Delete Annotation**](../remove-annotations).
+Delete Area Annotation via UI (toolbar/context menu) or programmatically. For supported workflows and APIs, see [**Delete Annotation**](../delete-annotation).
 
 ## Set Default Properties During Initialization
 Apply defaults for Area using the [`areaSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#areasettings) property.
@@ -285,7 +284,7 @@ addStyledArea(): void {
   ![Scale dialog](../../images/calibrate_scaledialog.png)
 
 ### Set Default Scale Ratio During Initialization
-Configure scale defaults using [`measurementSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#mesaurementsettings).
+Configure scale defaults using [`measurementSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#measurementsettings).
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/arrow-annotation.md

@@ -170,7 +170,7 @@ N> For **Line** and **Arrow** annotations, **Fill Color** is available only when
 ### Edit Arrow 
 
 #### Edit Arrow (UI)
-- Select a Arrow to view resize handles.
+- Select an Arrow to view resize handles.
 - Drag endpoints to adjust length/angle.
 - Edit stroke color, opacity, and thickness using the annotation toolbar.
 

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/circle-annotation.md

@@ -85,7 +85,7 @@ enableCircleMode(): void {
 
 #### Exit Circle Mode
 
-Switch back to normal mode using:
+Switch back to default mode (`None`) using:
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
@@ -179,17 +179,17 @@ export class AppComponent {
 ![Shape tools](../../images/shape_toolbar.png)
 
 Use the annotation toolbar:
-- **Edit fill Color** tool  
-![Edit fill color](../../../javascript-es6/images/shape_fillColor.png)
+- **Edit Fill Color** tool  
+![Edit Fill Color tool in the annotation toolbar](../../../javascript-es6/images/shape_fillColor.png)
 
-- **Edit stroke Color** tool
-![Edit stroke color](../../../javascript-es6/images/shape_strokecolor.png)
+- **Edit Stroke Color** tool
+![Edit Stroke Color tool in the annotation toolbar](../../../javascript-es6/images/shape_strokecolor.png)
 
 - **Edit Opacity** slider
-![Edit opacity](../../../javascript-es6/images/shape_opacity.png)
+![Edit Opacity slider in the annotation toolbar](../../../javascript-es6/images/shape_opacity.png)
 
 - **Edit Thickness** slider
-![Edit thickness](../../../javascript-es6/images/shape_thickness.png)
+![Edit Thickness slider in the annotation toolbar](../../../javascript-es6/images/shape_thickness.png)
 
 #### Edit Circle Programmatically
 
@@ -221,7 +221,7 @@ See [**Delete Annotation**](../remove-annotations) for full behavior and workflo
 ### Comments
 Use the [**Comments panel**](../comments) to add, view, and reply to threaded discussions linked to circle annotations. It provides a dedicated interface for collaboration and review within the PDF Viewer.
 
-## Set properties while adding Individual Annotation
+## Set Properties While Adding Individual Annotation
 Set properties for individual circle annotations by passing values directly during [`addAnnotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#addannotation).
 
 {% tabs %}
@@ -306,7 +306,7 @@ For the full list of available events and their descriptions, see [**Annotation
 
 ## Export and Import
 
-The PDF Viewer supports exporting and importing annotations. For details on supported formats and workflows, see [**Export and Import annotations**](../export-import-annotations).
+The PDF Viewer supports exporting and importing annotations. For details on supported formats and workflows, see [**Export and Import annotations**](../import-export-annotation).
 
 ## See Also
 - [Annotation Toolbar](../../toolbar-customization/annotation-toolbar)

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/distance-annotation.md

@@ -181,7 +181,7 @@ Change **stroke color**, **thickness**, and **opacity** using the annotation too
   ![Thickness](../../images/calibrate_thickness.png)
 - Edit the **opacity** using the Edit Opacity tool.
   ![Opacity](../../images/calibrate_opacity.png)
-- Open **Right Click → Properties** for additional line-based options.
+- Right-click and select **Properties** for additional line-based options.
 ![Line properties](../../images/calibrate_lineprop.png)
 
 #### Edit Distance Programmatically

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/free-text-annotation.md

@@ -62,9 +62,9 @@ export class AppComponent {
 2. Click **Free Text** to enable Free Text mode.
 3. Click on the page to place the text box and start typing.
 
-![Free Text tool](../../../javascript-es6/images/freetext_tool.png)
+![Free Text tool](../../images/freetext_tool.png)
 
-N> When Pan mode is active, choosing Free Text switches the viewer into the appropriate selection/edit workflow for a smoother experience.
+N> When Pan mode is active, selecting Free Text switches the viewer into the appropriate selection/edit workflow for a smoother experience.
 
 ### Enable Free Text Mode
 

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/highlight-annotation.md

@@ -71,7 +71,7 @@ export class AppComponent {
 
 ![Highlight tool](../../../javascript-es6/annotations/annotation-images/highlight-tool.gif)
 
-### Apply highlight using Context Menu
+### Add Highlight Using the Context Menu
 
 Right-click a selected text region → select **Highlight**.
 
@@ -221,7 +221,7 @@ For detailed behavior, supported deletion workflows, and API reference, see [Del
 
 ### Comments
 
-Use the [Comments panel](../comments) to add, view, and reply to threaded discussions linked to underline annotations.
+Use the [Comments panel](../comments) to add, view, and reply to threaded discussions linked to highlight annotations.
 It provides a dedicated UI for reviewing feedback, tracking conversations, and collaborating on annotation‑related notes within the PDF Viewer.
 
 ## Set properties while adding Individual Annotation

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/ink-annotation.md

@@ -80,7 +80,7 @@ enableInkMode(): void {
 {% endhighlight %}
 {% endtabs %}
 
-#### Exit Ink Mode
+### Exit Ink Mode
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
 
@@ -167,7 +167,7 @@ export class AppComponent {
 - **Delete**: Via toolbar or context menu.
 - **Customize context menu**: See [Customize Context Menu](../../context-menu/custom-context-menu).
 
-### Edit ink annotation in UI
+### Edit Ink Annotation in UI
 
 Stroke color, thickness, and opacity can be edited using the Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar.
 

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/line-annotation.md

@@ -174,7 +174,7 @@ N> Fill color is available only when an arrowhead style is applied at the Start
 
 ## Manage Line (Edit, Move, Resize, Delete)
 
-### Edit Line 
+### Edit Line
 
 #### Edit Line Appearance (UI)
 - Select a line to view resize handles.
@@ -184,7 +184,7 @@ N> Fill color is available only when an arrowhead style is applied at the Start
 ![Shape tools](../../images/shape_toolbar.png)
 
 Use the annotation toolbar:
-- **Edit Color** tool  
+- **Edit Color** tool
 ![Edit color](../../../javascript-es6/images/edit_color.png)
 
 - **Edit Opacity** slider
@@ -315,7 +315,6 @@ export class AppComponent {
 The PDF viewer provides annotation life-cycle events that notify when Line annotations are added, modified, selected, or removed.
 For the full list of available events and their descriptions, see [**Annotation Events**](../annotation-event)
 
-
 ## Export and Import
 The PDF Viewer supports exporting and importing annotations. For details on supported formats and workflows, see [**Export and Import annotations**](../export-import-annotations).
 

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/perimeter-annotation.md

@@ -84,7 +84,7 @@ enablePerimeterMode(): void {
 {% endhighlight %}
 {% endtabs %}
 
-#### Exit Perimeter Mode
+### Exit Perimeter Mode
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
 

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/polygon-annotation.md

@@ -15,7 +15,7 @@ Polygon annotations allow users to outline irregular regions, draw custom shapes
 
 ## Enable Polygon Annotation in the Viewer
 
-To enable Line annotations, inject the following modules into the Angular PDF Viewer:
+To enable Polygon annotations, inject the following modules into the Angular PDF Viewer:
 
 - [**Annotation**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#annotation)
 - [**Toolbar**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#toolbar)
@@ -163,11 +163,11 @@ export class AppComponent {
 
 ## Manage Polygon (Edit, Move, Resize, Delete)
 
-### Edit Circle
+### Edit Polygon
 
-#### Edit Circle (UI)
+#### Edit Polygon (UI)
 
-- Select a Circle to view resize handles.
+- Select a Polygon to view resize handles.
 - Drag any side/corner to resize; drag inside the shape to move it.
 - Edit **fill**, **stroke**, **thickness**, and **opacity** using the annotation toolbar.
 
@@ -188,7 +188,7 @@ Use the annotation toolbar:
 
 #### Edit Polygon Programmatically
 
-Modify an existing Circle programmatically using `editAnnotation()`.
+Modify an existing Polygon programmatically using `editAnnotation()`.
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/radius-annotation.md

@@ -151,7 +151,7 @@ export class AppComponent {
 {% endtabs %}
 
 ## Manage Radius (Move, Reshape, Edit, Delete)
-- **Move**: Drag inside the polygon to reposition it.
+- **Move**: Drag inside the circle to reposition it.
 - **Reshape**: Drag any vertex handle to adjust points and shape.
 
 ### Edit Radius Annotation
@@ -240,7 +240,7 @@ export class AppComponent {
 {% endtabs %}
 
 ## Set Properties While Adding Individual Annotation
-Apply defaults for Area using the [`radiusSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#radiussettings) property.
+Apply defaults for Radius using the [`radiusSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#radiussettings) property.
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/rectangle-annotation.md

@@ -159,7 +159,7 @@ export class AppComponent {
 {% endtabs %}
 
 ## Manage Rectangle (Edit, Move, Resize, Delete)
-### Edit Rectangle 
+### Edit Rectangle
 
 #### Edit Rectangle (UI)
 - Select a rectangle to view resize handles.

Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/redaction-annotation.md

@@ -54,9 +54,7 @@ addRedactionProgrammatically(): void {
   });
 }
 {% endhighlight %}
-{% endtabs %}  
-
-Track additions using the `annotationAdd` event (wired above as a component prop).
+{% endtabs %}
 
 ## Edit Redaction Annotations
 
@@ -199,7 +197,7 @@ export class AppComponent {
 {% endhighlight %}
 {% endtabs %}  
 
-[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master)
+[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master)
 
 ## See also
 - [Annotation Overview](../overview)