Next

docs/api/cell_manager/add_method.md

@@ -44,4 +44,4 @@ diagram.cellManager.add(0, "down"); // adds cells as rows
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/aftercellsadd_event.md

@@ -40,4 +40,4 @@ diagram.events.on("afterCellsAdd", (swimlaneId) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/aftercellsmove_event.md

@@ -40,4 +40,4 @@ diagram.events.on("afterCellsMove", (swimlaneId) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/aftercellsremove_event.md

@@ -40,4 +40,4 @@ diagram.events.on("afterCellsRemove", (swimlaneId) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/aftercellsvalidation_event.md

@@ -46,4 +46,4 @@ diagram.events.on("afterCellsValidation", (swimlaneId, validate, action) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/beforecellsadd_event.md

@@ -45,4 +45,4 @@ diagram.events.on("beforeCellsAdd", (swimlaneId) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/beforecellsmove_event.md

@@ -45,4 +45,4 @@ diagram.events.on("beforeCellsMove", (swimlaneId) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/beforecellsremove_event.md

@@ -45,4 +45,4 @@ diagram.events.on("beforeCellsRemove", (swimlaneId) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/beforecellsvalidation_event.md

@@ -49,4 +49,4 @@ diagram.events.on("beforeCellsValidation", (swimlaneId, action) => {
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/getcellid_method.md

@@ -46,4 +46,4 @@ diagram.cellManager.getCellId(0, "row"); // -> "r01"
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/getcellindex_method.md

@@ -46,4 +46,4 @@ diagram.cellManager.getCellIndex("r01", "row"); // -> 0
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/getsubheadercellid_method.md

@@ -42,4 +42,4 @@ diagram.cellManager.getSubHeaderCellId("sub01"); // -> "r01"
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/getsubheadercellindex_method.md

@@ -42,4 +42,4 @@ diagram.cellManager.getSubHeaderCellIndex("sub01"); // -> 0
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/getsubheadertype_method.md

@@ -42,4 +42,4 @@ diagram.cellManager.getSubHeaderType("sub01"); // -> "row"
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/move_method.md

@@ -44,4 +44,4 @@ diagram.cellManager.move(0, "down"); // moves cells as rows
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/remove_method.md

@@ -44,4 +44,4 @@ diagram.cellManager.remove(0, "row"); // removes cells as rows
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/resetswimlane_method.md

@@ -34,4 +34,4 @@ diagram.cellManager.resetSwimlane(); // resets active swimlane
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/setswimlane_method.md

@@ -38,4 +38,4 @@ diagram.cellManager.setSwimlane("main"); // sets active swimlane
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/cell_manager/validation_method.md

@@ -48,4 +48,4 @@ diagram.cellManager.validation(0, "down", "move"); // -> true
 
 **Change log**: Added in v4.0
 
-**Related articles**: [Configuring Swimlanes](/swimlanes/)
+**Related article**: [Configuring Swimlanes](/swimlanes/)

docs/api/data_collection/add_method.md

@@ -49,6 +49,6 @@ diagram.data.add({ type: "card", id: "3.2", text: "New Item" });
 diagram.data.add({ type: "line",  from: "3", to: "3.2" });
 ~~~
 
-**Related articles**:  [Adding an item](guides/manipulating_items.md#adding-an-item)
+**Related article**:  [Adding an item](guides/manipulating_items.md#adding-an-item)
 
 **Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop)

docs/api/data_collection/change_event.md

@@ -14,7 +14,7 @@ description: You can learn about the change event of data collection in the docu
 
 ~~~jsx
 change: (
-    id?: string, 
+    id?: string,
     status?: "add" | "update" | "delete" | "load"
     updatedItem?: object
 ) => void;

docs/api/data_collection/copy_method.md

@@ -15,7 +15,7 @@ description: You can learn about the copy method of data collection in the docum
 ~~~jsx
 copy(
     id: string | number | array,
-    index: number, 
+    index: number,
     target?: object
 ): string | number | array;
 ~~~

docs/api/data_collection/eachchild_method.md

@@ -14,8 +14,8 @@ description: You can learn about the eachChild method of data collection in the
 
 ~~~jsx
 eachChild(
-    id: string | number, 
-    callback: function, 
+    id: string | number,
+    callback: function,
     isTree?: boolean
 ): void;
 ~~~
@@ -24,7 +24,7 @@ eachChild(
 
 - `id` - (required) the id of the item
 - `callback` - (required) a callback function that will be applied to each child of the item
-- `isTree` - (optional) defines, whether the function should iterate through all children (of any level) of the specified item. If *false*, the function will iterate only through the first-level children of the item; *true* by default.
+- `isTree` - (optional) defines whether the function should iterate through all children (of any level) of the specified item. If *false*, the function will iterate only through the first-level children of the item; *true* by default.
 
 ### Example
 

docs/api/data_collection/eachparent_method.md

@@ -14,8 +14,8 @@ description: You can learn about the eachParent method of data collection in the
 
 ~~~jsx
 eachParent(
-    id: string | number, 
-    callback: function, 
+    id: string | number,
+    callback: function,
     self?: boolean
 ): void
 ~~~

docs/api/data_collection/exists_method.md

@@ -32,5 +32,5 @@ const diagram = new dhx.Diagram("diagram_container", {
 });
 diagram.data.parse(data);
 
-const shape = diagram.data.exists("1"); 
+const shape = diagram.data.exists("1");
 ~~~

docs/api/data_collection/filter_event.md

@@ -8,7 +8,7 @@ description: You can learn about the filter event of data collection in the docu
 
 ### Description
 
-@short: fires after filtering a data collection 
+@short: fires after filtering a data collection
 
 ### Usage
 

docs/api/data_collection/filter_method.md

@@ -14,7 +14,7 @@ description: You can learn about the filter method of data collection in the doc
 
 ~~~jsx
 filter(
-    rule?: function, 
+    rule?: function,
     config?: {
         id?: string,
         add?: boolean,
@@ -77,7 +77,7 @@ To revert the diagram to the initial state, call the `filter()` method without p
 diagram.data.filter();
 ~~~
 
-**Related articles**:  [Filtering items](guides/manipulating_items.md#filtering-items)
+**Related article**:  [Filtering items](guides/manipulating_items.md#filtering-items)
 
 **Related sample**: [Diagram. Data. Filtering shapes](https://snippet.dhtmlx.com/tm43bsgn)
 

docs/api/data_collection/find_method.md

@@ -49,6 +49,6 @@ const shape = diagram.data.find((shape) => {
 });
 ~~~
 
-**Related articles**:  [Finding the necessary item](guides/manipulating_items.md#finding-the-necessary-item)
+**Related article**:  [Finding the necessary item](guides/manipulating_items.md#finding-the-necessary-item)
 
 **Related sample**: [Diagram. Data. Finding necessary shape](https://snippet.dhtmlx.com/sete9z73)

docs/api/data_collection/findall_method.md

@@ -30,7 +30,7 @@ findAll(rule: function): array;
 
 ### Returns
 
-The method returns an array of matching item objects 
+The method returns an array of matching item objects
 
 ### Example
 
@@ -51,4 +51,4 @@ const shapes = diagram.data.findAll(function (shapes) {
 });
 ~~~
 
-**Related articles**:  [Finding the necessary item](guides/manipulating_items.md#finding-the-necessary-item)
+**Related article**:  [Finding the necessary item](guides/manipulating_items.md#finding-the-necessary-item)

docs/api/data_collection/getfilters_method.md

@@ -8,7 +8,7 @@ description: You can learn about the getFilters method of data collection in the
 
 ### Description
 
-@short: Returns an object with the applied filters 
+@short: Returns an object with the applied filters
 
 ### Usage
 
@@ -23,7 +23,7 @@ getFilters({ permanent?: boolean }): object;
 ### Returns
 
 The method returns an object with the applied filters, where:
-- `key` - the id of a filter 
+- `key` - the id of a filter
 - `value` - an object with the [`rule` and `config` properties](api/data_collection/filter_method.md#parameters)
 
 ### Example
@@ -33,7 +33,7 @@ const diagram = new dhx.Diagram("diagram_container", {
     // configuration settings
 });
 diagram.data.parse(data);
-    
+
 const filters = diagram.data.getFilters(); // gets all the applied filters
 console.log(filters);
 ~~~

docs/api/data_collection/getitem_method.md

@@ -43,4 +43,4 @@ const shape = diagram.data.getItem(123);
 const text = shape.text;
 ~~~
 
-**Related articles**:  [Getting an item](guides/manipulating_items.md#getting-an-item)
+**Related article**:  [Getting an item](guides/manipulating_items.md#getting-an-item)

docs/api/data_collection/load_method.md

@@ -14,7 +14,7 @@ description: You can learn about the load method of data collection in the docum
 
 ~~~jsx
 load(
-    url: string | object, 
+    url: string | object,
     driver?: object | string
 ): promise;
 ~~~
@@ -51,6 +51,6 @@ diagram.data.load("../some/data").then(() => {
 });
 ~~~
 
-**Related articles**:  [Loading and storing data](guides/loading_data.md)
+**Related article**:  [Loading and storing data](guides/loading_data.md)
 
 **Related sample**: [Diagram. Data. Data loading](https://snippet.dhtmlx.com/09isp2d8)

docs/api/data_collection/move_method.md

@@ -14,8 +14,8 @@ description: You can learn about the move method of data collection in the docum
 
 ~~~jsx
 move(
-    id: string | number | array, 
-    index: number, 
+    id: string | number | array,
+    index: number,
     target?: object
 ): string | number | array;
 ~~~

docs/api/data_collection/parse_method.md

@@ -27,8 +27,8 @@ parse(
     data: object[]; // an array of all shapes and connections
     ~~~
     - for the PERT Diagram mode it is an object with:
-      -  the `data` array (for shapes: `"task"`, `"milestone"`, `"project"`) 
-      -  the `links` array (for connections between shapes) 
+      -  the `data` array (for shapes: `"task"`, `"milestone"`, `"project"`)
+      -  the `links` array (for connections between shapes)
     ~~~jsx
     {
         data: object[]; // an array of shapes (tasks, milestones, projects)
@@ -65,8 +65,8 @@ const data = [
     { id: "1-3", from: "1", to: "3", type: "line" }
 ];
 
-const diagram = new dhx.Diagram("diagram_container", { 
-    type: "org" 
+const diagram = new dhx.Diagram("diagram_container", {
+    type: "org"
 });
 
 diagram.data.parse(data);
@@ -97,8 +97,8 @@ const diagram = new dhx.Diagram("diagram_container", {
 diagram.data.parse(dataset);
 ~~~
 
-**Related articles**:  [Loading and storing data](guides/loading_data.md)
+**Related article**:  [Loading and storing data](guides/loading_data.md)
 
-**Related samples**: 
+**Related samples**:
 - [Diagram. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/5ign6fyy)
 - [Diagram. PERT chart. Initialization](https://snippet.dhtmlx.com/4h5fi7xd)

docs/api/data_collection/remove_method.md

@@ -35,6 +35,6 @@ diagram.data.parse(data);
 diagram.data.remove("2");
 ~~~
 
-**Related articles**:  [Deleting items](guides/manipulating_items.md#deleting-items)
+**Related article**:  [Deleting items](guides/manipulating_items.md#deleting-items)
 
 **Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop)

docs/api/data_collection/removeall_method.md

@@ -27,6 +27,6 @@ diagram.data.parse(data);
 diagram.data.removeAll();
 ~~~
 
-**Related articles**:  [Deleting items](guides/manipulating_items.md#deleting-items)
+**Related article**:  [Deleting items](guides/manipulating_items.md#deleting-items)
 
 **Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop)

docs/api/data_collection/serialize_method.md

@@ -8,21 +8,21 @@ description: You can learn about the serialize method of data collection in the
 
 ### Description
 
-@short: Exports the current diagram data 
+@short: Exports the current diagram data
 
 ### Usage
 
 ~~~jsx
-serialize(): object[] | { data: object[]; links: object[] }; 
+serialize(): object[] | { data: object[]; links: object[] };
 ~~~
 
 ### Returns
 
 Depending on the diagram mode, the method returns:
 
-- `object[]` - (for the default, org chart and mindmap Diagram modes) an array of objects for each item and link from Diagram 
+- `object[]` - (for the default, org chart and mindmap Diagram modes) an array of objects for each item and link from Diagram
 - `{ data: object[]; links: object[] }` - (for the PERT Diagram mode) an object with:
-  - the `data` array of objects (for shapes: `"task"`, `"milestone"`, `"project"`) 
+  - the `data` array of objects (for shapes: `"task"`, `"milestone"`, `"project"`)
   - the `links` array of objects (for connections between shapes)
 
 ### Example
@@ -51,4 +51,4 @@ const dataset = diagram.data.serialize(); // -> { data: [...], links: [...] };
 
 Note that for the PERT Diagram mode the `links` objects in the exported data object will have [the same types as in the DHTMLX Gantt chart](https://docs.dhtmlx.com/gantt/desktop__link_properties.html). It means that if the type of a link in the Diagram data coincides with some of the Gantt links types, it will remain the same during serialization. If the link type isn't specified or set differently (for example, `type: "line"`), it will be converted into `type: "0"`.
 
-**Related articles**:  [Saving and restoring state](guides/loading_data.md#saving-and-restoring-state)
+**Related article**:  [Saving and restoring state](guides/loading_data.md#saving-and-restoring-state)

docs/api/data_collection/update_method.md

@@ -18,7 +18,7 @@ The method can't be used to change the *id* or *type* of the item
 
 ~~~jsx
 update(
-    id: string | number, 
+    id: string | number,
     newItem: object
 ): void;
 ~~~
@@ -39,4 +39,4 @@ diagram.data.parse(data);
 diagram.data.update(123, { text:"New text" });
 ~~~
 
-**Related articles**:  [Updating an item](guides/manipulating_items.md#updating-an-item)
+**Related article**:  [Updating an item](guides/manipulating_items.md#updating-an-item)