nodality 1.0.218 → 1.0.220

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -27,15 +27,6 @@ class Text extends Animator {
 
 
 
-	
-
-
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
-
-
 
 	toCode(){
 		if (this.excludeFromCodeTrue){
@@ -66,7 +57,6 @@ class Text extends Animator {
 		this.preffersId ? this.elCSS.unshift(this.res.id + " { \n") : (this.elCSS.unshift("." + this.class + " { \n"));
 		this.elCSS.push(" } \n \n");
 		// console.warn("OI")
-		// console.log(this.elCSS);
 		return this.elCSS; 
 	}
 
@@ -102,12 +92,6 @@ class Text extends Animator {
 	}
 
 
-
-	toHTML(){
-		return this.res;
-	}
-
-
 	onTap(e){
 		this.res.addEventListener("click", e);
 		return this;
@@ -119,7 +103,6 @@ class Text extends Animator {
 	}
 
 
-
 	styled(obj) {
 		this.set(obj);
 		return this;
@@ -177,12 +160,7 @@ class Text extends Animator {
 		this.commonMethods(obj);
 
 
-	//	(obj.opacity !== undefined) && (this.res.style.opacity = obj.opacity);
-
-		// obj.isHidden && this.isHidden(obj.isHidden);
-
 		//alert(obj.top);
-		//obj.top && (this.res.style.top = obj.top);
 		obj.left && (this.res.style.left = obj.left);
 
 		obj.flex && (this.res.style.display = "flex");
@@ -247,16 +225,10 @@ this.res.style.position = "absolute";
 	
 		super.setClass(this.options.class);
 		obj.clampc && this.clampCopy(obj.clampc);
-		//obj.pad && this.pad(obj.pad);
-	//	obj.respad && this.respad(obj.respad);
-	//	obj.resmar && this.resmar(obj.resmar);
 
 // stra +=  // 2345 06/03
-	//	obj.mar && this.mar(obj.mar);
 	
  
-	//	obj.exact && (this.res.style.fontSize = obj.exact);
-	//	obj.zIndex && (this.res.style.zIndex = obj.zIndex);
 		obj.absolute && (this.res.style.position = "absolute");
 		
 
@@ -266,23 +238,16 @@ this.res.style.position = "absolute";
 			this.fluid(obj.fluid);
 		}
 
-		//obj.font && this.font(obj.font);
 		obj.fluidc && (this.elCSS.push(`font-family: ${obj.font}; \n`));
 		obj.align && (this.res.style.textAlign = obj.align);
 		
-		// obj.weight && (this.res.style.fontWeight = obj.weight);
   //@ breakWord: Allow long words to wrap mid-word (word-wrap: break-word).
 		obj.breakWord && (this.res.style.wordWrap = "break-word");
 		// `center` used to set auto margins here, i.e. centre the Text
 		// ITSELF — the opposite of what it means on every other component
 		// now. That is `mar: "center"`.
 		obj.center && this.deprecatedOption("center on Text", 'mar: "center"');
-		//obj.width && (this.res.style.width = obj.width);
-	//	obj.height && (this.res.style.height = obj.height);
-		//obj.background && (this.res.style.backgroundColor = obj.background);
-		//obj.radius && (this.res.style.borderRadius = obj.radius);
 // width, height, background, radius, resprop, keySet, maxHeight
-  	//	obj.resprop && this.resprop(obj.resprop);
 		obj.italic && this.italic();
 		// stra += 17:01:43 11/11/24
 
@@ -294,17 +259,9 @@ this.res.style.position = "absolute";
 
 		obj.keySet && this.keySet(obj.keySet);
 
-		//obj.maxHeight && (this.res.style.maxHeight = obj.maxHeight);
-
 
-		/*if (obj.transform){
-		}*/
 		// Done by commonMethods
-		//obj.transform && this.reactOnTransform(obj.transform); // remove obj.op.duration
 		
-		/*if (obj.transform.op.values){
-			alert("P");
-		}*/
 
 		
 		
@@ -312,13 +269,11 @@ this.res.style.position = "absolute";
 
 		   
 
-		//this.code.push(str); // 14:04:10 06/03
 
 		return this;
 	} // 114522 you can hit tab 
 
 
-
 	callReact(obj){
 
 		let arr = [];
@@ -378,9 +333,6 @@ this.res.style.position = "absolute";
 			keep.push("span");
 		}
 
-	/*	if (obj.transform){
-			keep.push("transform");
-		}*/
 
 		// console.log("ARA IS " + arr);
 
@@ -413,42 +365,6 @@ addIcon(obj){
 
     
     
-	/*
-	
-	 between(name){
-        
-        
-        if (name === "S1"){
-             this.res.style.fontSize = "clamp(2rem, 8vw, 2.5rem)";
-        }
-        
-        if (name === "S2"){
-             this.res.style.fontSize = "clamp(4rem, 8vw, 5rem)";
-        }
-        
-        if (name === "S3"){
-             this.res.style.fontSize = "clamp(2rem, 5vw, 2.5rem)";
-        }
-
-
-		if (name === "S4"){
-			this.res.style.fontSize = "clamp(1.5rem, 2vw, 1.6rem)";
-	   }
-        
-         if (name === "S5"){
-             this.res.style.fontSize = "clamp(1.2rem, 2vw, 1.3rem)";
-        }
-
-		if (name === "S6"){
-			this.res.style.fontSize = "clamp(1rem, 2vw, 1.3rem)";
-	   }
-		
-        
-        return this;
-    }
-	
-	
-	*/
     
     between(name){
         
@@ -512,7 +428,6 @@ addIcon(obj){
         // // console.log();
         
         document.styleSheets[0].insertRule(`#${str}::first-letter { color: green; font-size: 3em; padding: 0.1em }`, 0);
-       // this.res.style.initialLetter = n;
         return this;
     }
 
@@ -570,9 +485,6 @@ addIcon(obj){
 		const display5 = "calc(1.1rem + 1.2vw)";
         
         if (name === "S5"){
-			//this.res = document.createElement("p");
-			//let node = document.createTextNode(this.text);
-		//	this.res.appendChild(node);
 	//	alert("K")
              this.res.style.fontSize = display5;
         }
@@ -620,23 +532,6 @@ addIcon(obj){
 	}
 
 
-    
-
-	
-	jumbotron() {
-		const adj = () => {
-			let query = window.matchMedia("(max-device-width: 415px)");
-			if (query.matches) {
-				this.res.style.fontSize = '8rem';
-			} else {
-				this.res.style.fontSize = '6rem';
-			}
-		}
-
-		adj();
-		window.addEventListener("resize", adj);
-		return this;
-	}
 	
 	
 	large() {
@@ -679,8 +574,6 @@ addIcon(obj){
 			this.setB = false;
 			
 			
-			// * window.innerWidth);
-			// // console.log(base.baseVW / 100 * window.innerWidth);
 			// CONVERT CURRENT base.VW to pixels
 			
 			if (!this.set){
@@ -695,7 +588,6 @@ addIcon(obj){
 					//alert("ON REFRESH");
 				this.res.style.color = "orange";
 				this.res.style.fontSize = `${base.baseVW / 100 * base.maxw}px`;
-			//this.res.style.fontSize = `${base.maxFont}px`;
 				this.setB = true;
 			}
 			
@@ -710,11 +602,6 @@ addIcon(obj){
 		}
 		
 	
-		/*let query = window.matchMedia(`(max-device-width: ${o.w}px)`);
-			if (query.matches) {
-				alert("joa")
-				this.res.style.fontSize = `${o.size}vw`;
-			}*/
 		
 
 		adapt();
@@ -729,7 +616,6 @@ addIcon(obj){
 		
 		
 		
-		// this.res.style.fontSize = `calc(${base}px + 1vw)`;
 		return this;
 	}
 
@@ -738,9 +624,6 @@ addIcon(obj){
 	medium() {
 		const adj = () => {
 			let query = window.matchMedia("(max-device-width: 415px)");
-			/* let query = window.matchMedia("(max-device-width: 415px)");
-			if (window.innerWidth < h || query.matches) {
-			} */
 
 			if (query.matches) {
 				this.res.style.fontSize = '2.25rem';
@@ -772,9 +655,6 @@ addIcon(obj){
 	small() {
 		const adj = () => {
 			let query = window.matchMedia("(max-device-width: 415px)");
-			/* let query = window.matchMedia("(max-device-width: 415px)");
-			if (window.innerWidth < h || query.matches) {
-			} */
 
 			if (query.matches) {
 				this.res.style.fontSize = '1.5em';
@@ -826,7 +706,6 @@ addIcon(obj){
 			el.setAttribute("id", obj.id);
 
 
-
 			if (obj.type === "span"){
 
 
@@ -838,8 +717,6 @@ addIcon(obj){
 
 				
 				
-				//el = document.createElement("span");
-				//el.style.display = "block";
 			}
 
 		} else {
@@ -869,11 +746,6 @@ addIcon(obj){
 	}
 
 
-	/*size(s) {
-		this.res.style.fontSize = s;
-		return this;
-	}*/
-
 	em(e) {
 		this.res.style.fontSize = `${e}em`;
 		//alert("h")
@@ -882,8 +754,6 @@ addIcon(obj){
 
 	color(color) {
 		this.res.style.color = color;
-		//this.code.push(`.color(${color}),`);
-		//this.code.push(`.color(${color})`);
 		return this;
 	}
 
@@ -907,11 +777,6 @@ addIcon(obj){
 		return this;
 	}
 
-	/*padding(val){
-		this.res.style.padding = val;
-		return this;
-	}*/
-
 
 	
 		width(w, shouldCenter){
@@ -926,9 +791,6 @@ addIcon(obj){
 
 
 	offset(obj){
-		/*this.res.style.marginLeft = "-390px";
-		this.res.style.marginTop = "-360px";
-		this.res.style.color = "green";*/
 
 		
 		this.res.style.gridRow = 2;
@@ -946,7 +808,6 @@ addIcon(obj){
 	}
 
 
-
 	updating(obj, key) {
 
 		var copy = this.res;
@@ -958,7 +819,6 @@ addIcon(obj){
 
 
 				// this.text
-				// let node = document.createTextNode(`Pressed ${newVal}`);
 				let node = document.createTextNode(txt.replace("$", newVal))
 				copy.replaceChild(node, copy.childNodes[0]);
 			}
@@ -1002,10 +862,6 @@ addIcon(obj){
 	}
 	
 	// setFirst
-	/*let query = window.matchMedia(`(max-width: ${arr[0].width}px)`);
-		if (!query.matches){
-				Object.assign(this.res.style, arr[0].styles);
-		}*/
 	
 	goThroughStyles();
 	window.addEventListener("resize", goThroughStyles);  // never use "on" here. Will get overrwritten !
@@ -1018,23 +874,9 @@ addIcon(obj){
 	*/
 
 		
-		/*
-		render(el) {
-		Array.from(this.res.children).forEach(e => e.style.padding = 0);
-		Array.from(this.res.children).forEach(e => e.style.margin = 0);
-		
-		if (el) {
-			document.querySelector(el).appendChild(this.res);
-		} else {
-			return this.res;
-		}
-	}
-		*/
 
 
 		
-		//Array.from(this.res.children).forEach(e => e.style.padding = 0);
-		//Array.from(this.res.children).forEach(e => e.style.margin = 0);
 		
 		if (div) {
 			if (this.options && this.options.id){
@@ -1065,8 +907,6 @@ addIcon(obj){
 		}
 
 
-
-
 		
 	}
 	

package/layout/ulist.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -20,7 +20,6 @@ class UList extends Animator {
         obj.mar && this.mar(obj.mar);
        
         // CRITICAL
-		// obj.transform && this.reactOnTransform(obj.transform); // remove obj.op.duration
 		this.commonMethods(obj);
         this.callReact(obj);
         return this;
@@ -86,9 +85,6 @@ class UList extends Animator {
 			keep.push("span");
 		}
 
-	/*	if (obj.transform){
-			keep.push("transform");
-		}*/
 
 		// console.log("ARA IS " + arr);
 
@@ -97,13 +93,6 @@ class UList extends Animator {
 	}
 
 
-
-
-
-
-
-
-
     setup() {
         let el = document.createElement("ul");
         this.res = el;
@@ -176,7 +165,6 @@ class UList extends Animator {
     }
 
 
-
 	
 toCode(indent = 0) {
         this.code = [];

package/layout/video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -14,7 +14,6 @@ class Video extends Animator {
 		super();
 		this.url = url;
 		this.res = null;
-		//this.setup(obj);
 		
 		this.setup();
 	}
@@ -41,16 +40,8 @@ class Video extends Animator {
 		size(w/*, h*/) {
 			
 			this.res.style.width = w;
-			//this.res.style.height = w;
 			
 			
-		/*if (w && h) {
-			this.res.style.width = w;
-			this.res.style.height = h;
-		} else {
-			this.res.style.width = w;
-			this.res.style.height = w;
-		}*/
 
 		return this;
 	}
@@ -70,7 +61,5 @@ class Video extends Animator {
 	}
 	
 	
-	//var _oldVideo = Video;
-//Video = function(...args) { return new _oldVideo(...args) };
 	
 export { Video };

package/layout/wrap.js

@@ -1,11 +1,9 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
 class Wrap { 
 	constructor(els){
 		this.code = [];
@@ -18,23 +16,17 @@ class Wrap {
 		for (var i = 0; i < els.length; i++){
 			
 			
-			/*var element = els[i];
-			var _oldEl = element;
-			element = function(...args) { return new _oldEl(...args) };
-			*/
 			
 			
 			//console.log(new els[i])
 			this.res.appendChild(els[i].render().render());
 
 
-
 			
 		}
 	}
 
 
-
 	
 	
 	setup(){
@@ -83,12 +75,6 @@ class Wrap {
 	
 	
 	
-	/*items(els){
-		for (var i = 0; i < els.length; i++){
-			this.res.appendChild(els[i].render().render());
-		}
-		return this;
-	}*/
 	
 	
 	
@@ -108,39 +94,4 @@ class Wrap {
 }
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 export { Wrap };

package/layout/zoom-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -27,8 +27,6 @@ class ZoomCard extends Animator {
        obj.mar && this.mar(obj.mar);
 
 
-		//obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
-
         obj.inpad && this.inpad(obj.inpad);
         obj.inpad && (stra += `\n inpad: {${obj.inpad}}`);
 
@@ -70,7 +68,6 @@ class ZoomCard extends Animator {
         card.style.gridArea = "1/1";
 
         // Set the CSS properties of the card
-     //   card.style.width = '300px';
         card.style.height = '400px';
         card.style.borderRadius = '15px';
         card.style.boxShadow = '0 4px 8px 0 rgba(0,0,0,0.2)';
@@ -108,7 +105,6 @@ class ZoomCard extends Animator {
     }
 
     addListeners(){
-       // alert(this.useBrightness);
         let img = this.res.children[0].children[0];
      //   console.log("FIGHT");
      //   console.log(img);
@@ -116,10 +112,8 @@ class ZoomCard extends Animator {
 
         this.res.onmouseover =  () => {
           
-          //  alert(this.useBrightness);
             img.style.transform = 'scale(1.3)';
             this.useBrightness && (img.style.filter = "brightness(31%)");
-            // this.style.backgroundSize = 'cover';
         };
         this.res.onmouseout =  () => {
             img.style.transform = 'scale(1.0)';        
@@ -136,24 +130,9 @@ class ZoomCard extends Animator {
 	*/
 
 		
-		/*
-		render(el) {
-		Array.from(this.res.children).forEach(e => e.style.padding = 0);
-		Array.from(this.res.children).forEach(e => e.style.margin = 0);
-		
-		if (el) {
-			document.querySelector(el).appendChild(this.res);
-		} else {
-			return this.res;
-		}
-	}
-		*/
-
 
 
 		
-		//Array.from(this.res.children).forEach(e => e.style.padding = 0);
-		//Array.from(this.res.children).forEach(e => e.style.margin = 0);
 		
 		if (div) {
 			if (this.options.id){
@@ -170,51 +149,4 @@ class ZoomCard extends Animator {
 }
 
 
-
-
-
-
-
-/*
-
-class ZoomEffect {
-    constructor() {
-        this.zoomElement = this.createZoomElement();
-    }
-
-    createZoomElement() {
-        // Create a new div element
-        let zoom = document.createElement('div');
-
-        // Set the CSS properties of the div
-        zoom.style.padding = '50px';
-        zoom.style.backgroundColor = 'green';
-        zoom.style.transition = 'transform .2s';
-        zoom.style.width = '200px';
-        zoom.style.height = '200px';
-        zoom.style.margin = '0 auto';
-
-        // Add a hover effect to scale the div
-        zoom.onmouseover = function() {
-            this.style.transform = 'scale(1.5)';
-        };
-        zoom.onmouseout = function() {
-            this.style.transform = 'scale(1)';
-        };
-
-        // Return the created div
-        return zoom;
-    }
-
-    appendToBody() {
-        // Append the div to the body of the document
-        document.body.appendChild(this.zoomElement);
-    }
-}
-
-// Usage:
-let zoomEffect = new ZoomEffect();
-//zoomEffect.appendToBody();
-*/
-
 export { ZoomCard };

package/lib/card-getter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/data.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/element-mapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */