nodality 1.0.218 → 1.0.220

package/layout/container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -19,8 +19,6 @@ class Wrapper extends Animator { // 12:10:02 found grep 06/03
 	}
 
 
-
-
 	
 	toCode(indent = 0){
 		this.code = [];
@@ -63,22 +61,11 @@ code = `${pad}new Wrapper()`;
 	getType(){
 		return "LayoutWrapperElement"; // 224647
 	}
-// 220543§§§§§§§§§§§§§§§§§§§§¨ú
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
 
 
 
 
 
-	  onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	  }
-
-
 
 	set(obj){
 		this.obj = obj;
@@ -98,67 +85,13 @@ code = `${pad}new Wrapper()`;
 		obj.position && (this.res.style.position = obj.position);
 		obj.top !== undefined && (this.res.style.top = obj.top);
 		// ------
-		//obj.mc && (this.res.style.height = "minmax(400px, 1fr)");
-		//obj.mc && (this.res.style.height = "fit-content");
-		//obj.mc && (this.res.style.height = "max-content");
-		//obj.mc && (this.res.style.minHeight = "400px");
 		obj.pad && this.pad(obj.pad);
 		obj.mar && this.mar(obj.mar);
-			//	obj.mar && (stra += `mar: {sides: [${obj.mar.sides.map(x => `"${x}"`).join(", ")}], value: "${obj.arrpad.value}"}, `);
 
   //@ gpos: Grid placement — {col, row}, written to grid-column and grid-row.
 		obj.gpos && this.gpos(obj.gpos);
 
 
-		//const obj = options;
-	/*	if (obj && obj.id && obj.stroke || obj && obj.id &&  obj.gradient || obj && obj.id && obj.span || obj && obj.id && obj.layout ){
-
-
-			// use obj.range and obj.op
-			
-					
-			
-						let first = obj.gradient;
-			
-						if (obj.gradient){
-			
-						
-
-						this.globalGradient = obj.gradient.op.gradient;
-						// console.log(obj.gradient);
-						}
-			
-						
-						if (obj.stroke){
-						super.setAny({globalBlast: `${obj.stroke.op.width} ${obj.stroke.op.color}`});
-						}
-			
-						// Filter just the elements with layout element
-						let ft = [obj.stroke, obj.gradient, obj.animation, obj.span, obj.layout]//obj.gradient.filter(el => el.op.name !== "layout");
-						// console.log(ft);
-			
-						ft = ft.filter(el => el != undefined);
-			
-			
-			
-			
-						let arr = [];
-			
-						for (var i = 0; i < ft.length; i++){
-							// console.log("Hello");
-							arr.push({
-								range: ft[i].range,
-								log: ft[i].op.name,
-								target: ft[i].target
-							});
-						}
-			
-						this.res.setAttribute("id", obj.id);
-					//	this.betaReact(arr, obj.id);
-					}*/
-
-
-
 		let arr = [];
 
 		// Plain CSS string transforms are handled by commonMethods. Only
@@ -227,7 +160,6 @@ code = `${pad}new Wrapper()`;
 		}
 
 		if (obj.blast){
-			//keep.push("blast");
 		}
 
 		// console.log("ARA IS " + arr);
@@ -275,7 +207,6 @@ code = `${pad}new Wrapper()`;
 		//	obj.arrpad && (stra += `arrpad: {sides: ["${obj.arrpad.sides}"], value: "${obj.arrpad.value}"}, `); // 2345 06/03
 		
 		// COMMENTED OUT 08/01/2025
-		// obj.grow && (this.res.style.flexGrow = 1);
 
 
 		obj.simpleCenter && this.deprecatedOption("simpleCenter", 'center: true');
@@ -375,7 +306,6 @@ code = `${pad}new Wrapper()`;
 		// String transforms are handled by commonMethods. Only object-shaped
 		// transform descriptors (with .op / .transform) go to the animation system.
 		(obj.transform && typeof obj.transform === "object") && this.reactOnTransform(obj.transform);
-		// obj.makeResponsiveBehaviour && obj.makeResponsiveBehaviour !== "undefined" && this.makeResponsiveBehaviour(obj.makeResponsiveBehaviour);
 		obj.name && (this.name = obj.name)
 		obj.responsive && this.rsp(obj.responsive);
 
@@ -390,8 +320,6 @@ code = `${pad}new Wrapper()`;
 		}
 
 
-
-
 		for (let prop in obj) {
             if (prop === 'margin') {
                 let paddingValues = obj[prop];
@@ -418,7 +346,6 @@ code = `${pad}new Wrapper()`;
 				}
 
 
-
                 }
             }
         }
@@ -458,13 +385,11 @@ code = `${pad}new Wrapper()`;
 
 						if (split[i] === "row"){
 							this.res.style.flexDirection = "row";
-							///this.res.style.alignItems = "flex-end";
 							this.res.style.border = "3px solid green";
 						}
 
 						if (split[i] === "col"){
 							this.res.style.flexDirection = "column";
-						//	this.res.style.justifyContent = "flex-start";
 							this.res.style.border = "3px solid purple";
 						}
 
@@ -475,13 +400,11 @@ code = `${pad}new Wrapper()`;
 
 				if (split[i] === "row"){
 					this.res.style.flexDirection = "row";
-					///this.res.style.alignItems = "flex-end";
 					this.res.style.border = "3px solid green";
 				}
 
 				if (split[i] === "col"){
 					this.res.style.flexDirection = "column";
-				//	this.res.style.justifyContent = "flex-start";
 					this.res.style.border = "3px solid purple";
 				}
 			 }
@@ -543,10 +466,6 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-
-
-
-
 	
 
 	color(cl){
@@ -561,11 +480,6 @@ code = `${pad}new Wrapper()`;
 
 
 
-	font(font){
-		this.res.style.fontFamily = font;
-		return this;
-	}
-
 	flexAlign(perc){
 		this.res.style.display = "flex";
 		this.res.style.justifyContent = "flex-start";
@@ -603,7 +517,6 @@ code = `${pad}new Wrapper()`;
     }
 
 
-
     
 	add(els){
 		this.items = els;
@@ -634,9 +547,6 @@ code = `${pad}new Wrapper()`;
 	
 
 
-
-
-
     
     
     setWidth(w){
@@ -687,7 +597,6 @@ code = `${pad}new Wrapper()`;
 				container = document.createElement("div");
 		}
 
-		// let container = options ? document.createElement(options.isLink ? "a" : "div") :document.createElement("div") ;
 		
 
 
@@ -742,7 +651,6 @@ code = `${pad}new Wrapper()`;
 	}
 	
 	
-	// 22:39:02 15/03/2024 window.addEveventListener("resize", () => {}, "immediatelly");
 	
 	
 	height(h){
@@ -796,7 +704,6 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-
 	
 apply(arr) {
 	const goThroughStyles = () => {
@@ -814,9 +721,7 @@ apply(arr) {
 			
 			if (query.matches) {
 				Object.assign(this.res.style, el.styles);
-				// alert(el.style.styles.color);
 			} else {
-					//Object.assign(this.res.style, arr[0].styles);
 			}
 		}
 	}
@@ -855,14 +760,4 @@ apply(arr) {
 }
 
 
-
-
-
-
-
-
-
-
-
-
 export { Wrapper };

package/layout/dropdown-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -172,7 +172,6 @@ class Dropdown extends Animator {
    
     obj.respad && this.respad(obj.respad);
     obj.resmar && this.resmar(obj.resmar);
-       // this.commonMethods(obj); not yet
 
         // Position is always fixed (appended to body), no breakpoint adjustment needed
 
@@ -203,7 +202,6 @@ if (i !== 0){
           const firstChild = children[0];
           if (firstChild && firstChild.res) {
             this.toggleWrap.appendChild(firstChild.res);
-            //  this.toggleWrap.textContent = firstChild.res.textContent || "Dropdown";
           }
       }
   

package/layout/flex-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -27,16 +27,12 @@ class Card extends Animator {
 		card.style.backgroundColor = "#fff";
 		card.style.fontFamily = "Arial";
 		card.style.width = "100%";
-		// card.style.boxShadow = "3px 3px 10px #111";
 		card.style.overflow = "hidden"
 		this.res = card;	
 		return this;	
 	}
 
-	onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	}
+
 
 	set(obj){
 		let stra = "";
@@ -55,7 +51,6 @@ class Card extends Animator {
 		}
 
 		
-		//obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
 
 
 		obj.width && (this.res.style.width = obj.width);
@@ -117,7 +112,6 @@ this.options = obj;
 
       this.chainReact(arr, this.options.id, keep);
 
-        //  this.res.style.border = "1px solid green";
     }
   }
  //22155 snap to change phone screen
@@ -136,27 +130,8 @@ this.options = obj;
 
 			return this;
 	}
-    
-    scale(obj){
-        
-        let previousWidth = this.res.style.width;
-          
-        this.res.style.transition= "0.5s all";
-      //  alert(previousWidth);
-        
-        this.res.addEventListener("mouseover", () => {
-            let previousWidth = this.res.style.width;
-             this.res.style.transform = "scale(1.04)";
-        });
-        
-         this.res.addEventListener("mouseout", () => {
-            let previousWidth = this.res.style.width;
-              this.res.style.transform = "scale(1.0)";
-        });
-        
-        
-        return this;
-    }
+
+
 	
 	background(color){
 				// The shorthand, not backgroundColor: it also resets background-image,
@@ -166,11 +141,8 @@ this.options = obj;
 		this.res.style.background = color;
 		return this;
 	}
-	
-	color(color){
-		this.res.style.color = color;
-		return this;
-	}
+
+
 	
 	
 	items(els){
@@ -189,10 +161,8 @@ this.options = obj;
 	 * Corner radius. A number is pixels; a string is passed through, so
 	 * `radius("50%")` and `radius(12)` both work.
 	 */
-	radius(v) {
-		this.res.style.borderRadius = typeof v === "number" ? `${v}px` : v;
-		return this;
-	}
+
+
 
 	//@deprecated round: superseded by `radius()`, which is the same thing under the name the option already uses.
 	round(v) {

package/layout/flex-grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -24,11 +24,9 @@ class FlexGrid extends Animator {
 		this.code.push(".setup()")
 		let gr = document.createElement("div");
 		gr.style.display = "flex";
-		//gr.style.flexWrap = "wrap";
 		
 		gr.style.padding = 0;
 		gr.style.margin = 0;
-		//gr.style.width = "100%";
 		this.res = gr;
 		return this; // DANGEROUS FEBRUARY ?
 	}
@@ -39,10 +37,7 @@ class FlexGrid extends Animator {
 		return "FlexRowLayoutElement";
 	}
 
-	onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	}
+
 
 	set(options){
 		options.id && this.res.setAttribute("id", options.id);
@@ -51,25 +46,17 @@ class FlexGrid extends Animator {
 		options.onTap && this.onTap(options.onTap);
 
 		this.code.push(".set({");
-	//	this.code.push(JSON.stringify(options));
 	//	console.log("OPE");
 
 		options.gap && (this.code.push(`gap: ${options.gap}`));
 		options.gap && (this.res.style.gap = options.gap);
 		
-	//	options.width && this.code.push(`width: "${options.width}",`);
 		options.flex && (this.res.style.flex = options.flex);
 		options.flex && this.code.push(`flex: ${options.flex},`);
 
-		// options.maxWidth && (this.res.style.maxWidth = options.maxWidth);
-		// options.maxWidth && this.code.push(`maxWidth: "${options.maxWidth}",`);
 // 
-		// options.maxWidth && (this.res.style.minWidth = "400px");
-		// options.maxWidth && (this.res.style.marginLeft = "auto");
-		// options.maxWidth && (this.res.style.marginRight = "auto");
 
 	//	this.res.style.width = "400px"
-		//options.width && (this.res.style.width = `${options.width}`);
 		options.wrap && (this.res.style.flexWrap = `wrap`); // ok
 
 		options.wrap && this.code.push(`wrap: ${options.wrap},`);
@@ -89,12 +76,10 @@ class FlexGrid extends Animator {
 		let obj = options;
 
 		this.callReact(obj);
-		// console.log(this.code);
 		return this;
 	}
 
 
-
 	callReact(obj){
         this.options = obj;
 
@@ -156,9 +141,6 @@ class FlexGrid extends Animator {
 			keep.push("span");
 		}
 
-	/*	if (obj.transform){
-			keep.push("transform");
-		}*/
 
 		// console.log("ARA IS " + arr);
 
@@ -173,7 +155,6 @@ class FlexGrid extends Animator {
 
 
 		if (!this.columnAlways){
-// alert(this.columnAlways);
 
 		
 		const toCol = () => {
@@ -228,7 +209,6 @@ if (el != undefined){
 	  		 }
 
 
-			// ela.style.flex = this.areas[count];
 			this.res.appendChild(ela);
 			}
 
@@ -260,7 +240,6 @@ if (el != undefined){
 				this.res.children[i].style.width = "100%";
 			}
 		} else {
-			//console.warn(this.arra);
 			for (var i = 0; i < this.res.children.length; i++){			
 				this.res.children[i].style.flex = `${this.arra[i]}`;
 			}