gridjs-spreadsheet 24.7.0 → 24.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "24.7.0",
+  "version": "24.8.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.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",
@@ -31,8 +31,20 @@
     "JSON",
     "SQL",
     "XML",
-    "Online excel",
-    "spread-sheets",
+    "Online Spreadsheet Editor",
+    "Online Office",
+    "Online Excel",
+    "Online Excel Editor",
+    "Excel Editor",
+    "Excel Viewer",
+    "Excel Online",
+     "open excel",
+     "view excel",
+     "open spreadsheet",
+     "view spreadsheet",
+    "spread-sheet",
+    "spreadsheet editor",
+    "spreadsheet online",
     "javascript spreadsheet",
     "javascript excel",
     "excel io",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "24.5.0",
+  "version": "24.6.2",
   "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.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",
@@ -31,8 +31,20 @@
     "JSON",
     "SQL",
     "XML",
-    "Online excel",
-    "spread-sheets",
+    "Online Spreadsheet Editor",
+    "Online Office",
+    "Online Excel",
+    "Online Excel Editor",
+    "Excel Editor",
+    "Excel Viewer",
+    "Excel Online",
+     "open excel",
+     "view excel",
+     "open spreadsheet",
+     "view spreadsheet",
+    "spread-sheet",
+    "spreadsheet editor",
+    "spreadsheet online",
     "javascript spreadsheet",
     "javascript excel",
     "excel io",

package/readme.md

@@ -1,11 +1,11 @@
 # gridjs-spreadsheet
  
-> 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
+> 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
 
  
 
 ## Document
- It allows you to view and edit spreadsheet documents with ease.
+ It allows you to view and edit spreadsheet files with ease.
 
  this is developed based on https://github.com/myliang/x-spreadsheet
 

package/readme.md.bak

@@ -1,6 +1,6 @@
 # gridjs-spreadsheet
  
-> 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
+> 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
 
  
 
@@ -22,8 +22,8 @@
 <script src="https://unpkg.com/jquery-ui@1.13.2/dist/jquery-ui.min.js"></script>
 <script src="https://unpkg.com/jszip@3.10.1/dist/jszip.min.js"></script>
 <!-- other dependency end -->
-<link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet@23.4.0/xspreadsheet.css">
-<script src="https://unpkg.com/gridjs-spreadsheet@23.4.0/xspreadsheet.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet@24.1.0/xspreadsheet.css">
+<script src="https://unpkg.com/gridjs-spreadsheet@24.1.0/xspreadsheet.js"></script>
 
 <script>
      const option = {

package/xspreadsheet.css

@@ -424,6 +424,9 @@ body {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
 }
+.x-spreadsheet-selector .x-spreadsheet-selector-area.dashed {
+  border: 2px dashed #4b89ff;
+}
 .x-spreadsheet-selector .x-spreadsheet-selector-validation-input-message {
   position: relative;
   z-index: 100;
@@ -436,7 +439,8 @@ body {
   box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
 }
 .x-spreadsheet-selector .x-spreadsheet-selector-clipboard,
-.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
+.x-spreadsheet-selector .x-spreadsheet-selector-autofill,
+.x-spreadsheet-selector .x-spreadsheet-selector-fixed-cell {
   position: absolute;
   background: transparent;
   z-index: 100;
@@ -444,6 +448,9 @@ body {
 .x-spreadsheet-selector .x-spreadsheet-selector-clipboard {
   border: 2px dashed #4b89ff;
 }
+.x-spreadsheet-selector .x-spreadsheet-selector-fixed-cell {
+  border: 2px solid #4b89ff;
+}
 .x-spreadsheet-selector .x-spreadsheet-selector-autofill {
   border: 1px dashed rgba(0, 0, 0, 0.45);
 }
@@ -924,6 +931,12 @@ body {
   background-color: #d9dc22;
   font-size: 8px;
 }
+.x-spreadsheet-modal-component-input-btn {
+  border: 1px solid #0078d4;
+  color: #0078d4;
+  background: white;
+  border-radius: 0 5px 5px 0;
+}
 .x-spreadsheet-form-input {
   font-size: 1em;
   position: relative;
@@ -1539,7 +1552,7 @@ form fieldset select {
   width: 100%;
   padding: 8px;
   border: 1px solid #ccc;
-  border-radius: 5px;
+  border-radius: 5px 0 0 5px;
 }
 .x-spreadsheet-modal-component-input-div input[type="date"],
 .x-spreadsheet-modal-component-input-div input[type="time"] {
@@ -1561,7 +1574,7 @@ form fieldset select {
   transform: translate(-50%, -50%);
   background: #fff;
   border-radius: 5px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5);
   z-index: 1000;
   display: flex;
   flex-direction: column;
@@ -1573,7 +1586,7 @@ form fieldset select {
   outline: none;
 }
 .x-spreadsheet-modal-component-content {
-  padding: 20px;
+  padding: 10px;
   flex-grow: 1;
   background: #f5f5f5;
   overflow-y: auto;
@@ -1646,6 +1659,9 @@ form fieldset select {
   background: lightgray;
   margin-left: 2px;
 }
+.modal-animate {
+  transition: top 0.5s ease, height 0.5s ease;
+}
 .x-spreadsheet-modal-component-section-content {
   padding: 0 5px;
   border-radius: 4px;