nodality 1.0.217 → 1.0.219

package/layout/free.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -18,7 +18,6 @@ class Free extends Animator {
         this.options = obj;
         this.attributes = obj;
         this.templateCols = obj.templateCols;
-       // alert(this.templateCols);
 
         if (obj.templateCols) { // condition wrong
             this.res.style.gridTemplateColumns = `repeat(${obj.templateCols.cols}, 1fr)`;
@@ -105,15 +104,9 @@ class Free extends Animator {
    
         //  element.id = attr.attract.slice(1);
         element.style.gridRowStart = row;
-       // element.style.gridRowEnd = row + 3; // Example height of 3 grid cells
         element.style.gridColumnStart = col;
-      //  element.style.gridColumnEnd = col + 5; // Example width of 5 grid cells
 
-      //  element.style.border = `3px solid #${Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0')}`;//[]
        
-       /*if (element.toString() === "[HTMLParagaphElement]"){
-        element.style.width = "fit-content";
-       }*/
 
         // Optional: Add some content or styles for better visibility
        // element.textContent = `${attr.attract.slice(1)}`
@@ -123,14 +116,11 @@ class Free extends Animator {
         element.style.alignItems = "center";
         element.style.justifyContent = "center";
         element.style.fontWeight = "bold";
-      //  element.style.color = "white";
        // alert(element)
         this.res.appendChild(element);
 
-       // this.res.style.border = "3px solid #1abc9c";
     });
 
-   // document.body.appendChild(container);
    return this;
 }
 
@@ -143,11 +133,9 @@ class Free extends Animator {
             this.res.appendChild(component.render());
            // alert("PP");
        //    console.log("ORAA");
-       //    console.log(this.res.children.length);
         }
 
            //   alert("PP");
-     //  alert(this.res);
 
         if (this.storedPositions){
             this.generateGridPositions(this.storedPositions);
@@ -158,35 +146,9 @@ class Free extends Animator {
         return this;
     }
 
-   /* toCode(){
-        let codeStr = `new Free()`;
-
-        // 16:01:09 09/11/24 What????
-        // Convert attributes to .set({...}) format if there are any attributes
-        if (Object.keys(this.attributes).length > 0) {
-            codeStr += `.set(${JSON.stringify(this.attributes, null, 2).replace(/"([^"]+)":/g, '$1:')})`;
-
-          //  codeStr += `.set(${JSON.stringify(this.attributes, null, 2)})`;
-        } else {
-            codeStr += `.set({})`;
-        }
-    
-        codeStr += `.add([\n`;
-    
-        // Generate the code for each item and join with commas only between items
-        codeStr += this.items
-            .map(item => item.toCode().join("").trim()) // Trim any line breaks or whitespace around the item code
-            .join(",\n"); // Insert commas only between items
-    
-        codeStr += `\n])`;
-    
-
-        return codeStr;
-    }*/
 
         toCode() {
             if (this.excludeFromCodeTrue){
-                // this.code = ["new Text('').set({})"];
                 return [""];
             }
     
@@ -222,7 +184,6 @@ class Free extends Animator {
         
 
      //   alert("PP");
-     //  alert(this.res);
         return this.res;
     }
 }

package/layout/grid-switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -10,7 +10,6 @@ class AreaSwitcher {
       this.gridContainer = document.createElement("div");
       this.gridContainer.classList.add("grid-container");
       this.gridContainer.style.display = "grid";
-    //  this.gridContainer.style.gridAutoRows = "1fr"; EVIL LINE
     }
 
     set(obj){
@@ -54,10 +53,8 @@ for (var i = 0; i < arr.length - 1; i++){
      const outputString = withSpaceObj.map(row => `"${row}"`).join(" ");
      this.gridContainer.style.gridTemplateAreas = outputString;
  
-    // this.gridContainer.style.border = `3px solid ${arr[i].color}`;
  
     } else if (window.innerWidth > to) {
-    //  this.gridContainer.style.border = `3px solid ${arr[arr.length - 1].color}`;
       //alert("P")
       // This always fires
       let obj = arr[arr.length - 1].template;
@@ -70,7 +67,6 @@ for (var i = 0; i < arr.length - 1; i++){
 
 
 }
-//return this;
       }
       reacta();
      window.addEventListener("resize", reacta);
@@ -79,9 +75,6 @@ for (var i = 0; i < arr.length - 1; i++){
   
      add(items){
   
-   //   let withSpaceObj = obj.map(str => str.split('').join(' '));
-   //   const outputString = withSpaceObj.map(row => `"${row}"`).join(" ");
-   //   this.gridContainer.style.gridTemplateAreas = outputString;//'"a a a" "b b b" "c d d" "c d d"';
      // Function to generate alphabetic sequences
   const generateAlphabeticSequence = (count) => {
     const chars = [];
@@ -102,7 +95,6 @@ for (var i = 0; i < arr.length - 1; i++){
 
   for (let i = 0; i < items.length; i++) {
     let e = items[i].render();
-   // e.style.border = "1px solid gray";
     e.style.gridArea = els[i].toLowerCase(); // e.g., 'a', 'b', 'aa', 'ab', ...
 
     const gridItem = document.createElement("div");
@@ -126,8 +118,6 @@ for (var i = 0; i < arr.length - 1; i++){
   }
   
   // Usage example:
-  //const simpleGrid = new Simple();
-  //document.body.appendChild(simpleGrid.render());
   
   
   class GridSwitcher {
@@ -152,7 +142,6 @@ for (var i = 0; i < arr.length - 1; i++){
               if ((mq || val.at == "default") && mq !== this.lastMq){
                   const update = new Simple().set(val.template, this.dynamicItems).render();
                   this.el = update;
-                //  this.el.style.border  = "1px solid black";
                   this.render(this.domStr);
                   this.lastMq = mq;
               }
@@ -167,14 +156,12 @@ for (var i = 0; i < arr.length - 1; i++){
       this.gridWrap.innerHTML = "";
       this.gridWrap.appendChild(this.el);
 
-   // document.querySelector(div).removeChild(this.el);
   if (div){
     document.querySelector(div).appendChild(this.gridWrap);
   } 
 
   return this.gridWrap;
 
-   // return this.el;
       // Just return this.el it normally
     }
   }

package/layout/grid.js

@@ -1,12 +1,9 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
- 
 class Grid {
 	constructor(frs, saveEl) {
 		this.saveEl = saveEl;
@@ -38,7 +35,6 @@ class Grid {
 	}
 
 
-
 	size(w, h) {
 		if (w === "wide") {
 			this.res.style.width = "100%";
@@ -104,7 +100,6 @@ class Grid {
 		let count = obj.count;
 		let h = obj.width;
 		
-			//let media = window.matchMedia(`(max-width: 600px)`);
 		let query = window.matchMedia("(max-device-width: 415px)");
 		
 		if (window.innerWidth < h || query.matches) {
@@ -146,9 +141,4 @@ class Grid {
 }
 
 
-
-
-
-
-
 export { Grid };

package/layout/horizontal-scroller.js

@@ -1,16 +1,12 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
- 
 class HScroller {
     constructor() {
         this.setupa();
-       // this.seto();
       
     }
 
@@ -48,7 +44,6 @@ class HScroller {
     setup() {
 
         
-     //  alert(this.e);
 
   
 
@@ -129,7 +124,6 @@ class HScroller {
 			return this.div;
 		}
 
-       // document.body.appendChild(this.div);
     }
 }
 

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -15,26 +15,9 @@ class Image extends Animator {
 		this.code = [];
 
 		
-	/*	if (type == "exact" || type == "uncover"){
-			this.image(this.url, mode, type, "a", gcs);
-		} else {
-			this.setup();
-		}
-		
-
-			if (type === "exact"){ // Has to be there
-				const str = `new Image("${this.url}", "exact")`;
-				this.code.push(str);
-			} else if (type === "uncover"){ // Has to be there
-				const str = `new Image("${this.url}", "uncover")`;
-				this.code.push(str);
-			} else {
-				this.code.push(`new Image('${this.url}')`);
-			}*/
 	}
 
 
-
 	setType({url, type, mode}){
 		//alert("Thrice?");
 
@@ -56,22 +39,17 @@ class Image extends Animator {
 	}
 
 
-
 	hand(){
 		this.res.style.cursor = "hand";
 		return this;
 	}
 
 
-
-
 	getHeight(){
-		// // console.log(this.res.height);
 		return this.res.height;
 	}
 
 	getWidth(){
-		// // console.log(this.res.width);
 		return this.res.width;
 	}
 
@@ -79,9 +57,6 @@ class Image extends Animator {
 		return "HTMLImageElement";
 	}
 
-	/*toCode(){
-		return this.code;
-	}*/
 
 	toCode() {
         // Capture the style properties applied to the image
@@ -118,10 +93,6 @@ let obj = options;
 		obj.onTap && this.onTap(obj.onTap);
 
 
-
-
-
-
 		let type = options.isFull;
 
 
@@ -160,34 +131,12 @@ let obj = options;
 
 			if (type === "exact"){ // Has to be there
 				const str = `new Image("${this.url}", "exact")`;
-			//	this.code.push(str);
 			} else if (type === "uncover"){ // Has to be there
 				const str = `new Image("${this.url}", "uncover")`;
-				//this.code.push(str);
 			} else {
-				// this.code.push(`new Image('${this.url}')`);
 			}
 
 
-
-
-
-
-
-
-
-
-
-
-/*
-obj.pad && this.pad(obj.pad);
-// stra +=  // 2345 06/03 other file
-		obj.mar && this.mar(obj.mar);
-		obj.respad && this.respad(obj.respad);
-		obj.resmar && this.resmar(obj.resmar);
-*/
-
-
 	this.commonMethods(obj);
 
 		options.vtn && (this.res.style.viewTransitionName = options.vtn);
@@ -199,10 +148,6 @@ obj.pad && this.pad(obj.pad);
 		options.index && (this.index = options.index);
 		options.index && (stra += `\n index: "${options.index}",`);
 
-		/*if (options.index === 0){ // condition no fire
-			//alert("not written here");
-			stra += `\n index: "0",`;
-		}*/
 		options.resprop && this.resprop(options.resprop);
 		
 		if (options.centerSelf){
@@ -230,7 +175,6 @@ obj.pad && this.pad(obj.pad);
 		options.as && this.as(options.as);
 		
 		options.onScroll && this.onScroll(options.onScroll);
-	//	options.fitContent && (this.res.style.objectFit = "contain");
 
 		options.class && (this.res.setAttribute("class", options.class));
 		
@@ -243,16 +187,10 @@ obj.pad && this.pad(obj.pad);
 			stra += `\n gpos: ${this.removeQuotesFromFirstWord(JSON.stringify(options.gpos))}, `;
 
 		}
-		// options.gpos && alert(this.gposObject);
 		
-		/*if (Object.keys(options).length > 0){
-		this.code.push(`\n .set({ \n}`);
-		}*/
 		
 		// console.log(options);
 		
-		//const opts = optsa.filter(el => el.op.name === "blast")[0];
-	//	let filterObject = this.options.filtera.filter(a => a.op.name === "filter")[0];
 	//	// console.log(filterObject);
 
 		if (options.filtera){ // smoke
@@ -271,7 +209,6 @@ obj.pad && this.pad(obj.pad);
 			// console.warn(noiseObject);
 			// console.log(noiseObject.op.filter);
 
-			// this.setFilter(noiseObject);
 
 			 let removed =  this.removeQuotesFromFirstWord(JSON.stringify(noiseObject));
 			 (stra += `\n filtera: ${removed}, \n`); // If I comment this out the filter should disappear!
@@ -281,7 +218,6 @@ obj.pad && this.pad(obj.pad);
 			}
 
 		
-		//options.filter && (this.res.style.filter = options.filter);
 		
 
 	
@@ -291,7 +227,6 @@ obj.pad && this.pad(obj.pad);
 
 		options.isBackground && (this.isBackground = options.isBackground);
 
-		//options.zIndex && (this.res.style.zIndex = options.zIndex);
 		options.zIndex && (stra += `\n zIndex: "${options.zIndex}", \n`);
 
 	
@@ -313,18 +248,12 @@ obj.pad && this.pad(obj.pad);
 		options.height && (stra += `height: "${options.height}", `);
 
 
-
-
-
 		options.maxWidth && this.maxWidth(options.maxWidth);
-		// options.maxWidth && this.code.push(`maxWidth: "${options.maxWidth}", \n`);
 
 		options.maxWidth && (stra += `maxWidth: "${options.maxWidth}", \n`);
 		
-		// console.warn(this.res.style.width);
 
 		options.radius && this.cornerRadius(options.radius);
-	//	options.radius && this.code.push(`radius: "${options.radius}"`);
 
 
 	options.radius && (stra += `radius: "${options.radius}", \n`);
@@ -338,7 +267,6 @@ obj.pad && this.pad(obj.pad);
 	options.clipPath && (stra += `clipPath: "${options.clipPath}", \n`);
 
 
-
 // console.log("261");
 // console.warn(obj);
 	//----
@@ -400,16 +328,6 @@ obj.pad && this.pad(obj.pad);
 					}
 		
 					// Maybe just fill-in dynamically
-					/*let queries = [
-						{
-						  range: obj.gradient[1].range, // This is BLAST
-						  log: "blast"
-						},
-						{
-						  range:  obj.gradient[2].range, // This is GRADIENT
-						  log: "gradient"
-						}
-					  ];*/
 		
 		
 					  // Both only 600-650
@@ -418,15 +336,12 @@ obj.pad && this.pad(obj.pad);
 		
 		
 					  // REDUNDANT?????
-					  // window.addEventListener("resize", () => this.react(arr));
 					  // console.log(arr);
 					 
 					
 					  // UNCOMMENT THIS !!!
-					//  this.protoReact(arr, this.options.id);
 				
 					//console.warn("CALLINGA BETA REACT");
-					// this.betaReact(arr, this.options.id);
 					this.chainReact(arr, this.options.id);
 
 		
@@ -473,10 +388,6 @@ obj.pad && this.pad(obj.pad);
 			ft = ft.filter(el => el != undefined);
 
 
-
-
-		//	let arr = [];
-
 			for (var i = 0; i < ft.length; i++){
 				// console.log("Hello");
 				arr.push({
@@ -492,34 +403,27 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-
 	setID(id){
 		this.res.setAttribute("id", id);
 		return this;
 	}
 
 
-
-
 	opacity(value){
 		this.res.style.opacity = `${value}`;
 		return this;
 	}
 
 
-
-
 	setArea(area){
 		this.res.style.gridArea = area;
 		return this;
 	}
 
 
-
 	setGrid(){
 		this.res.style.gridRow = "span 2";
 		this.res.style.gridColumn= "span 3";
-		//this.res.style.gridColumn = "span 3";
 		return this;
 	}
 
@@ -574,8 +478,6 @@ obj.pad && this.pad(obj.pad);
     }
 
 
-
-
 	mobileWidth(){
 		let query = window.matchMedia("(max-device-width: 415px)");
 		if (query.matches){
@@ -587,23 +489,14 @@ obj.pad && this.pad(obj.pad);
 	}
 	
 
-	/*
-	if (type == "exact" || type == "uncover"){
-			this.image(this.url, mode);
-		} else {
-			this.setup();
-		}
-	*/
 	image(url, mode, type, vtn, gcs){
 		//alert(gcs);
 		//alert(mode);
 		//alert(value);
-		// this.el = null;
 		let query = window.matchMedia("(max-device-width: 415px)");
 		let back = document.createElement("div");
 		//alert(vtn);
 		back.style.viewTransitionName = vtn;
-		//back.style.backgroundColor = "#ecf0f1";
 		back.style.width = "100%";
 		back.style.height = this.options.height ? this.options.height : "400px";
 
@@ -621,7 +514,6 @@ obj.pad && this.pad(obj.pad);
 		
 		back.style.backgroundImage = `url(${url})`;
 		back.style.backgroundPosition = "center center";
-       // back.style.backgroundRepeatX = "no-repeat";
          back.style.backgroundRepeat = "no-repeat";
        
 		 back.style.backgroundSize = "cover";
@@ -631,12 +523,6 @@ obj.pad && this.pad(obj.pad);
 			
             back.style.backgroundSize = "contain";
         }
-		/*back.style.backgroundSize = "cover";
-
-		
-		if (this.options.cover === false){
-			back.style.backgroundSize = "";
-		}*/
         
         if (mode === "contain"){
 			//alert("J")
@@ -644,21 +530,15 @@ obj.pad && this.pad(obj.pad);
         }
         
         
-		//back.style.borderTopLeftRadius = `${value}px`;
-		//back.style.borderTopRightRadius = `${value}px`;
 	
 		this.res = back;
 		return this;	
 	}
 
 
-
-
-
 	setup() {
 		let img = document.createElement("img");
 	    img.style.width = "100%";
-		//img.style.height = "auto";
 		img.src = this.url;
 		this.res = img;
 
@@ -667,7 +547,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-
 	float(dir){
 		this.res.style.float = `${dir}`;
 		return this;
@@ -693,8 +572,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-
-
 	expand(obj){
 
 
@@ -705,7 +582,6 @@ obj.pad && this.pad(obj.pad);
 		const convert = (value) => {
 
 
-
 			var convertedValue = value;
 
 			if ((value.includes("%")) || value.includes("px")){
@@ -714,7 +590,6 @@ obj.pad && this.pad(obj.pad);
 			}
 
 
-
 			if (value.includes("%")){
 				return Number(convertedValue / 100 * window.innerWidth);
 			}
@@ -759,21 +634,6 @@ if (mqa.matches){
 		return this;
 	}
 	
-	/*center(w){
-		
-		
-		const adj = () => {
-			if (this.res.style.width != 0){
-			let count = window.innerWidth / 2 - (((w * window.innerWidth) / 100) / 2);
-			this.res.style.marginLeft = `${count}px`;
-		}
-		}
-		
-		
-		adj();
-		window.onresize = adj();
-		return this;
-	}*/
 	
 	width(w){
 		 this.res.style.width = w;
@@ -829,7 +689,6 @@ if (mqa.matches){
 	}
 
 
-
 	
 	
 	
@@ -869,20 +728,6 @@ svg.style.display = "block";
 svg.style.width = "100%";
 svg.style.height = "100%";
 svg.style.overflow = "visible";
-//this.res.style.position = "absolute";
-
-/*
- let path = document.createElementNS("http://www.w3.org/2000/svg", "path");
- path.setAttribute("d", pathData);
- path.setAttribute("fill", "none");
- path.setAttribute("stroke", "black");
- path.setAttribute("stroke-width", "7");
- path.setAttribute("viewBox", "0 0 700 700");
- path.setAttribute("preserveAspectRatio", "xMidYMid meet");
-
- svg.appendChild(path);
- 
-document.body.appendChild(svg);*/
 
 
         return this;
@@ -890,12 +735,8 @@ document.body.appendChild(svg);*/
 
 	render(el) {
 		let ela = this.res;//document.createElement("div");
-		//ela.style.overflowX = "hidden";
-		//ela.style.overflowY = "hidden";
-		//ela.appendChild(this.res); // cannot move while loading
 		// apply to every element maybe through the 
 
-	//	let ela = this.res;
 
 		if (el) {
 			document.querySelector(el).appendChild(/*this.res*/ ela);

package/layout/index.js

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