nodality 1.0.218 → 1.0.220

package/layout/beta-mobile-bar.js

@@ -1,18 +1,15 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
 import {Animator} from "./animator.js";
-import {Text} from "./text.js";
-
 class /*Beta*/MobileBar extends Animator {
     constructor() {
         super();
        
 
-       // this.setStyles();
     }
 
 
@@ -36,13 +33,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 +61,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 +71,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 +106,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 +126,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 +136,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 +178,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 +197,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 +216,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 +230,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.218
+ * nodality v1.0.220
  * (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"){
@@ -306,26 +263,19 @@ this.options = obj;
         this.res.setAttribute("class", classa);
         return this;
     }
-    
-    color(color){
-        this.res.style.color = color;
-        return this;
-    }
+
+
     
 	background(color){
 		this.res.style.background = color;
 		return this;
 	}
-	
-	width(percentage){
-		this.res.style.width = percentage;
-		return this;
-	}
+
+
     
     
    borderRadius(radius){
         this.res.style.borderRadius = radius;
-       // console.warn(this.res);
         return this;
     }
 	
@@ -404,9 +354,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 +374,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.218
+ * nodality v1.0.220
  * (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.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -9,7 +9,7 @@ import { Animator } from "./animator.js";
 class Checkbox extends Animator {
     constructor() {
         super();
-        this.el = null;
+        this.res = null;
 
 		
     }
@@ -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");
@@ -135,18 +134,15 @@ obj.resmar && this.resmar(obj.resmar);
 
     div.appendChild(labelDiv);
 
-    this.el = div;
+    this.res = div;
     return this;
     }
 
     getValue() {
-        return this.el.children[0].checked;
+        return this.res.children[0].checked;
     }
 
     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]) => {
@@ -173,9 +169,9 @@ obj.resmar && this.resmar(obj.resmar);
 
     render(div) {
         if (div) {
-            document.querySelector(div).appendChild(this.el);
+            document.querySelector(div).appendChild(this.res);
         } else {
-            return this.el;
+            return this.res;
         }
     }
 }

package/layout/circle.js

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

package/layout/code.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (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},`;
 		}