nodality 1.0.218 → 1.0.220

package/layout/grid-switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (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.218
+ * nodality v1.0.220
  * (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.218
+ * nodality v1.0.220
  * (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.218
+ * nodality v1.0.220
  * (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,7 +39,6 @@ class Image extends Animator {
 	}
 
 
-
 	hand(){
 		this.res.style.cursor = "hand";
 		return this;
@@ -64,24 +46,10 @@ class Image extends Animator {
 
 
 
-
-	getHeight(){
-		// // console.log(this.res.height);
-		return this.res.height;
-	}
-
-	getWidth(){
-		// // console.log(this.res.width);
-		return this.res.width;
-	}
-
 	getType(){ // 114145 anchor
 		return "HTMLImageElement";
 	}
 
-	/*toCode(){
-		return this.code;
-	}*/
 
 	toCode() {
         // Capture the style properties applied to the image
@@ -118,10 +86,6 @@ let obj = options;
 		obj.onTap && this.onTap(obj.onTap);
 
 
-
-
-
-
 		let type = options.isFull;
 
 
@@ -160,34 +124,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 +141,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 +168,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 +180,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 +202,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 +211,6 @@ obj.pad && this.pad(obj.pad);
 			}
 
 		
-		//options.filter && (this.res.style.filter = options.filter);
 		
 
 	
@@ -291,7 +220,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 +241,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 +260,6 @@ obj.pad && this.pad(obj.pad);
 	options.clipPath && (stra += `clipPath: "${options.clipPath}", \n`);
 
 
-
 // console.log("261");
 // console.warn(obj);
 	//----
@@ -400,16 +321,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 +329,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);
 
 		
@@ -461,36 +369,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-	setFilter(filter){
-
-		// console.log("ABBAC------------");
-		// console.log(filter);
-		let arr = [];
-
-		let ft = [filter]//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
-				});
-			}
-
-			//alert(arr.length);
-
-			//this.protoReact(arr)
-	}
-
 
 
 	setID(id){
@@ -499,8 +377,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-
-
 	opacity(value){
 		this.res.style.opacity = `${value}`;
 		return this;
@@ -509,17 +385,9 @@ obj.pad && this.pad(obj.pad);
 
 
 
-	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;
 	}
 
@@ -539,27 +407,8 @@ obj.pad && this.pad(obj.pad);
 		this.res.setAttribute("class", name);
 		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;
-    }
+
+
 
 
 	onTap(e) {
@@ -574,8 +423,6 @@ obj.pad && this.pad(obj.pad);
     }
 
 
-
-
 	mobileWidth(){
 		let query = window.matchMedia("(max-device-width: 415px)");
 		if (query.matches){
@@ -587,23 +434,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 +459,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 +468,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 +475,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 +492,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-
 	float(dir){
 		this.res.style.float = `${dir}`;
 		return this;
@@ -693,8 +517,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-
-
 	expand(obj){
 
 
@@ -705,7 +527,6 @@ obj.pad && this.pad(obj.pad);
 		const convert = (value) => {
 
 
-
 			var convertedValue = value;
 
 			if ((value.includes("%")) || value.includes("px")){
@@ -714,7 +535,6 @@ obj.pad && this.pad(obj.pad);
 			}
 
 
-
 			if (value.includes("%")){
 				return Number(convertedValue / 100 * window.innerWidth);
 			}
@@ -759,21 +579,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 +634,6 @@ if (mqa.matches){
 	}
 
 
-
 	
 	
 	
@@ -869,20 +673,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 +680,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.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */