x4js 1.4.40 → 1.4.41

package/README.md

@@ -2,4 +2,14 @@
 
 This is the x4 framework repository.
 
-You will find the documentation & tutorials [Here](https://x4js.org)
+X4 is a full typescript framework to develop Web or Desktop applications.
+Included more than 50 controls like grids, charts, etc. Everything needed to push the limits of your creativity.
+If these components are not enough, you can create your in few lines.
+
+## Documentation
+see [documentation](https://x4js.org/doc/)
+## API
+see [API](https://x4js.org/api/)
+
+
+[web site](https://x4js.org)

package/lib/gridview.js

@@ -398,12 +398,14 @@ class GridView extends layout_1.VLayout {
             _col.width = width;
             if (_col.flex) {
                 _col.$hdr.removeClass('@flex');
+                _col.$ftr?.removeClass('@flex');
                 _col.flex = undefined;
                 updateFlex = true;
             }
         }
         else if (width < 0 && !_col.flex) {
             _col.$hdr.addClass('@flex');
+            _col.$ftr?.addClass('@flex');
             _col.flex = 1;
             updateFlex = true;
         }

package/lib/x4.css

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 :root {
-  --x4-font: "Inter";
+  --x4-font: "Helvetica, Arial, Sans-Serif";
   --x4-font-size: 13px;
   --x4-base-color: #266888;
   --x4-selection-color: #2458B3;
@@ -703,8 +703,8 @@ textarea::selection {
   padding: 4px;
 }
 .x-menu-item:hover {
-  background-color: #c6d3d9;
-  color: var(--gray-900);
+  background-color: var(--x4-hover-color);
+  color: var(--x4-hover-text);
 }
 .x-menu-item:hover .x-icon {
   color: var(--gray-900);
@@ -1168,10 +1168,12 @@ textarea::selection {
 .x-spreadsheet .x-cell.center,
 .x-grid-view .x-cell.center {
   text-align: center;
+  justify-content: center;
 }
 .x-spreadsheet .x-cell.right,
 .x-grid-view .x-cell.right {
   text-align: right;
+  justify-content: right;
 }
 .x-spreadsheet:focus,
 .x-grid-view:focus {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "1.4.40",
+	"version": "1.4.41",
 	"description": "X4js core files",
 	"main": "lib/index.js",
 	"types": "lib/index.d.ts",
@@ -11,7 +11,8 @@
 	},
 	"keywords": [
 	  "typescript",
-	  "framework"
+	  "framework",
+	  "sap", "web", "desktop", "application"
 	],
 	"scripts": {
 		"build": "tsc && lessc src/x4.less >lib/x4.css",

package/src/gridview.ts

@@ -555,12 +555,14 @@ export class GridView extends VLayout<GridViewProps, GridViewEventMap> {
 			_col.width = width;
 			if( _col.flex ) {
 				_col.$hdr.removeClass( '@flex' );
+				_col.$ftr?.removeClass( '@flex' );
 				_col.flex = undefined;
 				updateFlex = true;
 			}
 		}
 		else if( width<0 && !_col.flex ) {
 			_col.$hdr.addClass( '@flex' );
+			_col.$ftr?.addClass( '@flex' );
 			_col.flex = 1;
 			updateFlex = true;
 		}

package/src/x4.less

@@ -30,7 +30,7 @@
 **/
 
 :root {
-	--x4-font: "Inter";
+	--x4-font: "Helvetica, Arial, Sans-Serif";
 	--x4-font-size: 13px;
 
 	--x4-base-color: #266888;
@@ -878,8 +878,9 @@ textarea {
 	}
 
 	&:hover {
-		background-color: #c6d3d9;
-		color: var( --gray-900 );
+		background-color: var( --x4-hover-color);
+		color: var(--x4-hover-text);
+		
 		.x-icon {
 			color: var( --gray-900 );
 		}
@@ -1415,10 +1416,12 @@ textarea {
 		
 		&.center {
 			text-align: center;
+			justify-content: center;
 		}
 
 		&.right {
 			text-align: right;
+			justify-content: right;
 		}
 	}