1038294: Updated the API link in Diagram Angular and ASP net core

diagram-sdk/angular/automatic-layout/flowchart-layout.md

@@ -51,7 +51,7 @@ Different flowchart symbols have specific meanings used to represent various sta
 
 ## Render flowchart layout with data source
 
-To render a flowchart layout, set the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layout#type) property to `Flowchart`. The following code example demonstrates how to render a flowchart layout using a data source.
+To render a flowchart layout, set the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layouttype) property to `Flowchart`. The following code example demonstrates how to render a flowchart layout using a data source.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -114,7 +114,7 @@ This structure enables comprehensive customization of the flowchart's visual ele
 
 ## Render flowchart layout with nodes and connectors
 
-The following example demonstrates how to render a flowchart layout using predefined nodes and connectors. Define the [`nodes`](https://ej2.syncfusion.com/angular/documentation/api/diagram/nodeModel) and [`connectors`](https://ej2.syncfusion.com/angular/documentation/api/diagram/connectormodel) collections and assign them to the diagram. Set the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layout#type) to `Flowchart` to enable automatic arrangement.
+The following example demonstrates how to render a flowchart layout using predefined nodes and connectors. Define the [`nodes`](https://ej2.syncfusion.com/angular/documentation/api/diagram/nodeModel) and [`connectors`](https://ej2.syncfusion.com/angular/documentation/api/diagram/connectormodel) collections and assign them to the diagram. Set the [`layoutType`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layouttype) to `Flowchart` to enable automatic arrangement.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

diagram-sdk/angular/automatic-layout/layout-customization.md

@@ -106,7 +106,7 @@ The layout orientation determines the primary direction in which the layout flow
 |BottomToTop|Aligns the layout from bottom to top. All root nodes are placed at the bottom of the diagram.|
 |RightToLeft|Aligns the layout from right to left. All root nodes are placed at the right of the diagram.|
 
-The [`orientation`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layout#orientation) property can be customized to match specific design requirements or cultural reading patterns.
+The [`orientation`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layoutorientation) property can be customized to match specific design requirements or cultural reading patterns.
 
 N> The default orientation in diagram is `TopToBottom`.
 

diagram-sdk/angular/automatic-layout/mindmap-layout.md

@@ -23,7 +23,7 @@ Diagram.Inject(MindMap);
 
 ## Mind Map Orientation
 
-The [`orientation`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layout#orientation) property determines how the mind map tree structure is arranged spatially. By default, the orientation is set to `Horizontal`, positioning the root node centrally with branches extending left and right.
+The [`orientation`](https://ej2.syncfusion.com/angular/documentation/api/diagram/layoutorientation) property determines how the mind map tree structure is arranged spatially. By default, the orientation is set to `Horizontal`, positioning the root node centrally with branches extending left and right.
 
 The following code example demonstrates how to create a mind map layout:
 

diagram-sdk/angular/bpmn-shapes/bpmn-activities.md

@@ -158,7 +158,7 @@ An [`adhoc`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnSu
 
 ## Boundary Types
 
-The [`boundary`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnSubProcess#boundary) property defines the visual boundary style of a subprocess, indicating different subprocess characteristics. The default value is **default**.
+The [`boundary`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnboundary) property defines the visual boundary style of a subprocess, indicating different subprocess characteristics. The default value is **default**.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

diagram-sdk/angular/bpmn-shapes/bpmn-expandedSubProcess.md

@@ -18,7 +18,7 @@ The expanded subprocess automatically adjusts its size to accommodate child elem
 
 ### Create BPMN Expanded SubProcess
 
-To create an expanded subprocess, configure the shape as [`activity`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/bpmnActivityModel) and set [`collapsed`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/bpmnSubProcessModel#collapsed) to false. Enable the [`AllowDrop`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/nodeConstraints) constraint to allow child nodes to be dropped inside the expanded subprocess container.
+To create an expanded subprocess, configure the shape as [`activity`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnActivityModel) and set [`collapsed`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnSubProcessModel#collapsed) to false. Enable the [`AllowDrop`](https://ej2.syncfusion.com/angular/documentation/api/diagram/nodeConstraints) constraint to allow child nodes to be dropped inside the expanded subprocess container.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -34,7 +34,7 @@ To create an expanded subprocess, configure the shape as [`activity`](https://he
 
 ### Add BPMN Nodes into Expanded SubProcess
 
-The [`processes`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/bpmnSubProcessModel#processes) property is an array collection that defines the child node values for the BPMN subprocess. This allows you to programmatically specify which BPMN elements should be contained within the expanded subprocess during initialization.
+The [`processes`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnSubProcessModel#processes) property is an array collection that defines the child node values for the BPMN subprocess. This allows you to programmatically specify which BPMN elements should be contained within the expanded subprocess during initialization.
 
 The following code example demonstrates how to define child processes within an expanded subprocess:
 
@@ -60,7 +60,7 @@ This interactive behavior ensures that the subprocess container always properly
 
 #### Add and Remove Processes Programmatically
 
-The expanded subprocess supports dynamic process management through dedicated methods. Use the [`addProcess`](https://helpej2.syncfusion.com/angular/documentation/api/diagram#addprocess) method to add new child processes at runtime, and the [`removeProcess`](https://helpej2.syncfusion.com/angular/documentation/api/diagram#removeprocess) method to remove existing processes. These methods provide programmatic control over subprocess content without requiring manual manipulation.
+The expanded subprocess supports dynamic process management through dedicated methods. Use the [`addProcess`](https://ej2.syncfusion.com/angular/documentation/api/diagram#addprocess) method to add new child processes at runtime, and the [`removeProcess`](https://ej2.syncfusion.com/angular/documentation/api/diagram#removeprocess) method to remove existing processes. These methods provide programmatic control over subprocess content without requiring manual manipulation.
 
 The following example demonstrates how to implement dynamic process addition and removal:
 

diagram-sdk/angular/bpmn-shapes/bpmn-flows.md

@@ -22,7 +22,7 @@ BPMN flows are categorized into three main types:
 
 ## Association flow
 
-[`BPMN Association`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnFlow) flows connect BPMN flow objects with their corresponding text annotations or artifacts. Association flows are represented as dotted lines with open arrowheads and do not affect the sequence or execution of the process.
+[`BPMN Association`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnassociationflows) flows connect BPMN flow objects with their corresponding text annotations or artifacts. Association flows are represented as dotted lines with open arrowheads and do not affect the sequence or execution of the process.
 
 The association flow supports three types:
 
@@ -56,7 +56,7 @@ N> The default value for the property `association` is **default**.
 
 ## Sequence flow
 
-A [`Sequence`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnFlow) flow defines the execution order of activities, events, and gateways within a BPMN process. Sequence flows are represented by solid lines with closed arrowheads and control the flow of the process from one element to the next.
+A [`Sequence`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnsequenceflows) flow defines the execution order of activities, events, and gateways within a BPMN process. Sequence flows are represented by solid lines with closed arrowheads and control the flow of the process from one element to the next.
 
 The sequence flow supports three types:
 
@@ -90,7 +90,7 @@ N> The default value for the property `sequence` is **normal**.
 
 ## Message flow
 
-A [`Message`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnFlow) flow represents the exchange of messages between different participants or pools in a BPMN process. Message flows are depicted as dashed lines and show communication that crosses organizational boundaries.
+A [`Message`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnmessageflows) flow represents the exchange of messages between different participants or pools in a BPMN process. Message flows are depicted as dashed lines and show communication that crosses organizational boundaries.
 
 The message flow supports three types:
 

diagram-sdk/angular/bpmn-shapes/bpmn-textAnnotation.md

@@ -14,17 +14,17 @@ domainurl: https://help.syncfusion.com/diagram-sdk
 
 A BPMN object can be associated with a text annotation that provides additional details about objects within a flow without affecting the actual process flow. Text annotations serve as documentation elements that help explain or clarify specific aspects of the BPMN diagram.
 
-A TextAnnotation points to or references another BPMN shape through the [`textAnnotationTarget`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/bpmnTextAnnotation#textannotationtarget) property. When the target shape is moved or deleted, any TextAnnotations attached to the shape will automatically move or be deleted as well. This ensures that TextAnnotations remain associated with their target shapes, though the TextAnnotation can be repositioned to any offset from its target.
+A TextAnnotation points to or references another BPMN shape through the [`textAnnotationTarget`](https://ej2.syncfusion.com/angular/documentation/api/diagram/bpmnTextAnnotation#textannotationtarget) property. When the target shape is moved or deleted, any TextAnnotations attached to the shape will automatically move or be deleted as well. This ensures that TextAnnotations remain associated with their target shapes, though the TextAnnotation can be repositioned to any offset from its target.
 
 The annotation element can be switched from one BPMN node to another by simply dragging the source end of the annotation connector to the desired BPMN node. By default, the TextAnnotation shape includes a connection to its target.
 
 ## Key properties
 
-The [`textAnnotationDirection`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/bpmnTextAnnotation#textannotationdirection) property controls the shape direction of the text annotation. By default, this property is set to `Auto`, which automatically determines the optimal direction based on the target's position.
+The [`textAnnotationDirection`](https://ej2.syncfusion.com/angular/documentation/api/diagram/textannotationdirection) property controls the shape direction of the text annotation. By default, this property is set to `Auto`, which automatically determines the optimal direction based on the target's position.
 
-To set the size for text annotation, use the [`width`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/node#width) and [`height`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/node#height) properties of the node.
+To set the size for text annotation, use the [`width`](https://ej2.syncfusion.com/angular/documentation/api/diagram/node#width) and [`height`](https://ej2.syncfusion.com/angular/documentation/api/diagram/node#height) properties of the node.
 
-The [`offsetX`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/node#offsetx) and [`offsetY`](https://helpej2.syncfusion.com/angular/documentation/api/diagram/node#offsety) properties determine the distance between the BPMN node and the TextAnnotation.
+The [`offsetX`](https://ej2.syncfusion.com/angular/documentation/api/diagram/node#offsetx) and [`offsetY`](https://ej2.syncfusion.com/angular/documentation/api/diagram/node#offsety) properties determine the distance between the BPMN node and the TextAnnotation.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}
@@ -76,7 +76,7 @@ The text annotation supports several directional orientations to optimize the vi
 
 ## Add Text Annotation at Runtime
 
-Text annotations can be added dynamically using either the [`addTextAnnotation`](https://helpej2.syncfusion.com/angular/documentation/api/diagram#addtextannotation) method or the [`add`](https://helpej2.syncfusion.com/angular/documentation/api/diagram#add) method of the diagram. The following example shows how to use these methods to add a text annotation node programmatically.
+Text annotations can be added dynamically using either the [`addTextAnnotation`](https://ej2.syncfusion.com/angular/documentation/api/diagram#addtextannotation) method or the [`add`](https://ej2.syncfusion.com/angular/documentation/api/diagram#add) method of the diagram. The following example shows how to use these methods to add a text annotation node programmatically.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

diagram-sdk/angular/connectors/connectors.md

@@ -103,7 +103,7 @@ The following code example illustrates how to add connectors to the palette.
 
 Connectors can be interactively drawn by clicking and dragging on the diagram surface. This feature enables users to create connections dynamically during diagram creation or editing.
 
-To draw a connector, you have to activate the drawing tool by setting `DrawOnce` or `ContinuousDraw` to the [`tool`](https://ej2.syncfusion.com/documentation/api/diagram#tool) property and you need to set the `connector` object by using the [`drawingObject`](https://ej2.syncfusion.com/documentation/api/diagram#drawingobject) property. The following code example illustrates how to draw a connector at runtime.
+To draw a connector, you have to activate the drawing tool by setting `DrawOnce` or `ContinuousDraw` to the [`tool`](https://ej2.syncfusion.com/angular/documentation/api/diagram/diagramtools) property and you need to set the `connector` object by using the [`drawingObject`](https://ej2.syncfusion.com/angular/documentation/api/diagram#drawingobject) property. The following code example illustrates how to draw a connector at runtime.
 
 {% tabs %}
 {% highlight ts tabtitle="app.component.ts" %}

diagram-sdk/angular/container.md

@@ -32,7 +32,7 @@ Container nodes require specific configuration to enable child element managemen
 
 ### Setting a Header
 
-Headers provide textual identification for containers and can be fully customized for appearance and behavior. The [header](https://ej2.syncfusion.com/angular/documentation/api/diagram/containerModel#header) property accepts text content, while the header's [style](https://ej2.syncfusion.com/angular/documentation/api/diagram/headerModel#style) property controls visual formatting including fonts, colors, and alignment.
+Headers provide textual identification for containers and can be fully customized for appearance and behavior. The [header](https://ej2.syncfusion.com/angular/documentation/api/diagram/headermodel) property accepts text content, while the header's [style](https://ej2.syncfusion.com/angular/documentation/api/diagram/headerModel#style) property controls visual formatting including fonts, colors, and alignment.
 
 The following example shows header configuration with custom styling:
 

diagram-sdk/angular/context-menu.md

@@ -12,7 +12,7 @@ domainurl: https://help.syncfusion.com/diagram-sdk
 
 <!-- markdownlint-disable MD010 -->
 
-In graphical user interfaces, a context menu appears when you perform a right-click operation, offering users a set of actions relevant to the current context. The Angular Diagram component provides extensive context menu customization capabilities through the [`contextMenuSettings`](https://ej2.syncfusion.com/angular/documentation/api/diagram#contextmenusettings) property.
+In graphical user interfaces, a context menu appears when you perform a right-click operation, offering users a set of actions relevant to the current context. The Angular Diagram component provides extensive context menu customization capabilities through the [`contextMenuSettings`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextmenusettingsmodel) property.
 
 The Diagram control includes built-in context menu items and allows you to define custom menu items. This flexibility enables you to tailor menus to specific application needs, including creating nested levels of menu items for complex user interactions.
 
@@ -49,15 +49,15 @@ You can customize context menus for individual nodes by defining specific menu i
 Each custom item can be configured with the following properties:
 - [`text`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#text): Display text for the menu item
 - [`ID`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#id): Unique identifier for the menu item
-- [`iconCss`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#iconCss): CSS class for font icons
+- [`iconCss`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#iconcss): CSS class for font icons
 - [`target`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#target): Specifies where the menu item should appear
 - [`separator`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#separator): Adds visual separation between menu items
 
 For nested menu structures, define child items within the [`items`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuItemModel#items) property of a parent menu item.
 
 ### Display Custom Menu Only
 
-To display only custom context menu items, set the [`showCustomMenuOnly`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuSettingsModel#showCustomMenuOnly) property to true.
+To display only custom context menu items, set the [`showCustomMenuOnly`](https://ej2.syncfusion.com/angular/documentation/api/diagram/contextMenuSettingsModel#showcustommenuonly) property to true.
 
 ### Context Menu Click