nodality 1.0.217 → 1.0.219

package/layout/beta-mobile-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -12,7 +12,6 @@ class /*Beta*/MobileBar extends Animator {
         super();
        
 
-       // this.setStyles();
     }
 
 
@@ -36,13 +35,9 @@ class /*Beta*/MobileBar extends Animator {
 // I have to call toCode
 // 1st reomve brand key from obj
 
-//delete this.obj.brand;
-//this.obj.brand = this.obj.brand.toCode()[0];//.replace(/^"|"$/g, '');
 let repl = this.removeQuotesFromFirstWord(JSON.stringify(this.obj));
 
 
-
-
 // 23:38:35 Yes!!! 23/04/2025
 // Alway construct neste in this way
 let codeObj = `
@@ -68,10 +63,8 @@ radius: ${JSON.stringify(this.obj.radius)},
 //console.log(Object.getPrototypeOf(obj.brand));
 //console.log(obj.brand.render());
 
-    //    console.log(this.obj.brand);
     //    console.log(obj.brand);
 
-   //  console.log(Object.getPrototypeOf(this.obj.brand));
 
    
 
@@ -80,22 +73,17 @@ radius: ${JSON.stringify(this.obj.radius)},
   //  console.log(obj.brand.res); // RES SHOULD BE OK
    // console.log(obj.brand.res); // RES SHOULD BE OK
     
-      //  let t = new Text("A").set({size: "S1"});
       //  console.log(t);
 
         this.obj = obj;
         this.makeNavbar(obj);
-     //   obj.background && (this.res.style.backgroundColor = obj.background);
-      //  obj.brand && this.setBrand(obj.brand);
 
 
       // Has to be the same
-     // obj.background && //(this.res.style.backgroundColor = obj.background);
       obj.mar && super.mar(obj.mar);
 
     //  console.log("BOOA");
     //  console.log(obj.brand);
-    //  obj.brand && this.setBrand(obj.brand);
       // THANK YOU 215756!!!
       obj.maxHeight && (this.res.style.maxHeight = obj.maxHeight);
 
@@ -120,7 +108,6 @@ radius: ${JSON.stringify(this.obj.radius)},
      //   console.log(obj.brand);
 
         const newTextInstance = obj.brand;
-       // const newTextInstance = new Text(data.text).set({color: "orange"});
        // newTextInstance.res.color = "green";
 /*
 // Restore state and other properties
@@ -141,9 +128,7 @@ console.log(newTextInstance.render());*/
        
 
 
-      //  if (obj.brand && obj.brand instanceof Node) {
        //    console.log("APPENDING")
-          //  let branda = document.createElement("h1");
            // branda.textContent = "h";
             //console.log(obj.brand);
          //   console.log(obj.brand.res);
@@ -153,16 +138,9 @@ console.log(newTextInstance.render());*/
           // typeof obj.brand.res;
       //      console.log(obj.brand.render());
          
-//if (obj.brand.render){
 
-  //  this.brand.appendChild(obj.brand.res);
    // console.log(obj.brand.render());
-//this.brand.style.border = "3px solid orange";
-//this.brand.style.width = "100px";
-//this.brand.style.height = "100px";
-  //  let t = new Text("A").set({size: "S3"});
   //console.log(obj.brand.res);
-        //    this.brand.appendChild(obj.brand.res);
 //} 
 
 if (obj.brand && typeof newTextInstance.render === "function") {
@@ -202,7 +180,6 @@ if (obj.brand && typeof newTextInstance.render === "function") {
         this.navbar.style.flexDirection = 'column';
         this.navbar.style.padding = '1rem';
         this.navbar.style.backgroundColor = obj.background ?? 'orange';
-       // this.navbar.style.color = 'white';
 
         this.navbarHeader.style.display = 'flex';
         this.navbarHeader.style.alignItems = 'center';
@@ -222,21 +199,6 @@ if (obj.brand && typeof newTextInstance.render === "function") {
         
     }
 
-   /* setBrand(brandElement) {
-
-        if (brandElement instanceof Node) {
-            this.brand.innerHTML = '';
-
-            this.navContent.appendChild(brandElement);
-           // this.brand.appendChild(brandElement);
-        }
-
-    }*/
-
-  /*  addNavItem(navItemElement) {
-        this.navContent.appendChild(navItemElement);
-        return this;
-    }*/
 
     add(ele){
         this.items = ele;
@@ -256,7 +218,6 @@ if (obj.brand && typeof newTextInstance.render === "function") {
         if (this.isMobileNavOpen) {
             this.navContent.style.flexDirection = 'column';
             this.navContent.style.gap = '0.5rem';
-           // this.navContent.style.backgroundColor = '#444';
             this.navContent.style.padding = '1rem';
         } else {
             this.navContent.style.flexDirection = '';
@@ -271,7 +232,6 @@ if (obj.brand && typeof newTextInstance.render === "function") {
             document.querySelector(container).appendChild(this.navbar);
         }
         return this.navbar;
-     //   container.appendChild(this.navbar);
     }
 }
 

package/layout/button.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -21,32 +21,6 @@ class Button extends Animator {
 
 	
 
-/*
-	hover(obj){
-        this.prevColor = this.res.style.backgroundColor;
-		this.foreColor = this.res.style.color;
-        
-        if (obj.animation){
-           
-        this.res.style.transition = `${obj.animation}s ease-in-out`; // stop resize ???
-		this.res.style.transionProperty = `background, color`;
-          //  this.transition(obj.animation);
-        }
-      
-        
-        this.res.onmouseout = () => {
-			this.res.style.backgroundColor = `${this.prevColor}`;
-			this.res.style.color = `${this.foreColor}`;
-		}
-        
-        this.res.onmouseover = () => {
-			this.res.style.backgroundColor = obj.background;
-			this.res.style.color = obj.color;
-		}
-        
-        return this;
-    }
-*/
 	
 
 	set(obj){
@@ -88,18 +62,6 @@ this.options = obj;
 
 	this.commonMethods(obj);
 
-	// obj.hover && this.hover(obj.hover);
-
-	/*	if (obj.url && !obj.img){
-			//let node = document.createElement("img");
-			//node.setAttribute("src", obj.url);
-			//node.style.width = 50;//obj.frame.width; // order?
-			//node.style.height = 50;//obj.frame.height;
-			//btn.appendChild(node);
-		} else {
-			let node = document.createTextNode(this.text.replace("$", this.val));
-			btn.appendChild(node);
-		}*/
 
 		
 
@@ -143,12 +105,9 @@ this.options = obj;
 		obj.resmar && this.resmar(obj.resmar);
 
 
-
-	//this.pad([{"b": "3rem"}]); // add)
 		
 
 		if (obj.centered){
-			// alert(this.res.width / 2);
 			  this.res.style.marginRight = "auto";
 			this.res.style.marginLeft = "auto"; //`${this.res.style.width / 2}px`;
 			
@@ -190,7 +149,6 @@ this.options = obj;
 		obj.frame && (stra += `\n frame: "${obj.frame}",`);
 
 
-
 		obj.keySet && this.keySet(obj.keySet); // 165411 22/01/25 Nice!
 		
 		
@@ -291,7 +249,6 @@ this.options = obj;
         }
 
 
-
 		const display6 = "calc(1rem + 0.5vw)"; // calc(1rem + 1.2vw)
         
         if (name === "S6"){
@@ -325,7 +282,6 @@ this.options = obj;
     
    borderRadius(radius){
         this.res.style.borderRadius = radius;
-       // console.warn(this.res);
         return this;
     }
 	
@@ -404,9 +360,7 @@ this.options = obj;
 
 	toCode() {
 		//console.log("OPTIONS ARE");
-		//console.log(this.options);
 
-       // const objString = JSON.stringify(this.options, null, 4);
 
 	   const objString = JSON.stringify(this.options, (key, value) => {
         if (typeof value === "function") {
@@ -426,36 +380,6 @@ this.options = obj;
 		// 22/01/25 09:10:50 thanks for amazing RegEx ChatGPT!
     }
 
-/*	toCoder() {
-		// Initialize the code string with the constructor
-		let code = `new Button("${this.text}", ${this.val})`;
-
-		// Collect the styles applied to the button
-		const style = this.res.style;
-		const setArgs = {};
-		if (style.background) setArgs.background = style.background;
-		if (style.color) setArgs.color = style.color;
-		if (style.padding) setArgs.padding = style.padding;
-		if (style.margin) setArgs.margin = style.margin;
-		if (style.border) setArgs.border = style.border;
-		if (style.borderRadius) setArgs.radius = style.borderRadius;
-		if (style.fontWeight) setArgs.weight = style.fontWeight;
-
-		// Add `set` call if any style properties exist
-		if (Object.keys(setArgs).length > 0) {
-			code += `.set(${JSON.stringify(setArgs)})`;
-		}
-
-		// Add event listeners if they exist
-		if (this.res.onclick) {
-			code += `.onTap(${this.res.onclick.toString()})`;
-		}
-
-		// Add rendering call
-		//code += `.render()`;
-
-		return [code];
-	}*/
 	
 	render(el){
 		if (el){

package/layout/center.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -39,14 +39,6 @@ if (obj.id){
 		// common methods should be defined in animator
 		// I can use pad in center, because animator class handles it
 
-		/*obj.pad && this.pad(obj.pad);
-		obj.respad && this.respad(obj.respad);
-		obj.resmar && this.resmar(obj.resmar);
-		obj.mar && this.mar(obj.mar);
-		obj.exact && (this.res.style.fontSize = obj.exact);
-		obj.zIndex && (this.res.style.zIndex = obj.zIndex);
-		obj.position && (this.res.style.position = position);
-		obj.top && (this.res.style.top = top);*/
 
 return this;
 	}
@@ -79,38 +71,6 @@ return this;
 	
 		
 	
-    
-    itemWidth(w){
-		for (var i = 0; i < this.res.childNodes.length; i++){
-			let el = this.res.childNodes[i];
-			el.style.width = w;
-		}
-		
-		return this;
-	}
-	
-		
-	
-	/*arrayPadding(arr, value) {
-		if (arr.includes("left")){
-			this.res.style.paddingLeft = value;
-		}
-		
-		if (arr.includes("right")){
-			this.res.style.paddingRight = value;
-		}
-		
-		if (arr.includes("top")){
-			this.res.style.paddingTop = value;
-		}
-		
-		if (arr.includes("bottom")){
-			this.res.style.paddingBottom = value;
-		}
-			
-		
-		return this;
-	}*/
 	
 	render(el) {
 		if (el) {

package/layout/checkbox.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -19,7 +19,6 @@ class Checkbox extends Animator {
 
 	  // Set default clipPath if not provided
         //this.options.clipPath =
-          //  this.options.clipPath; //|| "polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)";
 
     // Create the container div
     const div = document.createElement("div");
@@ -144,9 +143,6 @@ obj.resmar && this.resmar(obj.resmar);
     }
 
     toCode() {
-       /* let objString = JSON.stringify(this.options, null, 4);
-        objString = objString.replace(/"(\w+)"(?=\s*:)/g, '$1');
-        return [`new Checkbox().set(${objString})`];*/
 
 		const entries = Object.entries(this.options)
         .map(([key, value]) => {

package/layout/circle.js

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

package/layout/code.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -7,7 +7,6 @@
 import {Animator} from "./animator.js";
 
 
-
 class Code extends Animator {
     constructor(){
         super();
@@ -17,11 +16,9 @@ class Code extends Animator {
         this.res.style.display = "block";
         this.res.style.width = "auto";
         this.res.style.height = "auto";
-      //  this.res.style.color = "white";
         this.res.style.borderRadius = "1rem";
 
         this.pre.appendChild(this.res);
-      //  this.res.style.marginTop = "20rem";
        
     }
 
@@ -111,9 +108,6 @@ class Code extends Animator {
 			keep.push("span");
 		}
 
-	/*	if (obj.transform){
-			keep.push("transform");
-		}*/
 
 		// console.log("ARA IS " + arr);
 
@@ -122,7 +116,6 @@ class Code extends Animator {
 	}
 
 
-
     set(obj){
         obj.code && (this.pre.children[0].innerHTML = obj.code);
         obj.class && this.pre.children[0].setAttribute("class", `${obj.class}`);
@@ -141,10 +134,7 @@ class Code extends Animator {
 			this.res.style.border = `${obj.borderObj.width} solid ${obj.borderObj.color}`;
 			this.res.style.borderRadius = `${obj.borderObj.radius}`;
 			
-			//this.res.style.border = `3px solid transparent`;
-			//this.res.style.border = "10px solid yellow";
 
-			//let rem = this.removeQuotesFromFirstWord(JSON.stringify(obj.borderObj));
 			//stra += `\n borderObj: ${rem},`;
 		}
 

package/layout/container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (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 = [];
@@ -70,16 +68,12 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-
-
-
 	  onTap(handler){
 		this.res.addEventListener("click", handler);
 		return this;
 	  }
 
 
-
 	set(obj){
 		this.obj = obj;
 
@@ -98,67 +92,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 +167,6 @@ code = `${pad}new Wrapper()`;
 		}
 
 		if (obj.blast){
-			//keep.push("blast");
 		}
 
 		// console.log("ARA IS " + arr);
@@ -275,7 +214,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 +313,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 +327,6 @@ code = `${pad}new Wrapper()`;
 		}
 
 
-
-
 		for (let prop in obj) {
             if (prop === 'margin') {
                 let paddingValues = obj[prop];
@@ -418,7 +353,6 @@ code = `${pad}new Wrapper()`;
 				}
 
 
-
                 }
             }
         }
@@ -458,13 +392,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 +407,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 +473,6 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-
-
-
-
 	
 
 	color(cl){
@@ -560,7 +486,6 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-
 	font(font){
 		this.res.style.fontFamily = font;
 		return this;
@@ -603,7 +528,6 @@ code = `${pad}new Wrapper()`;
     }
 
 
-
     
 	add(els){
 		this.items = els;
@@ -634,9 +558,6 @@ code = `${pad}new Wrapper()`;
 	
 
 
-
-
-
     
     
     setWidth(w){
@@ -687,7 +608,6 @@ code = `${pad}new Wrapper()`;
 				container = document.createElement("div");
 		}
 
-		// let container = options ? document.createElement(options.isLink ? "a" : "div") :document.createElement("div") ;
 		
 
 
@@ -742,7 +662,6 @@ code = `${pad}new Wrapper()`;
 	}
 	
 	
-	// 22:39:02 15/03/2024 window.addEveventListener("resize", () => {}, "immediatelly");
 	
 	
 	height(h){
@@ -796,7 +715,6 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-
 	
 apply(arr) {
 	const goThroughStyles = () => {
@@ -814,9 +732,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 +771,4 @@ apply(arr) {
 }
 
 
-
-
-
-
-
-
-
-
-
-
 export { Wrapper };

package/layout/dropdown-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (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";
           }
       }