Merge pull request #87 from DHTMLX/spreadsheet/doc/DHX-5299

Spreadsheet/doc/dhx 5299

Author: mafanya23

docs/accessibility.md

@@ -1,7 +1,7 @@
 ---
 sidebar_label: Integration with Angular
 title: Angular Integration
-description: You can learn about the Angular integration of the DHTMLX JavaScript Spreadsheet library in the documentation. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Spreadsheet.
+description: Use DHTMLX Spreadsheet in an Angular application. Create a project, add Spreadsheet as an Angular component, load data and handle events.
 ---
 
 # Integration with Angular
@@ -234,6 +234,10 @@ ngOnDestroy() {
 }
 ~~~
 
+:::info
+The `destructor()` method removes the event handlers attached with `spreadsheet.events.on()`. When a new Spreadsheet instance is created, for example, when the component is created again, attach the handlers to the new instance.
+:::
+
 ### Step 3. Adding Spreadsheet into the app
 
 To add the `SpreadsheetComponent` component into the app, open the *src/app/app.component.ts* file and replace the default code with the following one:

docs/accessibility_conformance_report.md

@@ -1,7 +1,7 @@
 ---
 sidebar_label: API overview
 title: API Overview
-description: You can check an API overview of the DHTMLX JavaScript Spreadsheet library in the documentation. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Spreadsheet.
+description: Overview of the DHTMLX Spreadsheet API, covering the constructor, methods, events, properties, and the sheet manager, selection, event bus and export modules.
 ---
 
 # API overview
@@ -27,6 +27,7 @@ Parameters:
 | [](api/spreadsheet_addcolumn_method.md)      | @getshort(api/spreadsheet_addcolumn_method.md)      |
 | [](api/spreadsheet_addformula_method.md)     | @getshort(api/spreadsheet_addformula_method.md)     |
 | [](api/spreadsheet_addrow_method.md)         | @getshort(api/spreadsheet_addrow_method.md)         |
+| [](api/spreadsheet_announce_method.md)         | @getshort(api/spreadsheet_announce_method.md)        |
 | [](api/spreadsheet_clear_method.md)          | @getshort(api/spreadsheet_clear_method.md)          |
 | [](api/spreadsheet_deletecolumn_method.md)   | @getshort(api/spreadsheet_deletecolumn_method.md)   |
 | [](api/spreadsheet_deleterow_method.md)      | @getshort(api/spreadsheet_deleterow_method.md)      |
@@ -99,6 +100,7 @@ Parameters:
 | [](api/spreadsheet_multisheets_config.md)      | @getshort(api/spreadsheet_multisheets_config.md)      |
 | [](api/spreadsheet_readonly_config.md)         | @getshort(api/spreadsheet_readonly_config.md)         |
 | [](api/spreadsheet_rowscount_config.md)        | @getshort(api/spreadsheet_rowscount_config.md)        |
+| [](api/spreadsheet_selection_config.md)        | @getshort(api/spreadsheet_selection_config.md)       |
 | [](api/spreadsheet_toolbarblocks_config.md)    | @getshort(api/spreadsheet_toolbarblocks_config.md)    |
 
 
@@ -118,8 +120,11 @@ Parameters:
 
 | Name                                           | Description                                           |
 | :--------------------------------------------- | :---------------------------------------------------- |
+| [](api/selection_disable_method.md)            | @getshort(api/selection_disable_method.md)           |
+| [](api/selection_enable_method.md)             | @getshort(api/selection_enable_method.md)            |
 | [](api/selection_getfocusedcell_method.md)     | @getshort(api/selection_getfocusedcell_method.md)     |
 | [](api/selection_getselectedcell_method.md)    | @getshort(api/selection_getselectedcell_method.md)    |
+| [](api/selection_isdisabled_method.md)         | @getshort(api/selection_isdisabled_method.md)        |
 | [](api/selection_removeselectedcell_method.md) | @getshort(api/selection_removeselectedcell_method.md) |
 | [](api/selection_setfocusedcell_method.md)     | @getshort(api/selection_setfocusedcell_method.md)     |
 | [](api/selection_setselectedcell_method.md)    | @getshort(api/selection_setselectedcell_method.md)    |

docs/angular_integration.md

@@ -23,7 +23,7 @@ detach(name: string): void;
 ### Example
 
 ~~~jsx {10}
-const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
     // config parameters
 });
 spreadsheet.parse(data);

docs/api/api_overview.md

@@ -32,7 +32,7 @@ The method returns `false` if some of the event handlers return `false`. Otherwi
 ### Example
 
 ~~~jsx {10}
-const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
     // config parameters
 });
 spreadsheet.parse(data);

docs/api/eventsbus_detach_method.md

@@ -24,7 +24,7 @@ on(name: string, callback: function): void;
 ### Example
 
 ~~~jsx {6-8}
-const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
     // config parameters
 });
 spreadsheet.parse(data);

docs/api/eventsbus_fire_method.md

@@ -19,7 +19,7 @@ json(): void;
 ### Example
 
 ~~~jsx {7}
-const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
     // config parameters
 });
 spreadsheet.parse(data);

docs/api/eventsbus_on_method.md

@@ -23,7 +23,7 @@ xlsx(name:string): void;
 ### Example
 
 ~~~jsx {7,10}
-const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
+const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
     // config parameters
 });
 spreadsheet.parse(data);

docs/api/export_json_method.md

@@ -67,8 +67,8 @@ spreadsheet.events.on("beforeColumnAdd", function(cell){
 | **merge**            | The action is executed when merging a range of cells                                                                                                                                                    |
 | **removeCellStyles** | The action is executed when clearing styles of a cell                                                                                                                                                   |
 | **renameSheet**      | The action is executed when renaming a sheet                                                                                                                                                            |
-| **resizeCol**        | The action is executed when resizing a column                                                                                                                                                           |
-| **resizeRow**        | The action is executed when resizing a row                                                                                                                                                              |
+| **resizeCol**        | The action is executed when resizing a column by dragging its border or with the *Column width* command |
+| **resizeRow**        | The action is executed when resizing a row by dragging its border or with the *Row height* command |
 | **setCellFormat**    | The action is executed when changing the format of a cell                                                                                                                                               |
 | **setCellValue**     | The action is executed when changing or removing the value of a cell                                                                                                                                    |
 | **setValidation**    | The action is executed when setting data validation for a cell                                                                                                                                          |
@@ -78,6 +78,13 @@ spreadsheet.events.on("beforeColumnAdd", function(cell){
 | **toggleFreeze**     | The action is executed when freezing/unfreezing columns/rows                                                                                                                                            |
 | **unmerge**          | The action is executed when splitting cells                                                                                                                                                             |
 
+:::note
+In the `config` object of the [`beforeAction`](api/spreadsheet_beforeaction_event.md) and [`afterAction`](api/spreadsheet_afteraction_event.md) events, the **resizeCol** and **resizeRow** actions pass:
+
+- `cell` - the cell or range of cells whose columns or rows are resized
+- `val` - the new width or height in pixels. It is set only for the *Column width* and *Row height* commands, not for resizing by dragging
+:::
+
 **Change log:**
 
 - The **toggleFreeze** and **toggleVisibility** actions were added in v5.2