gridjs-spreadsheet 24.12.0 → 25.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "24.12.0",
+  "version": "25.1.1",
   "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,31 @@
 # 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)
+
+## About
 
-## Document
  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
+
+<img alt='demo' src='https://unpkg.com/gridjs-spreadsheet@25.1.0/preview.gif'height="800" />
+
+
+## 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
@@ -82,7 +97,7 @@ const s = new Spreadsheet("#gridjs-demo")
 ```
 
 
- ## simple usage
+## simple usage
 
 ```javascript
  
@@ -176,6 +191,7 @@ xs.cellStyle(ri, ci);
  
 
 ## Features
+
   - Localization/Multiple language UI
   - Paint format
   - Clear format
@@ -212,13 +228,22 @@ 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
-You can ask any question  using the [Forum](https://forum.aspose.com/c/cells).
+
+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
+
+
 
 ## Documentation
+
 Online documentation is available here:
+
 - [Developer's Guide C#](https://docs.aspose.com/cells/net/aspose-cells-gridjs/)
 - [API Reference C#](https://docs.aspose.com/cells/net/aspose-cells-gridjs/client/)
 - [Developer's Guide Python](https://docs.aspose.com/cells/python-net/aspose-cells-gridjs/)
@@ -230,17 +255,40 @@ 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
+- fix bug that fail to insert column in the new added worksheet
+- fix bug that fail to rename worksheet
+- support lazy loading
+
+v24.10:
+
+- support a view option to show formulas
+
+v24.11:
+
+- improve the display of rich text cell values
+
+v24.12:
+
+- support API to show HTML nodes and interact with HTML nodes at specified cell positions
+- support 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
 
+## Support
 
-## Server Side Support
+You can ask any question or request features using the [Forum](https://forum.aspose.com/c/cells).
 
 [Product Page](https://products.aspose.com/cells) | [Product Documentation](https://docs.aspose.com/cells/net/aspose-cells-gridjs/) | [Blog](https://blog.aspose.com/category/cells/) |[API Reference](https://reference.aspose.com/cells/net/aspose.cells.gridjs/) | [Source Code Samples](https://github.com/aspose-cells/Aspose.Cells-for-.NET/tree/master/Examples_GridJs) | [Free Support](https://forum.aspose.com/c/cells)  

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;
@@ -141,14 +145,14 @@ body {
   height: 60px;
   margin: 10px;
   background-repeat: no-repeat;
-  background-image: url(9ab1b217edd126e8925e88cc8f25a154.svg);
+  background-image: url(555f60323063f2b68b6eac7ce9c45b19.svg);
 }
 .x-spreadsheet-banner-icon-s {
   width: 30px;
   height: 30px;
   margin: 5px;
   background-repeat: no-repeat;
-  background-image: url(9ab1b217edd126e8925e88cc8f25a154.svg);
+  background-image: url(555f60323063f2b68b6eac7ce9c45b19.svg);
 }
 .x-spreadsheet-banner-filename {
   width: max-content;
@@ -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;
@@ -1250,7 +1274,7 @@ form fieldset select {
   display: inline-block;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img {
-  background-image: url(2922578eabb1a88d1974da56c65189ba.svg);
+  background-image: url(a3b683289420fd8ec937908397907279.svg);
   position: absolute;
   width: 262px;
   height: 444px;