[add] docs for v9.2

docs/grid/api/blockselection/afterblockhandleapply_event.md

@@ -0,0 +1,56 @@
+---
+sidebar_label: afterBlockHandleApply
+title: JavaScript Grid - afterBlockHandleApply Event 
+description: You can explore the afterBlockHandleApply event of Grid block selection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# afterBlockHandleApply
+
+@short: triggered after applying the handle action
+
+### Usage
+
+~~~jsx
+afterBlockHandleApply: (
+    startCell: { row: object; column: object },
+    endCell: { row: object; column: object },
+    dragDirection: "up" | "down" | "left" | "right" | null,
+    event: MouseEvent | TouchEvent
+) => void;
+~~~
+
+@params:
+The callback of the event is called with the following parameters:
+
+<table>
+    <tbody>
+        <tr>
+            <td><b>startCell</b></td>
+            <td>(<i>object</i>) an object that contains the initial cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>endCell</b></td>
+            <td>(<i>object</i>) an object that contains the end cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>dragDirection</b></td>
+            <td>(<i>string</i>) determines the direction of movement of the focused cell: `"up"` | `"down"` | `"left"` | `"right"` | `null`</td>
+        </tr>
+        <tr>
+            <td><b>event</b></td>
+            <td>(<i>Event</i>) the browser event: `MouseEvent` or `TouchEvent`</td>
+        </tr>
+    </tbody>
+</table>
+
+@example:
+grid.block.events.on("afterBlockHandleApply", (startCell, endCell, dir) => {
+    console.log("Handle applied:");
+});
+
+@descr:
+
+**Related API**: [`beforeBlockHandleApply`](grid/api/blockselection/beforeblockhandleapply_event.md)
+
+@changelog:
+added in v9.2

docs/grid/api/blockselection/afterblockselectionapply_event.md

@@ -0,0 +1,56 @@
+---
+sidebar_label: afterBlockSelectionApply
+title: JavaScript Grid - afterBlockSelectionApply Event 
+description: You can explore the afterBlockSelectionApply event of Grid block selection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# afterBlockSelectionApply
+
+@short: triggered after applying the selection 
+
+### Usage
+
+~~~jsx
+afterBlockSelectionApply: (
+    startCell: { row: object; column: object },
+    endCell: { row: object; column: object },
+    handle: boolean,
+    event: MouseEvent | TouchEvent
+) => void;
+~~~
+
+@params:
+The callback of the event is called with the following parameters:
+
+<table>
+    <tbody>
+        <tr>
+            <td><b>startCell</b></td>
+            <td>(<i>object</i>) an object that contains the initial cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>endCell</b></td>
+            <td>(<i>object</i>) an object that contains the end cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>handle</b></td>
+            <td>(<i>boolean</i>) indicates whether the handle was used (`true`) or a regular selection (`false`)</td>
+        </tr>
+        <tr>
+            <td><b>event</b></td>
+            <td>(<i>Event</i>) the browser event: `MouseEvent` or `TouchEvent`</td>
+        </tr>
+    </tbody>
+</table>
+
+@example:
+grid.block.events.on("afterBlockSelectionApply", (startCell, endCell) => {
+    console.log("Selection applied:", startCell.column.id, endCell.column.id);
+});
+
+@descr:
+
+**Related API**: [`beforeBlockSelectionApply`](grid/api/blockselection/beforeblockselectionapply_event.md)
+
+@changelog:
+added in v9.2

docs/grid/api/blockselection/afterblockselectionmove_event.md

@@ -0,0 +1,61 @@
+---
+sidebar_label: afterBlockSelectionMove
+title: JavaScript Grid - afterBlockSelectionMove Event 
+description: You can explore the afterBlockSelectionMove event of Grid block selection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# afterBlockSelectionMove
+
+@short: triggered after moving the selection boundary
+
+### Usage
+
+~~~jsx
+afterBlockSelectionMove: (
+    startCell: { row: object; column: object },
+    endCell: { row: object; column: object },
+    focusCell: { row: object; column: object } | null,
+    dragDirection: "up" | "down" | "left" | "right" | null,
+    event: MouseEvent | TouchEvent
+) => void;
+~~~
+
+@params:
+The callback of the event is called with the following parameters:
+
+<table>
+    <tbody>
+        <tr>
+            <td><b>startCell</b></td>
+            <td>(<i>object</i>) an object that contains the initial cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>endCell</b></td>
+            <td>(<i>object</i>) an object that contains the current end cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>focusCell</b></td>
+            <td>(<i>object</i>) an object that contains the focus cell (if the handle is used) or `null`, includes the following properties: <ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>dragDirection</b></td>
+            <td>(<i>string</i>) determines the direction of movement of the focused cell: `"up"` | `"down"` | `"left"` | `"right"` | `null`</td>
+        </tr>
+        <tr>
+            <td><b>event</b></td>
+            <td>(<i>Event</i>) the browser event: `MouseEvent` or `TouchEvent`</td>
+        </tr>
+    </tbody>
+</table>
+
+@example:
+grid.block.events.on("afterBlockSelectionMove", (startCell, endCell) => {
+    console.log("Selection updated to:", endCell.column.id, endCell.row.id);
+});
+
+@descr:
+
+**Related API**: [`beforeBlockSelectionMove`](grid/api/blockselection/beforeblockselectionmove_event.md)
+
+@changelog:
+added in v9.2

docs/grid/api/blockselection/beforeblockhandleapply_event.md

@@ -0,0 +1,62 @@
+---
+sidebar_label: beforeBlockHandleApply
+title: JavaScript Grid - beforeBlockHandleApply Event 
+description: You can explore the beforeBlockHandleApply event of Grid block selection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# beforeBlockHandleApply
+
+@short: triggered before applying the handle action
+
+### Usage
+
+~~~jsx
+beforeBlockHandleApply: (
+    startCell: { row: object; column: object },
+    endCell: { row: object; column: object },
+    dragDirection: "up" | "down" | "left" | "right" | null,
+    event: MouseEvent | TouchEvent
+) => boolean | void;
+~~~
+
+@params:
+The callback of the event is called with the following parameters:
+
+<table>
+    <tbody>
+        <tr>
+            <td><b>startCell</b></td>
+            <td>(<i>object</i>) an object that contains the initial cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>endCell</b></td>
+            <td>(<i>object</i>) an object that contains the end cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>dragDirection</b></td>
+            <td>(<i>string</i>) determines the direction of movement of the focused cell: `"up"` | `"down"` | `"left"` | `"right"` | `null`</td>
+        </tr>
+        <tr>
+            <td><b>event</b></td>
+            <td>(<i>Event</i>) the browser event: `MouseEvent` or `TouchEvent`</td>
+        </tr>
+    </tbody>
+</table>
+
+@returns:
+Return `false` to cancel the action; otherwise, `true`.
+
+@example:
+grid.block.events.on("beforeBlockHandleApply", (startCell, endCell, dir) => {
+    if (dir === "right" | dir === "left") {
+        console.log("Horizontal change canceled");
+        return false;
+    }
+});
+
+@descr:
+
+**Related API**: [`afterBlockHandleApply`](grid/api/blockselection/afterblockhandleapply_event.md)
+
+@changelog:
+added in v9.2

docs/grid/api/blockselection/beforeblockselectionapply_event.md

@@ -0,0 +1,62 @@
+---
+sidebar_label: beforeBlockSelectionApply
+title: JavaScript Grid - beforeBlockSelectionApply Event 
+description: You can explore the beforeBlockSelectionApply event of Grid block selection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# beforeBlockSelectionApply
+
+@short: triggered before applying the selection (e.g., to a range)
+
+### Usage
+
+~~~jsx
+beforeBlockSelectionApply: (
+    startCell: { row: object; column: object },
+    endCell: { row: object; column: object },
+    handle: boolean,
+    event: MouseEvent | TouchEvent
+) => boolean | void;
+~~~
+
+@params:
+The callback of the event is called with the following parameters:
+
+<table>
+    <tbody>
+        <tr>
+            <td><b>startCell</b></td>
+            <td>(<i>object</i>) an object that contains the initial cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>endCell</b></td>
+            <td>(<i>object</i>) an object that contains the end cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>handle</b></td>
+            <td>(<i>boolean</i>) indicates whether the handle was used (`true`) or a regular selection (`false`)</td>
+        </tr>
+        <tr>
+            <td><b>event</b></td>
+            <td>(<i>Event</i>) the browser event: `MouseEvent` or `TouchEvent`</td>
+        </tr>
+    </tbody>
+</table>
+
+@returns:
+Return `false` to cancel the action; otherwise, `true`.
+
+@example:
+grid.block.events.on("beforeBlockSelectionApply", (startCell, endCell) => {
+    if (endCell.row.id === "2") {
+        console.log("Application canceled if the range ends with row 2");
+        return false;
+    }
+});
+
+@descr:
+
+**Related API**: [`afterBlockSelectionApply`](grid/api/blockselection/afterblockselectionapply_event.md)
+
+@changelog:
+added in v9.2

docs/grid/api/blockselection/beforeblockselectionmove_event.md

@@ -0,0 +1,65 @@
+---
+sidebar_label: beforeBlockSelectionMove
+title: JavaScript Grid - beforeBlockSelectionMove Event 
+description: You can explore the beforeBlockSelectionMove event of Grid block selection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# beforeBlockSelectionMove
+
+@short: triggered before moving the selection boundary
+
+### Usage
+
+~~~jsx
+beforeBlockSelectionMove: (
+    startCell: { row: object; column: object },
+    nextCell: { row: object; column: object },
+    focusCell: { row: object; column: object } | null,
+    dragDirection: "up" | "down" | "left" | "right" | null,
+    event: MouseEvent | TouchEvent
+) => void;
+~~~
+
+@params:
+The callback of the event is called with the following parameters:
+
+
+<table>
+    <tbody>
+        <tr>
+            <td><b>startCell</b></td>
+            <td>(<i>object</i>) an object that contains the initial cell of the selection, includes the following properties:<ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>nextCell</b></td>
+            <td>(<i>object</i>) an object that contains the next cell to which the boundary is moving or the end cell of the previously selected boundary during the handle movement, includes the following properties: <ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>focusCell</b></td>
+            <td>(<i>object</i>) an object that contains the last focus cell (if the handle is used) or `null`, includes the following properties: <ul><li><b>`row`</b> - (<i>object</i>) the row configuration object </li><li><b>`column`</b> - (<i>object</i>) the column configuration object</li></ul></td>
+        </tr>
+        <tr>
+            <td><b>dragDirection</b></td>
+            <td>(<i>string</i>) determines the direction of movement of the focused cell: `"up"` | `"down"` | `"left"` | `"right"` | `null`</td>
+        </tr>
+        <tr>
+            <td><b>event</b></td>
+            <td>(<i>Event</i>) the browser event: `MouseEvent` or `TouchEvent`</td>
+        </tr>
+    </tbody>
+</table>
+
+@returns:
+Return `false` to cancel the action; otherwise, `true`.
+
+@example:
+grid.block.events.on("beforeBlockSelectionMove", (startCell, nextCell) => {
+    console.log("Moving to:", nextCell.column.id, nextCell.row.id);
+});
+
+@descr:
+
+**Related API**: [`afterBlockSelectionMove`](grid/api/blockselection/afterblockselectionmove_event.md)
+
+@changelog:
+added in v9.2