x4js 2.0.34 → 2.1.0-manual

package/README.md

@@ -1,21 +1,21 @@
-
-# x4 framework
-
-This is the x4 framework repository.
-
-X4 is a full typescript framework to develop Web or Desktop applications.
-Included more than 40 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.
-
-## Home page
-see [home](https://x4js.org)
-
-## API Documentation
-see [API](https://x4js.org/api/)
-
-## Ideas
-
-[ ] create separated elements for different kinds of input
-	CheckInput
-	RadioInput
-	NumberInput
+
+# x4 framework
+
+This is the x4 framework repository.
+
+X4 is a full typescript framework to develop Web or Desktop applications.
+Included more than 40 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.
+
+## Home page
+see [home](https://x4js.org)
+
+## API Documentation
+see [API](https://x4js.org/api/)
+
+## Ideas
+
+[ ] create separated elements for different kinds of input
+	CheckInput
+	RadioInput
+	NumberInput

package/package.json

@@ -1,26 +1,39 @@
-{
-    "name": "x4js",
-    "version": "2.0.34",
-    "type": "module",
-    "main": "src/x4.ts",
-    "module": "src/x4.ts",
-    "types": "src/x4.ts",
-    "exports": {
-        ".": "./src/x4.ts"
-    },
-	"scripts": {
-    	"build": "x4build --watch --hmr --serve",
-    	"build-release": "x4build --release"
-	},
-  	"repository": {
-    	"type": "git",
- 		"url": "git+https://github.com/rlibre/x4.git"
-  	},
-  		"homepage": "https://x4js.org",
-  		"keywords": ["typescript","framework","sap","web","desktop","application"
-	],
-	"devDependencies": {
-	    "typescript": "^5.8.3",
-    	"x4build": "^1.6.8"
-  	}
-}
+{
+  "name": "x4js",
+  "version": "2.1.0-manual",
+  "description": "X4 framework",
+  "author": "etienne cochard",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": true,
+  "main": "./src/x4.ts",
+  "module": "./src/x4.ts",
+  "types": "./src/x4.ts",
+  "exports": {
+    ".": "./src/x4.ts",
+    "./*": "./src/*.ts"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rlibre/x4.git"
+  },
+  "homepage": "https://x4js.org",
+  "keywords": [
+    "typescript",
+    "framework",
+    "sap",
+    "web",
+    "desktop",
+    "application"
+  ],
+  "devDependencies": {
+    "typescript": "^5.8.3",
+    "x4build": "^1.6.8",
+    "esbuild-sass-plugin": "^3.3"
+  }
+}

package/src/components/base.scss

@@ -1,89 +1,25 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file base.scss
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-@use "./shared.scss";
-
-.x4box {
-	@extend %box;
-}
-
-.x4flex {
-	@extend %flex;
-}
-
-.fit {
-	@extend %fit;
-}
-
-@keyframes rotating {
-	from {
-	  transform: rotate(0deg);
-	}
-	to {
-	  transform: rotate(360deg);
-	}
-}
-
-@keyframes shaking {
-    0% {
-        transform: rotate(-15deg)
-    }
-
-    4% {
-        transform: rotate(15deg)
-    }
-
-    8%,24% {
-        transform: rotate(-18deg)
-    }
-
-    12%,28% {
-        transform: rotate(18deg)
-    }
-
-    16% {
-        transform: rotate(-22deg)
-    }
-
-    20% {
-        transform: rotate(22deg)
-    }
-
-    32% {
-        transform: rotate(-12deg)
-    }
-
-    36% {
-        transform: rotate(12deg)
-    }
-
-    40% {
-        transform: rotate(0deg)
-    }
-}
-
-
-.x4rotate {
-	animation: rotating 2s linear infinite;
-}
-
-.x4shake {
-	animation-name: shaking;
-    animation-duration: 5s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    animation-direction: reverse;
-}
+/** 
+ *  ___  ___ __
+ *  \  \/  /  / _
+ *   \    /  /_| |_
+ *   /    \____   _|  
+ *  /__/\__\   |_|
+ * 
+ * @file base.scss
+ * @author Etienne Cochard 
+ * 
+ * @copyright (c) 2024 R-libre ingenierie
+ *
+ * Use of this source code is governed by an MIT-style license 
+ * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
+ **/
+
+@use "./shared.scss";
+
+.x4box {
+	@extend .box;
+}
+
+.x4flex {
+	@extend .flex;
+}

package/src/components/boxes/boxes.module.scss

@@ -1,54 +1,54 @@
-/** 
- *  ___  ___ __
- *  \  \/  /  / _
- *   \    /  /_| |_
- *   /    \____   _|  
- *  /__/\__\   |_|
- * 
- * @file boxes.module.scss
- * @author Etienne Cochard 
- * 
- * @copyright (c) 2024 R-libre ingenierie
- *
- * Use of this source code is governed by an MIT-style license 
- * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
- **/
-
-@use "../shared.scss";
-
-.x4hbox {
-	@extend %hbox;
-	&.align-start {
-		align-items: start;
-	}
-}
-
-.x4vbox {
-	@extend %vbox;
-}
-
-.x4stackbox {
-	display: flex;
-	
-	&>* {
-		@extend %fit;
-		position: relative !important;
-	}
-
-	&>*:not(.selected) {
-		display: none !important;
-	}
-}
-
-.x4gridbox {
-	display: grid;
-}
-
-.x4masonrybox {
-	display: grid;
-	grid-gap: 10px;
-	grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
-	grid-auto-rows: 10px;
-
-	overflow: hidden;
-}
+/** 
+ *  ___  ___ __
+ *  \  \/  /  / _
+ *   \    /  /_| |_
+ *   /    \____   _|  
+ *  /__/\__\   |_|
+ * 
+ * @file boxes.module.scss
+ * @author Etienne Cochard 
+ * 
+ * @copyright (c) 2024 R-libre ingenierie
+ *
+ * Use of this source code is governed by an MIT-style license 
+ * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
+ **/
+
+@use "../shared.scss";
+
+.x4hbox {
+	@extend .hbox;
+	&.align-start {
+		align-items: start;
+	}
+}
+
+.x4vbox {
+	@extend .vbox;
+}
+
+.x4stackbox {
+	display: flex;
+	
+	&>* {
+		@extend .fit;
+		position: relative !important;
+	}
+
+	&>*:not(.selected) {
+		display: none !important;
+	}
+}
+
+.x4gridbox {
+	display: grid;
+}
+
+.x4masonrybox {
+	display: grid;
+	grid-gap: 10px;
+	grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
+	grid-auto-rows: 10px;
+
+	overflow: hidden;
+}