gridjs-spreadsheet 26.1.0 → 26.3.0

package/{fa58a9189afab326b8fd7fe6b4751ae5.svg → 04b2e68c4fe0eea3f5308869edc690fd.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="91.691134"
+   inkscape:cy="92.291731"
+   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,19 @@
      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" /><path
+     fill="currentColor"
+     d="m -148.58116,32.667582 a 1.0504391,0.57613469 0 0 1 -1.36631,-0.875302 l 2.44983,-1.151712 a 1.0499309,0.57585595 0 0 1 1.36632,0 l 2.44984,1.151712 a 1.0504423,0.5761365 0 1 1 -1.36632,0.875302 l -1.76667,-0.831536 z m -5.93281,-0.821555 a 1.0499309,0.57585595 0 0 0 -0.97154,0.357799 l -6.29958,8.445887 a 1.0499309,0.57585595 0 0 0 1.94307,0.436115 l 2.02427,-2.713433 h 6.60756 l 2.02426,2.713433 a 1.0499309,0.57585595 0 1 0 1.94309,-0.436115 l -6.2996,-8.445887 a 1.0499309,0.57585595 0 0 0 -0.97153,-0.357799 m 0,2.096116 2.44424,3.27854 h -4.88708 z"
+     id="path1-79380"
+     style="stroke-width:1.03676" /><path
+     fill="currentColor"
+     d="m -127.19031,30.60002 a 1.0926776,0.60820839 0 1 0 -1.36584,0.948805 l 2.73169,1.216417 a 1.0926776,0.60820839 0 0 0 1.36585,0 l 2.73169,-1.216417 a 1.0926776,0.60820839 0 0 0 -1.36585,-0.948805 l -2.04877,0.912312 z m -5.05362,1.082611 a 1.0926776,0.60820839 0 0 1 1.00525,0.368575 l 6.55497,8.514917 a 1.0926776,0.60820839 0 0 1 -2.00833,0.479268 l -2.05752,-2.672468 h -6.98875 l -2.05643,2.672468 a 1.0926776,0.60820839 0 0 1 -2.00834,-0.479268 l 6.55607,-8.514917 a 1.0926776,0.60820839 0 0 1 1.00308,-0.368575 m 0,2.15245 -2.55687,3.320817 h 5.11372 z"
+     id="path1-52"
+     style="stroke-width:0.815216" /></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 +1016,64 @@
    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>
+   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;
+   <g id="addRedaction" transform="matrix(0.3933,0,0,0.3933,72,124)">
+    <rect x="9" y="9" width="36" height="36" fill="#E53935" rx="4" ry="4"/>
+    <line x1="9" y1="9" x2="45" y2="45" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round"/>
+    <rect x="17" y="24" width="20" height="6" fill="#FFFFFF"/>
+    <rect x="24" y="17" width="6" height="20" fill="#FFFFFF"/>
+  </g>
+&#10;
+<g  id="redactionViewSwitch" transform="matrix(0.3833,0,0,0.3833,90,126)"><rect x="8" y="8" width="36" height="36" fill="none" stroke="#4A90E2" stroke-width="2" stroke-dasharray="4 2"/><path d="M18,27 C18,21 36,21 36,27 C36,33 18,33 18,27 Z" fill="none" stroke="#4A90E2" stroke-width="2" stroke-linecap="round"/><circle cx="27" cy="27" r="5" fill="#4A90E2"/></g>
 &#10;
-   </svg>
+   &#10;&#10;   </svg>

package/example/pom.xml

@@ -17,7 +17,7 @@
 	</repositories>
 	<groupId>com.aspose.gridjs</groupId>
 	<artifactId>gridjsdemo</artifactId>
-	<version>26.1</version>
+	<version>26.3</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>26.1</version> 
+ 			<version>26.3</version> 
  	    </dependency>  
        <dependency>  
   			<groupId>com.aspose</groupId>  
  			<artifactId>aspose-cells</artifactId>  
- 			<version>26.1</version> 
+ 			<version>26.3</version> 
  			<classifier>gridjs</classifier>  
  	    </dependency>  
 	<!--	<dependency>

package/package.json

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

@@ -374,6 +374,15 @@ v26.1:
 - Support highlight text with rotation 
 - Support more charts rendering in client 
 
+v26.2: 
+
+- Improve client performance for large rows
+
+v26.2: 
+
+- Improve filter/validations/charts
+
+
 ## License
 
 MIT

package/xspreadsheet.css

@@ -558,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;
@@ -1344,13 +1352,13 @@ body {
 }
 .x-spreadsheet-form-fields .x-spreadsheet-form-field .label {
   display: inline-block;
-  margin: 0 10px 0 0;
+  margin: 0 5px 0 0;
   color: rgba(0, 0, 0, 0.87);
 }
 .x-spreadsheet-form-field {
   display: block;
-  margin-left: 10px;
-  margin-bottom: 10px;
+  margin-left: 6px;
+  margin-bottom: 6px;
 }
 .x-spreadsheet-form-field:first-child {
   margin-left: 0;
@@ -1566,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 {
@@ -1650,7 +1671,7 @@ form fieldset select {
   display: inline-block;
 }
 .x-spreadsheet-icon .x-spreadsheet-icon-img {
-  background-image: url(fa58a9189afab326b8fd7fe6b4751ae5.svg);
+  background-image: url(04b2e68c4fe0eea3f5308869edc690fd.svg);
   position: absolute;
   width: 262px;
   height: 444px;
@@ -1744,6 +1765,14 @@ form fieldset select {
   left: -36px;
   top: -108px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionAdd {
+  left: -72px;
+  top: -126px;
+}
+.x-spreadsheet-icon .x-spreadsheet-icon-img.redactionViewSwitch {
+  left: -90px;
+  top: -126px;
+}
 .x-spreadsheet-icon .x-spreadsheet-icon-img.autofilter {
   left: -90px;
   top: -18px;
@@ -2040,6 +2069,18 @@ form fieldset select {
   left: -216px;
   top: -108px;
 }
+.x-spreadsheet-icon .x-spreadsheet-icon-img.protect {
+  left: -18px;
+  top: -126px;
+}
+.x-spreadsheet-icon .x-spreadsheet-icon-img.increase-font-size {
+  left: -36px;
+  top: -126px;
+}
+.x-spreadsheet-icon .x-spreadsheet-icon-img.decrease-font-size {
+  left: -54px;
+  top: -126px;
+}
 .x-spreadsheet-formula-bar {
   height: 25px;
   line-height: 25px;