gridjs-spreadsheet 23.4.2 → 23.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "23.4.2",
+  "version": "23.4.4",
   "description": "A smart and simple to use Excel-like JavaScript Spreadsheet library allows you to view and edit spreadsheet file with ease and quick.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",
@@ -42,5 +42,11 @@
     "excel"
   ],
   "author": "Aspose Cells Team",
+  "dependencies": {
+    "jquery": "~ 3.6.0",
+    "jquery-ui": "~ 1.13.2",
+    "jszip": "~ 3.10.1",
+    "jquery-ui": "~ 1.13.2"
+  },
   "license": "MIT"
 }

package/readme.md

@@ -1,12 +1,13 @@
 # gridjs-spreadsheet
  
-> A smart and simple to use Excel-like JavaScript Canvas based Spreadsheet library allows you to view and edit spreadsheet file with ease and quick
+> A smart and simple to use WYSIWYG Excel-like JavaScript Canvas based Spreadsheet library allows you to view and edit spreadsheet file with ease and quick
 
  
 
 ## Document
  It allows you to view and edit spreadsheet documents with ease.
  this is developed based on https://github.com/myliang/x-spreadsheet
+ Quick online demo: https://products.aspose.app/cells/editor
 
  
 ## CDN
@@ -136,8 +137,12 @@ s.validate()
 
 ## Bind events
 ```javascript
+//single selection
 xs.on('cell-selected', (cell, ri, ci) => {});
+//range selection
 xs.on('cells-selected', (cell, { sri, sci, eri, eci }) => {});
+//shape/image selection
+xs.on('object-selected', (obj) => {  console.log('obj id:', obj.id, ', type: ', obj.type); })
 // edited on cell
 xs.on('cell-edited', (text, ri, ci) => {});
 ```

package/xspreadsheet.css

@@ -192,12 +192,15 @@ body {
 .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {
   position: absolute;
   z-index: 200;
-  background: #fff;
+  background: #f6f7f8db;
   box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
+  max-height: 600px;
+  overflow-y: auto;
 }
 .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {
   top: calc(100% + 5px);
   left: 0;
+  overflow-y: visible;
 }
 .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-menubar-dropdown-content {
   top: -5px;
@@ -1046,8 +1049,6 @@ form fieldset select {
   }
   .x-spreadsheet-bottombar .x-spreadsheet-menu {
     display: flex;
-    overflow-x: scroll;
-    overflow-y: hidden;
   }
   .x-spreadsheet-form-checkbox {
     margin-left: -25px;