jspreadsheet 9.3.6 → 9.4.0

package/README.md

@@ -4,14 +4,14 @@
 
 <img src='https://jspreadsheet.com/templates/v8/img/the-spreadsheet.png' align="right" width="40%">
 
-Jspreadsheet, a lightweight Vanilla JavaScript data grid plugin, can help you create exceptional web-based interactive tables and spreadsheets. Compatible with most widely-used spreadsheet software, such as Excel or Google Spreadsheet, it offers users an unrivalled Excel-like user experience. It also works well with prominent modern frameworks and flexibly utilizes a large collection of events, extensions and configurations to meet different application requirements. Impress your clients with a better user experience and a great dynamic interactive data management tool.
+Jspreadsheet, a lightweight Vanilla JavaScript data grid plugin, can help you create exceptional web-based interactive tables and spreadsheets. Compatible with the most widely-used spreadsheet software, such as Excel or Google Spreadsheet, it offers users an unrivaled Excel-like user experience. It also works well with prominent modern frameworks and flexibly utilizes a large collection of events, extensions, and configurations to meet different application requirements. Impress your clients with a better user experience and dynamic interactive data management tool.
 
-Impress your clients with a better user experience and a great dynamic interactive data grid management tool.
+Impress your users with a better user experience and dynamic interactive data grid management tool.
 
 *   Make rich and user-friendly web interfaces and applications
 *   Handle complicated data inputs with ease and convenience
 *   Common shortcuts to move data from/to any other spreadsheet software
-*   Improve software user experience
+*   Improve the software user experience
 *   Create rich CRUDS and beautiful UI
 *   Highly flexible and customizable
 *   Lightweight and simple to use
@@ -22,7 +22,7 @@ Impress your clients with a better user experience and a great dynamic interacti
 <br>
 
 <h2>Technical Support</h2>
-For technical support or questiosn you can use the following option:
+For technical support or question you can use the following option:
 https://github.com/jspreadsheet/pro/issues
 
 <br>

package/dist/index.d.ts

@@ -356,6 +356,10 @@ declare namespace jspreadsheet {
         rotate?: number;
         /** CSS odd even background color. Default: false */
         zebra?: boolean;
+        /** Group a number of columns define in this property */
+        group?: number;
+        /** State of the column group. */
+        state?: boolean;
     }
 
     interface Border {
@@ -665,12 +669,20 @@ declare namespace jspreadsheet {
         onchangecolumnvisibility?: (worksheet: object, state: boolean, columns: []) => void
         /** When a new row group is created */
         oncreaterowgroup?: (worksheet: object, row: number, elements: number|number[]) => void
-        /** When a row group is destroyed */
-        ondestroyrowgroup?: (worksheet: object, row: number) => void
+        /** When a row group is reset */
+        onresetrowgroup?: (worksheet: object, row: number) => void
         /** When open a row group */
         onopenrowgroup?: (worksheet: object, row: number) => void
         /** When close a row group */
         oncloserowgroup?: (worksheet: object, row: number) => void
+        /** When a new column group is created */
+        oncreatecolumngroup?: (worksheet: object, column: number, elements: number|number[]) => void
+        /** When a column group is reset */
+        onresetcolumngroup?: (worksheet: object, column: number) => void
+        /** When open a column group */
+        onopencolumngroup?: (worksheet: object, column: number) => void
+        /** When close a column group */
+        onclosecolumngroup?: (worksheet: object, column: number) => void
         /** General event handler */
         onevent?: (worksheet: worksheetInstance, method: string, a?: any, b?: any, c?: any, d?: any, e?: any, f?: any) => any
         /** Run every single table update action. Can bring performance issues if perform too much changes. */
@@ -988,8 +1000,8 @@ declare namespace jspreadsheet {
         getBorder: (alias: string) => object;
         /** Get the cell element from the cellName or via its coordinates x,y */
         getCell: (cellNameOrColumnNumber: string|number, y?: number) => HTMLElement | null;
-        /** Get the cell element from its coordinates */
-        getCellFromCoords: (x: number, y: number) => Array<any>;
+        /** Alias to getCell */
+        getCellFromCoords: (x: number, y: number) => HTMLElement | null;
         /** Get attributes from one cell when applicable */
         getCells: (cellName: string) => Column;
         /** Get the column object by its position */
@@ -1297,10 +1309,10 @@ declare namespace jspreadsheet {
         updateCell: (x: number, y: number, value: string, force?: boolean) => void;
         /** Internal method: update cells in a batch */
         updateCells: (o: Array<Record<string, object>>) => void;
-        /** Update the selection based on two DOM cell selements */
-        updateSelection: (el1: number, el2: number, origin: boolean) => void;
+        /** Update the selection based on two DOM cell elements */
+        updateSelection: (el1: HTMLElement, el2?: HTMLElement, origin?: boolean) => void;
         /** Update the selection based on coordinates */
-        updateSelectionFromCoords: (x1: number, y1: number, x2: number, y2: number, origin: boolean, type?: string, color?: string) => void;
+        updateSelectionFromCoords: (x1: number, y1: number, x2?: number, y2?: number, origin?: boolean, type?: string, color?: string) => void;
         /** Getter/setter the value by coordinates */
         value?: (x: number, y: number, value?: any) => void;
         /** Which page the row number is */
@@ -1312,7 +1324,15 @@ declare namespace jspreadsheet {
         /** Close a new group of rows */
         closeRowGroup: (row: number) => void;
         /** Destroy a new group of rows */
-        destroyRowGroup: (row: number) => void;
+        resetRowGroup: (row: number) => void;
+        /** Create a new group of columns */
+        setColumnGroup: (column: number, elements: number|number[]) => void;
+        /** Open a new group of columns */
+        openColumnGroup: (column: number) => void;
+        /** Close a new group of columns */
+        closeColumnGroup: (column: number) => void;
+        /** Reset a group of columns */
+        resetColumnGroup: (column: number) => void;
         /** Resize the given column numbers based on their content. */
         autoResize: (column: number[]) => void;
         /** Aliases for jspreadsheet.helpers. Tools to handle spreadsheet data */