gridjs-spreadsheet 24.11.1 → 25.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "24.11.1",
+  "version": "25.1.0",
   "description": "this is the client side script for GridJs which is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs based on JSON format.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",

package/readme.md

@@ -1,16 +1,29 @@
 # gridjs-spreadsheet
  
-> this is the client side script for gridjs which is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs
+> this is the client side script for GridJs which is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs
 
- 
+- [API](#api)
+- [Preview](#preview)
+- [Github Demos](#github-demos)
+- [Features](#features)
+- [Documentation](#documentation)
+- [Support](#support)
+- [License](#license)
 
-## Document
+## About
  It allows you to view and edit spreadsheet files with ease.
 
  this is developed based on https://github.com/myliang/x-spreadsheet
 
  Quick online demo: https://products.aspose.app/cells/editor
 
+## Preview
+
+![demo](preview.gif)
+
+## API
+
+APIs are available on the [API page](https://docs.aspose.com/cells/net/aspose-cells-gridjs/how-to-use-gridjs-client-api/).
  
 ## CDN
 ```html
@@ -212,9 +225,18 @@ xs.cellStyle(ri, ci);
   - Support display two colors gradient in fill effects 
 
 
-## Demo
-Visit the GridJs demo to find more detail info 
+## Github-Demos
+
+Visit the GridJs demo to find more detail info:
+
 https://github.com/aspose-cells/Aspose.Cells-for-.NET/tree/master/Examples_GridJs
+
+https://github.com/aspose-cells/Aspose.Cells-for-Java/tree/master/Examples.GridJs
+
+https://github.com/aspose-cells/Aspose.Cells-for-Python-via-.NET/tree/main/Examples_GridJs_Python_Net
+
+## Support
+
 You can ask any question  using the [Forum](https://forum.aspose.com/c/cells).
 
 ## Documentation
@@ -230,13 +252,25 @@ Online documentation is available here:
 
 Modern browsers(chrome, firefox, Safari).
 
-## Version Info
+## Version History
 v24.9.1: 
 fix bug that fail to insert column in the new added worksheet
 fix bug that fail to rename worksheet
 support lazy loading
-
-## LICENSE
+v24.10:
+support a view option to show formulas
+v24.11:
+improve the display of rich text cell values 
+v24.12:
+supporte API to show HTML nodes and interact with HTML nodes at specified cell positions
+supporte pre-check event for row/column delete/insert operations
+support row/column insert/delete events for client APIs
+support events for updating cells
+support multiple instances on one page
+v25.1: 
+support copy/paste from MS-Excel
+
+## License
 
 MIT
 

package/xspreadsheet.css

@@ -69,6 +69,10 @@ body {
   z-index: 1;
   box-shadow: 1px 1px 3px -1px rgba(255, 255, 0, 0.3);
 }
+.x-spreadsheet-html-tip {
+  position: absolute;
+  z-index: 997;
+}
 .x-spreadsheet-formula-explain {
   font-family: inherit;
   position: absolute;
@@ -562,6 +566,11 @@ body {
   opacity: 0.65;
   font-size: 1em;
 }
+.x-spreadsheet-item .labelcnt {
+  float: right;
+  color: green;
+  font-size: 1em;
+}
 .x-spreadsheet-item.state,
 .x-spreadsheet-header.state {
   padding-left: 35px !important;
@@ -984,12 +993,27 @@ body {
   background-color: #d9dc22;
   font-size: 8px;
 }
+.x-spreadsheet-button.primary.disabled {
+  background-color: #b0b8c1;
+  color: rgb(240 229 229);
+  pointer-events: none;
+  cursor: not-allowed;
+}
 .x-spreadsheet-modal-component-input-btn {
   border: 1px solid #0078d4;
   color: #0078d4;
   background: white;
   border-radius: 0 5px 5px 0;
 }
+.x-spreadsheet-gkeyinput {
+  width: 0px;
+  height: 0px;
+  font-size: 1px;
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: -200px;
+}
 .x-spreadsheet-form-input {
   font-size: 1em;
   position: relative;