gridjs-spreadsheet 24.8.0 → 24.9.1

package/readme.md.bak

@@ -1,6 +1,6 @@
 # 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
+> 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
 
  
 
@@ -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@24.1.0/xspreadsheet.css">
-<script src="https://unpkg.com/gridjs-spreadsheet@24.1.0/xspreadsheet.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/gridjs-spreadsheet@24.9.0/xspreadsheet.css">
+<script src="https://unpkg.com/gridjs-spreadsheet@24.9.0/xspreadsheet.js"></script>
 
 <script>
      const option = {
@@ -219,8 +219,12 @@ You can ask any question  using the [Forum](https://forum.aspose.com/c/cells).
 
 ## Documentation
 Online documentation is available here:
-- [Developer's Guide](https://docs.aspose.com/cells/net/aspose-cells-gridjs/)
-- [API Reference](https://docs.aspose.com/cells/net/aspose-cells-gridjs/client/)
+- [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/)
+- [API Reference Python](https://docs.aspose.com/cells/python-net/aspose-cells-gridjs/client/)
+- [Developer's Guide JAVA](https://docs.aspose.com/cells/java/aspose-cells-gridjs/)
+- [API Reference JAVA](https://docs.aspose.com/cells/java/aspose-cells-gridjs/client/)
 
 ## Browser Support
 

package/xspreadsheet.css

@@ -69,6 +69,32 @@ body {
   z-index: 1;
   box-shadow: 1px 1px 3px -1px rgba(255, 255, 0, 0.3);
 }
+.x-spreadsheet-formula-explain {
+  font-family: inherit;
+  position: absolute;
+  padding: 5px 10px;
+  color: #fff;
+  border-radius: 1px;
+  background: #FFF8DC;
+  opacity: 0.7;
+  font-size: 12px;
+  z-index: 201;
+  max-width: 300px;
+}
+.x-spreadsheet-formula-explain:before {
+  pointer-events: none;
+  position: absolute;
+  left: -4px;
+  top: calc(50% - 4px);
+  content: "";
+  width: 8px;
+  height: 8px;
+  background: inherit;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  z-index: 1;
+  box-shadow: 1px 1px 3px -1px rgba(255, 255, 0, 0.3);
+}
 .x-spreadsheet-color-palette {
   padding: 5px;
 }
@@ -881,6 +907,33 @@ body {
   z-index: 10;
   width: auto;
 }
+.x-spreadsheet-timepicker {
+  position: absolute;
+  z-index: 1000;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  display: none;
+}
+.x-spreadsheet-timepicker select {
+  padding: 5px 10px;
+  border: 1px solid #ddd;
+  background-color: #f8f8f8;
+  cursor: pointer;
+}
+.x-spreadsheet-timepicker-hours,
+.x-spreadsheet-timepicker-minutes,
+.x-spreadsheet-timepicker-seconds {
+  display: inline-block;
+}
+.x-spreadsheet-timepicker select:focus {
+  border-color: #105efb;
+  outline: none;
+}
+.x-spreadsheet-timepicker select:hover {
+  background-color: #e1e1e1;
+}
 .x-spreadsheet-buttons {
   display: flex;
   justify-content: flex-end;
@@ -1197,7 +1250,7 @@ form fieldset select {
   display: inline-block;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img {
-  background-image: url(92a25d00d3c48133d57c1b98d48a688e.svg);
+  background-image: url(a3b683289420fd8ec937908397907279.svg);
   position: absolute;
   width: 262px;
   height: 444px;
@@ -1279,6 +1332,14 @@ form fieldset select {
   left: -72px;
   top: -18px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.syntaxstatus {
+  left: -18px;
+  top: -108px;
+}
+.x-spreadsheet-icon .x-spreadsheet-icon-img.showformulas {
+  left: -36px;
+  top: -108px;
+}
 .x-spreadsheet-icon .x-spreadsheet-icon-img.autofilter {
   left: -90px;
   top: -18px;
@@ -1531,6 +1592,10 @@ form fieldset select {
   left: -234px;
   top: -90px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.openFile {
+  left: 0px;
+  top: -108px;
+}
 .x-spreadsheet-formula-bar {
   height: 25px;
   line-height: 25px;
@@ -1582,6 +1647,12 @@ form fieldset select {
   height: 50%;
   overflow: hidden;
 }
+@media screen and (max-width: 480px) {
+  .x-spreadsheet-modal-component {
+    width: 90% !important;
+    height: 70%;
+  }
+}
 .x-spreadsheet-modal-component:focus {
   outline: none;
 }