Merge pull request #250 from Gowri-V-L/SEO-2882-Ang-PdfViewer-Scheduler-diagram-treeview

SEO-2882-Ang-NPM-PdfView-Diag-sched-treeview

Author: Aishwarya-Ganesan

components/diagrams/README.md

@@ -1,10 +1,10 @@
 # ej2-angular-diagrams
 
-The diagram component visually represents information. It is also used to create diagrams like flow charts, organizational charts, mind maps, and BPMN either through code or a visual interface.
+The [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) component visually represents information. It is also used to create diagrams like flow charts, organizational charts, mind maps, and BPMN either through code or a visual interface.
 
 ![Diagram](https://ej2.syncfusion.com/products/images/diagram/read-me.gif)
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm).
 
 > A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
@@ -18,55 +18,64 @@ npm install @syncfusion/ej2-angular-diagrams
 
 ## Resources
 
-* [Getting Started](https://ej2.syncfusion.com/angular/documentation/diagram/getting-started.html)
-* [View Online Demos](https://ej2.syncfusion.com/angular/demos/#/material/diagram/default-functionalities)
-* [Product Page](https://www.syncfusion.com/angular-ui-components/diagram)
+* [Getting Started](https://ej2.syncfusion.com/angular/documentation/diagram/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [View Online Demos](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/default-functionalities?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [Product Page](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
 
 ## Supported Frameworks
 
 Diagram component is also offered in following list of frameworks.
 
-1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components?utm_source=npm&utm_campaign=diagram)
-2. [React](https://github.com/syncfusion/ej2-react-ui-components?utm_source=npm&utm_campaign=diagram)
-3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components?utm_source=npm&utm_campaign=diagram)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Diagram/FlowChart#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Diagram/DefaultFunctionalities#/material)
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/diagram)
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+2. [React](https://github.com/syncfusion/ej2-react-ui-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+4. [ASP.NET Core](https://github.com/syncfusion/ej2-aspnetcore-samples?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+5. [ASP.NET MVC](https://github.com/syncfusion/ej2-aspnetmvc-samples?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+6. [JavaScript (ES5)](https://github.com/syncfusion/ej2-javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
 
 ## Showcase samples
 
-* Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/))
+* Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm))
 
 
 ## Key Features
 
-- [**Nodes**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/nodes)  - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily.
-- [**Connectors**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/connectors) - The relationship between two nodes is represented using a connector.
-- [**Labels**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/annotations)- Labels are used to annotate nodes and connectors.
-- [**Interactive Features**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/drawing-tool) - Interactive features are used to improve the run time editing experience of a diagram.
-- [**Data Binding**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/local-data) - Generates diagram with nodes and connectors based on the information provided from an external data source.
-- [**Commands**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/key-board-functions) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations.
-- [**Automatic Layout**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/hierarchical-tree) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout.
-- [**Overview Panel**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/overview) -  The overview panel is used to improve navigation experience when exploring large diagrams.
-- [**SymbolPalettes**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/symbol-palette) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram.
-- [**Rulers**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/drawing-tool) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram control.
-- [**Serialization**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/serialization) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization.
-- [**Exporting and Printing**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/print-export) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents.
-- [**Gridlines**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/default-functionalities) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface.
-- [**Page Layout**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/print-export)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins.
-- [**Context Menu**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/key-board-functions) - Frequently used commands can easily be mapped to the context menu.
+- [**Nodes**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/nodes)  - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily.
+- [**Connectors**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/connectors) - The relationship between two nodes is represented using a connector.
+- [**Labels**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/annotations)- Labels are used to annotate nodes and connectors.
+- [**Interactive Features**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/drawing-tool) - Interactive features are used to improve the run time editing experience of a diagram.
+- [**Data Binding**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/local-data) - Generates diagram with nodes and connectors based on the information provided from an external data source.
+- [**Commands**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/key-board-functions) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations.
+- [**Automatic Layout**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/hierarchical-tree) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout.
+- [**Overview Panel**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/overview) -  The overview panel is used to improve navigation experience when exploring large diagrams.
+- [**SymbolPalettes**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/symbol-palette) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram.
+- [**Rulers**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/drawing-tool) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram control.
+- [**Serialization**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/serialization) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization.
+- [**Exporting and Printing**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/print-export) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents.
+- [**Gridlines**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/default-functionalities) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface.
+- [**Page Layout**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/print-export)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins.
+- [**Context Menu**](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/bootstrap5/diagram/key-board-functions) - Frequently used commands can easily be mapped to the context menu.
 
 ## Support
 
 Product support is available for through following mediums.
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=diagram) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=diagram).
-* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm).
+* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm).
 * Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
 
+## Related Links
+
+* [Download Free Trial](https://www.syncfusion.com/downloads?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [Online Demos](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/default-functionalities?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [Community Forums](https://www.syncfusion.com/forums/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [Knowledge Base](https://www.syncfusion.com/kb/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [Suggest a feature](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+* [Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
+
 ## License
 
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=diagram).
+Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm).
 
 ## Changelog