gridjs-spreadsheet 25.12.1 → 26.2.0

package/{fa58a9189afab326b8fd7fe6b4751ae5.svg → 518518e5b3ddfea43df2735d38d6dc0d.svg}

@@ -27,12 +27,12 @@
    inkscape:pagecheckerboard="0"
    showgrid="false"
    inkscape:zoom="2.4975152"
-   inkscape:cx="143.74287"
-   inkscape:cy="83.482975"
-   inkscape:window-width="1632"
+   inkscape:cx="48.448154"
+   inkscape:cy="109.10845"
+   inkscape:window-width="1296"
    inkscape:window-height="732"
-   inkscape:window-x="193"
-   inkscape:window-y="34"
+   inkscape:window-x="221"
+   inkscape:window-y="33"
    inkscape:window-maximized="0"
    inkscape:current-layer="g48"
    inkscape:showpageshadow="2"
@@ -980,7 +980,11 @@
      fill="currentColor"
      d="m 37.342438,20.451241 h -2.842171 v -0.85563 a 0.99330858,0.51337991 0 0 0 -1.986617,0 v 0.85563 h -2.842172 a 0.33110172,0.17112605 0 0 0 -0.234423,0.292284 l 3.835486,1.982324 a 0.33110172,0.17112605 0 0 0 0.468835,0 l 3.835485,-1.982324 a 0.33110172,0.17112605 0 0 0 -0.234423,-0.292284 m -2.842171,9.069681 a 0.99330858,0.51337991 0 0 1 -1.986617,0 v -0.855631 h -2.842172 a 0.33110172,0.17112605 0 0 1 -0.234423,-0.292283 l 3.835486,-1.982324 a 0.33110172,0.17112605 0 0 1 0.468835,0 l 3.835485,1.982324 a 0.33110172,0.17112605 0 0 1 -0.234423,0.292283 h -2.842171 z m -8.608652,-4.449278 a 0.99330515,0.51337814 0 0 0 0,-1.026756 h -0.662194 a 0.99330515,0.51337814 0 0 0 0,1.026756 z m 4.966526,-0.513378 a 0.99330515,0.51337814 0 0 1 -0.993303,0.513378 h -0.662205 a 0.99330515,0.51337814 0 0 1 0,-1.026756 h 0.662205 a 0.99330515,0.51337814 0 0 1 0.993303,0.513378 m 2.97992,0.513378 a 0.99330515,0.51337814 0 0 0 0,-1.026756 h -0.662206 a 0.99330515,0.51337814 0 0 0 0,1.026756 z m 4.966526,-0.513378 a 0.99330515,0.51337814 0 0 1 -0.993303,0.513378 h -0.662206 a 0.99330515,0.51337814 0 0 1 0,-1.026756 h 0.662206 a 0.99330515,0.51337814 0 0 1 0.993303,0.513378 m 2.97992,0.513378 a 0.99330515,0.51337814 0 0 0 0,-1.026756 h -0.662206 a 0.99330515,0.51337814 0 0 0 0,1.026756 z"
      id="path1-74"
-     style="stroke-width:0.952136" /></g>&#10;<g
+     style="stroke-width:0.952136" /><path
+     fill="currentColor"
+     d="m -177.47907,33.116585 -1.44802,-0.836618 a 4.4058613,2.5149 0 0 1 4.09683,-1.592603 c 2.43691,0 4.4147,1.128933 4.4147,2.519941 v 1.007974 h 0.88294 a 1.7658763,1.0079759 0 0 1 1.76587,1.007978 v 3.427118 l -1.76587,-1.007976 v -2.419142 h -4.23811 l -1.76588,-1.007978 h 3.35517 v -1.007974 c 0,-0.836621 -1.18314,-1.511965 -2.64882,-1.511965 -1.40387,0 -2.55168,0.629984 -2.64881,1.421245 m 11.57532,7.882374 -1.12133,0.640064 -1.21845,-0.695504 c -0.31786,0.2016 -0.77699,0.327592 -1.28909,0.327592 h -10.59527 a 1.7658763,1.0079759 0 0 1 -1.76587,-1.007976 v -5.039878 c 0,-0.559429 0.78581,-1.007978 1.76587,-1.007978 h 0.0971 l -4.41469,-2.519939 1.13016,-0.640064 z m -3.62887,-0.791262 -3.6642,-2.091549 c -0.25606,0.383029 -0.89177,0.635024 -1.63344,0.635024 a 1.7658763,1.0079759 0 0 1 -1.76587,-1.007976 c 0,-0.428389 0.44147,-0.786221 1.1125,-0.932379 l -2.78125,-1.58756 h -1.86301 v 5.039878 h 10.59527 z"
+     id="path1-7938"
+     style="stroke-width:0.667076" /></g>&#10;<g
    id="gchecksyntax"
    transform="matrix(0.0135 ,0,0,0.0135 ,18.5,108)">&#10;	  <path
    d="M189.44 5.632c-37.888 6.144-96.256 35.328-122.368 61.44-26.624 27.136-55.296 84.992-61.44 126.464-10.24 64.512 10.24 127.488 58.88 179.712 49.152 53.248 108.544 76.8 176.64 70.144 107.008-9.728 185.344-83.968 200.704-189.44C462.848 108.544 334.848-17.408 189.44 5.632z m-5.12 115.712l40.96 38.912 40.448-38.912c34.304-33.792 43.008-39.424 57.856-39.424 31.232 0 51.712 35.84 35.84 64-3.072 5.632-20.48 25.088-38.912 43.008l-33.28 33.28 37.888 39.424c20.48 21.504 38.4 45.056 39.424 51.712 5.12 31.232-20.48 56.832-51.2 51.2-7.168-1.536-30.72-19.456-52.224-39.936l-38.912-37.376-33.28 33.28c-17.92 18.432-37.376 35.84-43.008 38.912-28.16 15.872-64-4.608-64-35.84 0-14.848 5.632-23.552 39.424-57.856l38.912-40.448-38.912-40.96C87.04 148.992 81.92 140.8 81.92 125.44c0-24.064 19.968-43.52 44.544-43.52 14.336 0 23.552 6.144 57.856 39.424zM512 119.808v53.248l119.296 2.048c118.784 1.536 118.784 1.536 148.48 15.872C838.656 220.16 849.92 254.976 849.92 405.504V512h107.52V372.736c0-157.184-3.072-176.64-34.816-224.256-11.264-16.896-30.208-35.84-47.104-47.104-47.616-31.744-67.072-34.816-224.256-34.816H512v53.248zM66.56 651.264c0 157.184 3.072 176.64 34.816 224.256 11.264 16.896 30.208 35.84 47.104 47.104 47.616 31.744 67.072 34.816 224.256 34.816H512v-107.52H406.016c-151.04 0-185.856-11.264-215.04-70.144-14.336-29.696-14.336-29.696-15.872-148.992l-2.048-118.784H66.56v139.264zM752.64 584.192c-29.184 5.632-79.872 31.232-100.864 51.2-40.448 37.376-66.048 90.112-71.168 147.456-6.144 65.536 18.432 128 70.144 177.152 68.608 65.536 160.256 78.848 248.32 35.84 46.08-22.528 74.24-50.688 96.768-96.768 82.432-168.96-57.856-350.72-243.2-314.88z m193.024 118.272c14.336 16.384 17.408 27.648 11.264 44.032-7.168 18.944-156.672 168.96-177.152 178.176-25.088 10.752-42.496 1.024-94.72-52.736-50.176-51.712-53.76-61.952-31.744-88.064 10.24-12.288 17.408-15.872 31.232-15.872 14.336 0 23.04 5.12 48.128 29.184l30.72 29.184 68.096-67.584c60.928-60.928 69.632-67.584 86.016-67.584 11.776 0 20.992 3.584 28.16 11.264z"
@@ -1004,24 +1008,54 @@
    id="g49">  &#10;  <text
    text-anchor="middle"
    font-size="11px"
-   id="text48">fx</text>  &#10;  </g>  &#10;  </g>&#10;
-
-  <g id="translate" transform="matrix(1,0,0,1,0,126)" aria-label="Translate">
-  <title>Translate</title>
-  <!-- Globe base -->
-  <circle cx="9" cy="9" r="8" fill="#1976D2"/>
-  <!-- Latitude line -->
-  <path d="M1 9 a8 4 0 0 0 16 0" fill="none" stroke="#FFFFFF" stroke-width="1"/>
-  <!-- Longitude line -->
-  <path d="M9 1 a4 8 0 0 1 0 16 a4 8 0 0 1 0 -16" fill="none" stroke="#FFFFFF" stroke-width="1"/>
-  <!-- Clockwise arrow -->
-  <path d="M5 13 a4 4 0 0 0 8 0" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"/>
-  <path d="M13 13 L13 11 L11 13" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"/>
-  <!-- Counter?clockwise arrow -->
-  <path d="M13 5 a4 4 0 0 0 -8 0" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"/>
-  <path d="M5 5 L5 7 L7 5" fill="none" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"/>
-  <!-- Small "A?Ω" glyph -->
-  <text x="9" y="11.5" text-anchor="middle" font-family="sans-serif" font-size="5px" fill="#FFFFFF">A?Ω</text>
-</g>
-&#10;
-   </svg>
+   id="text48">fx</text>  &#10;  </g>  &#10;  </g>&#10;&#10;&#10;  <g
+   id="translate"
+   transform="matrix(1,0,0,1,0,126)"
+   aria-label="Translate">&#10;  <title
+   id="title1">Translate</title>&#10;  <!-- Globe base -->&#10;  <circle
+   cx="9"
+   cy="9"
+   r="8"
+   fill="#1976D2"
+   id="circle1" />&#10;  <!-- Latitude line -->&#10;  <path
+   d="M1 9 a8 4 0 0 0 16 0"
+   fill="none"
+   stroke="#FFFFFF"
+   stroke-width="1"
+   id="path49" />&#10;  <!-- Longitude line -->&#10;  <path
+   d="M9 1 a4 8 0 0 1 0 16 a4 8 0 0 1 0 -16"
+   fill="none"
+   stroke="#FFFFFF"
+   stroke-width="1"
+   id="path50" />&#10;  <!-- Clockwise arrow -->&#10;  <path
+   d="M5 13 a4 4 0 0 0 8 0"
+   fill="none"
+   stroke="#FFFFFF"
+   stroke-width="1.5"
+   stroke-linecap="round"
+   id="path51" />&#10;  <path
+   d="M13 13 L13 11 L11 13"
+   fill="none"
+   stroke="#FFFFFF"
+   stroke-width="1.5"
+   stroke-linecap="round"
+   id="path52" />&#10;  <!-- Counter?clockwise arrow -->&#10;  <path
+   d="M13 5 a4 4 0 0 0 -8 0"
+   fill="none"
+   stroke="#FFFFFF"
+   stroke-width="1.5"
+   stroke-linecap="round"
+   id="path53" />&#10;  <path
+   d="M5 5 L5 7 L7 5"
+   fill="none"
+   stroke="#FFFFFF"
+   stroke-width="1.5"
+   stroke-linecap="round"
+   id="path54" />&#10;  <!-- Small "A?Ω" glyph -->&#10;  <text
+   x="9"
+   y="11.5"
+   text-anchor="middle"
+   font-family="sans-serif"
+   font-size="5px"
+   fill="#FFFFFF"
+   id="text54">A?Ω</text>&#10;</g>&#10;&#10;&#10;   </svg>

package/example/pom.xml

@@ -17,7 +17,7 @@
 	</repositories>
 	<groupId>com.aspose.gridjs</groupId>
 	<artifactId>gridjsdemo</artifactId>
-	<version>25.12</version>
+	<version>26.2</version>
 	<name>gridjsdemo</name>
 	<description>GridJs Demo project for Spring Boot</description>
 	<properties>
@@ -51,12 +51,12 @@
 		 <dependency>  
   			<groupId>com.aspose</groupId>  
  			<artifactId>aspose-cells</artifactId>  
- 			<version>25.12</version> 
+ 			<version>26.2</version> 
  	    </dependency> 
         <dependency>  
   			<groupId>com.aspose</groupId>  
  			<artifactId>aspose-cells</artifactId>  
- 			<version>25.12</version> 
+ 			<version>26.2</version> 
  			<classifier>gridjs</classifier>  
  	    </dependency>
 	<!--	<dependency>

package/example/src/main/resources/application.properties

@@ -2,10 +2,15 @@ spring.application.name=gridjsdemo
 spring.servlet.multipart.enabled=true
 spring.servlet.multipart.max-file-size=10MB
 spring.servlet.multipart.max-request-size=10MB
+#for local test
 #testconfig.ListDir=D:\\codebase\\customerissue\\wb\\tempfromdownload\\
-#for linux
+#testconfig.FileName=excelColumnWordBreak.xlsm
+#testconfig.CachePath=F:\\storage\\gridjs_temp
+#testconfig.UploadPath=F:\\storage\\upload
+#testconfig.AsposeLicensePath=F:\\aspose.lic
+#for docker linux
 testconfig.ListDir=/app/wb
-testconfig.FileName=chart.xlsx
+testconfig.FileName=controls.xlsx
 testconfig.CachePath=/app/grid_cache
 testconfig.UploadPath=/app/upload
 testconfig.AsposeLicensePath=/app/license

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "25.12.1",
+  "version": "26.2.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

@@ -127,7 +127,6 @@ const s = new Spreadsheet("#gridjs-demo")
   showToolbar: true,
   showGrid: true,
   showContextmenu: true,
-  local: 'en',
   view: {
     height: () => document.documentElement.clientHeight,
     width: () => document.documentElement.clientWidth,
@@ -370,6 +369,16 @@ v25.12:
 - Support sort by cell color/font color
 - Support add multiple selection validation list
 
+v26.1: 
+
+- Support highlight text with rotation 
+- Support more charts rendering in client 
+
+v26.2: 
+
+- Improve client performance for large rows
+
+
 ## License
 
 MIT

package/xspreadsheet.css

@@ -291,6 +291,19 @@ body {
 .x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right .arrow-down {
   left: -130px;
 }
+.x-spreadsheet-dropdown.x-spreadsheet-dropdown-insert-image .x-spreadsheet-dropdown-content {
+  padding: 6px 0;
+}
+.x-spreadsheet-dropdown.x-spreadsheet-dropdown-insert-image .x-spreadsheet-item label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  cursor: pointer;
+  font-weight: inherit;
+  font-size: inherit;
+  color: inherit;
+}
 .x-spreadsheet-autofill-option-group {
   background-color: white;
   position: absolute;
@@ -545,6 +558,14 @@ body {
   background: white;
   margin: 2px;
 }
+.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline.shape-edit-plain {
+  background: #ffffff !important;
+  color: #000000 !important;
+}
+.x-spreadsheet-editor .x-spreadsheet-editor-area .htmlline.shape-edit-plain * {
+  color: #000000 !important;
+  background-color: transparent !important;
+}
 .x-spreadsheet-editor .x-spreadsheet-editor-area .textline {
   overflow: hidden;
   visibility: hidden;
@@ -1440,6 +1461,25 @@ body {
     margin: 0 -16px -8px;
   }
 }
+.x-spreadsheet-modal-insert-url .x-spreadsheet-form-fields {
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+}
+.x-spreadsheet-modal-insert-url .x-spreadsheet-form-field {
+  width: 100%;
+  margin-left: 0;
+}
+.x-spreadsheet-modal-insert-url .x-spreadsheet-form-input {
+  width: 100%;
+  display: flex;
+}
+.x-spreadsheet-modal-insert-url .x-spreadsheet-form-input input {
+  width: 100%;
+}
+.x-spreadsheet-modal-insert-url .x-spreadsheet-buttons {
+  margin-top: 8px;
+}
 .x-spreadsheet-dimmer {
   display: none;
   position: absolute;
@@ -1534,6 +1574,19 @@ form fieldset select {
 .x-spreadsheet-toast-content {
   padding: 0.75em 1em;
 }
+.x-spreadsheet-modal-password .x-spreadsheet-modal-content {
+  padding: 16px 20px;
+}
+.x-spreadsheet-modal-password-message {
+  margin: 6px 0 10px;
+  font-size: 13px;
+}
+.x-spreadsheet-modal-password-caution {
+  margin-top: 8px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: #555;
+}
 @media screen and (min-width: 320px) and (max-width: 480px) {
   html,
   body {
@@ -1618,7 +1671,7 @@ form fieldset select {
   display: inline-block;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img {
-  background-image: url(fa58a9189afab326b8fd7fe6b4751ae5.svg);
+  background-image: url(518518e5b3ddfea43df2735d38d6dc0d.svg);
   position: absolute;
   width: 262px;
   height: 444px;
@@ -2008,6 +2061,10 @@ form fieldset select {
   left: -216px;
   top: -108px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.protect {
+  left: -18px;
+  top: -126px;
+}
 .x-spreadsheet-formula-bar {
   height: 25px;
   line-height: 25px;