nodality 1.0.218 → 1.0.220

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -18,11 +18,6 @@ class Link extends Animator {
 		this.html = [];
 
 	//	alert(link);
-		/*if (text != undefined && link != undefined){
-			this.code.push(`\n new Link("${text}", `,`"${link}")`);
-		} else {
-			this.code.push("\n new Link()");
-		}*/
 		// // // console.log(link); // 
 		
 		this.res = null;
@@ -30,28 +25,6 @@ class Link extends Animator {
 		this.setup();
 		this.inlineBlock(); // auto set ??
 
-/*
-		this.res.addEventListener("click", (e) => {
-  const url = this.link || this.res.getAttribute("href");
-  if (!url) return;
-
-  const isExternal = /^https?:\/\//i.test(url);
-  const isAnchor = url.startsWith("#");
-
-  if (isExternal || isAnchor || url.endsWith(".html")) {
-    // Always let browser handle these
-    return;
-  }
-
-  // Otherwise SPA routing
-  e.preventDefault();
-  if ("navigation" in window) {
-    navigation.navigate(url);
-  } else {
-    history.pushState({}, "", url);
-    document.dispatchEvent(new PopStateEvent("popstate"));
-  }
-});*/
 
 this.res.addEventListener("click", (e) => {
       const raw = this.link || this.res.getAttribute("href");
@@ -60,13 +33,6 @@ this.res.addEventListener("click", (e) => {
       // ✅ normalize again just in case
       const url = new URL(raw, window.location.href).href;
 
-    /*  const isExternal = /^https?:\/\//i.test(url);
-      const isAnchor = url.startsWith("#");
-
-      if (isExternal || isAnchor || url.endsWith(".html")) {
-        // ✅ Let browser do a full navigation
-        return;
-      }*/
 
 const isExternal = /^https?:\/\//i.test(url);
 const isAnchor = url.startsWith("#");
@@ -90,45 +56,6 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
 	
 
 
-		/* this.res.addEventListener("click", (e) => {
-    
-		const url = this.link || this.res.getAttribute("href");
-  if (!url) return;
-
-  const isExternal = /^https?:\/\//i.test(url);
-  const isAnchor = url.startsWith("#");
-
-  if (isExternal) {
-    // 🌍 External full URL → let browser handle it normally
-    return;
-  }
-
-  if (isAnchor) {
-    // 🔗 Anchor (#section) → let browser scroll to it
-    return;
-  }
-
-  // At this point it’s a relative or root path (e.g. "/about" or "about.html")
-  const isHTMLFile = url.endsWith(".html");
-
-  if (isHTMLFile) {
-    // 📄 Normal multipage HTML site → let browser load it
-    return;
-  }
-
-  // 🚫 Otherwise → treat as SPA route
-  e.preventDefault();
-
-  if ("navigation" in window) {
-    navigation.navigate(url);
-  } else {
-    history.pushState({}, "", url);
-    document.dispatchEvent(new PopStateEvent("popstate"));
-  }
-
-    });*/
-
-
 	}
 
 	toCSS(){
@@ -141,10 +68,8 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
 
 	toElCSS(){
 		this.preffersId ? this.elCSS.unshift(this.res.id + " { \n") : (this.elCSS.unshift("." + this.class + " { \n"));
-		//this.elCSS.unshift(this.res.id + " { \n");
 		this.elCSS.push(" } \n \n");
 		// // console.warn("OI")
-		// // console.log(this.elCSS);
 		return this.elCSS; 
 	}
 
@@ -166,21 +91,15 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
 			.replace(/"([^"]+)":/g, '$1:');
 
         return [`new Link().set(${objString})`];
-		//return this.code; // 120646 ovewrite 25/03
 	}
 
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
+
 	
 	setup(){
 		let el = document.createElement("a");
 		el.setAttribute("href", this.link);
 		el.style.textDecoration = "none";
-		//el.style.fontWeight = "bold";
 		el.style.color = "black";
-		//el.style.textAlign = "center";
 		el.style.fontFamily = "Arial";
 		
 		var text = document.createTextNode(this.text);
@@ -197,16 +116,6 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
 
 	appendImageAsChild(options, margin){
 
-		/*
-		let link = document.createElement("a");
-link.setAttribute("href", "https://www.apple.com");
-let img = document.createElement("img");
-img.setAttribute("src", "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQFitX60XAzA1Cd8koHUgjCfMgCyxokZvYCybdzac6w&s");
-link.appendChild(img);
-
-document.body.appendChild(link);
-
-		*/
 
 // // console.log(options);
 
@@ -229,9 +138,6 @@ document.body.appendChild(link);
 		}
 
 
-		//this.res.style.fontSize = "8rem";
-
-
 		
 		// Clears styles
 		this.res = link; // 10:00:39
@@ -265,16 +171,10 @@ document.body.appendChild(link);
 		const modifiedJSON = jsonString.replace(/"([^"]+)":/g, '$1:');
 		return modifiedJSON;
 	  }
-	  
 
 
-	onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	}
 
 	set(obj){ // make it like I would like it
-// `1px solid ${this.blastData.color}
 
 // push at all times
 true && (this.elCSS.push(`text-decoration: none; \n`));
@@ -284,9 +184,6 @@ let stra = "";
 
 obj.onTap && this.onTap(obj.onTap);
 
-//obj.isHidden && this.isHidden(obj.isHidden);
-
-//obj.exact && (this.res.style.fontSize = obj.exact);
 
 obj.tags && super.setTags(obj.tags); // Has to be in both
 
@@ -297,22 +194,10 @@ this.commonMethods(obj);
 
 obj.flex && (this.res.style.display = "flex");
 
-//obj.pad && this.pad(obj.pad);
 
 //@ fixMobileTap: Suppress the mobile tap highlight and its 300ms delay.
 obj.fixMobileTap && this.fixMobileTap(obj.fixMobileTap);
 
-//obj.resprop && this.resprop(obj.resprop);
-
-/*
-
-const mapped = sides.map(x => `"${x}"`).join(", ");
-		obj.arrayPadding && this.arrayPadding(obj.arrayPadding.sides, obj.arrayPadding.value);
-		//obj.arrayPadding && this.arrayPadding(obj.arrayMargin.sides, obj.arrayMargin.value);
-		obj.arrayPadding && (stra += this.spacingCode("pad", obj.arrayPadding.sides, obj.arrayPadding.value));
-*/
-
-
 
 let rempad = this.removeQuotesFromFirstWord(JSON.stringify(obj.pad));
 obj.pad && (stra += `\n pad: ${rempad},`);
@@ -329,8 +214,6 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 			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},`;
@@ -357,17 +240,8 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 	   obj.fluidc && this.fluidCopy(obj.fluidc);
 		obj.fluidc && (stra += `\n fluidc: "${obj.fluidc}",`);
 
-	//	obj.size && this.fluidCopy(obj.size);
 	//	obj.size && (stra += `\n size: "${obj.size}",`);
 
-		/*if (obj.fluidc === "S6") {
-			obj.fluidc && (this.elCSS.push(`font-size: calc(1rem + 1.075vw); \n`));
-		} else {
-			obj.fluidc && (this.elCSS.push(`font-size: calc(1.625rem + 5.075vw); \n`));
-		}*/
-
-
-		// obj.fluidc && (this.elCSS.push(`font-size: calc(1.625rem + 5.075vw); \n`));
 
 		obj.clampc && this.clampCopy(obj.clampc);
 
@@ -393,15 +267,11 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 		obj.hover && (stra += `\n hover: ${stre},`);
 
 
-
-
 		
 	
-	//	obj.weight && (this.res.style.fontWeight = obj.weight);
 
 		obj.blast && (this.blastData = obj.blast);
 
-		//obj.bold && (this.res.style.fontWeight = "bold");
 		// Wasn't there !!!
 		obj.bold && (stra += `\n bold: ${obj.bold},`);
 
@@ -409,36 +279,19 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 		obj.block && this.toBlock();
 		obj.block && (stra += `\n block: ${obj.block},`);
 
-		//obj.border && this.border(obj);
 
-		//obj.radius && this.radius(obj.radius);
 		obj.radius && (stra += `\n radius: "${obj.radius}",`);
 
-	//	obj.width && this.width(obj.width);
 		obj.width && (stra += `\n width: "${obj.width}",`);
 
 		
-		//obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
 
 		obj.maxWidth && this.maxWidth(obj.maxWidth);
 		// // // console.log(obj.arrayMargin);
 
 
-
 		
 
-	/*	if ((obj.link !== undefined || obj.url !== undefined) && obj.text !== undefined){
-			this.link = obj.link;
-		   this.text = obj.text;
-			stra += `\n link: "${obj.link}",`;
-			stra += `\n text: "${obj.text}",`;
-			
-		obj.link && this.res.setAttribute("href", obj.link);
-		// // // console.log(obj.link);
-
-		obj.text && (this.res.textContent = obj.text);
-
-		}*/
 
 		obj.url && this.res.setAttribute("href", obj.url);
 		stra += `\n url: "${obj.url}",`;
@@ -446,7 +299,6 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 		obj.text && (this.res.textContent = obj.text);
 		stra += `\n text: "${obj.text}",`;
 
-		//this.text = obj.text;
 		
 		// stra += `\n text: "${obj.text}",`;
 
@@ -508,7 +360,6 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 			(stra += `\n blast: ${stringified},`);
 		}
 
-		//if obj.keySet && this.keySet(obj.keySet); 
 		//obj.keySet && (stra += `\n keySet: ${stringified},`);
 
 		let str = `new Link().set({${stra}}) \n`;
@@ -517,7 +368,6 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 		obj.color && this.color(obj.color);
 
 
-
   //@ rounded: Apply the default corner radius. Use `radius` for a specific value.
 		obj.rounded && this.round();
 
@@ -535,54 +385,13 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 
 	
 // 504-711 REACT ON TRANSFORM
-/*
-if (obj.transform && obj.transform.transform){
-	this.reactOnTransform(obj.transform);
-} else {
-	this.reactOnTransform(obj);
-}*/
 
 obj.transform && this.reactOnTransform(obj.transform);
 
 
-
 	
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 	let arr = [];
 	// // console.log("....obj");
 
@@ -616,16 +425,6 @@ if (ft.length > 0){
 			}
 
 
-	//	let arr = [];
-
-		/*for (var i = 0; i < ft.length; i++){
-			// // console.log("Linkello");
-			arr.push({
-				range: ft[i].range,
-				log: ft[i].op.name
-			});
-		}*/
-
 		// // console.log("LATA")
 		// // console.log(ft);
 		// // console.log(obj.shadow);
@@ -643,7 +442,6 @@ if (ft.length > 0){
 		
 
 		// THIS GETS OWERWRITTEN
-		// this.res.style.border = "1Px solid orange";
 
 		//alert(obj.hover && obj.hover.border);
 		let keep = [];
@@ -663,19 +461,11 @@ if (ft.length > 0){
 			// alert("PP")
 			keep.push("animation");
 			
-			//this.res.style.opacity = 0.3;
 		}
 
-		/*if (obj.animationSimple){
-			// alert("PP")
-			keep.push("animationSimple");
-			
-			//this.res.style.opacity = 0.3;
-		}*/
  // alert(obj.id);
 // obj.id is undefined why ???
 
-// alert(this.options.id); undef.
 		// it isn't in ID
 
 		// // console.log("Keeper");
@@ -689,12 +479,10 @@ if (ft.length > 0){
 	}
 
 
-
 	
 
 
 		// 211518 you know howf
-	// obj.mar && this.mar(obj.mar); // has to be here
 	
 	//---
 
@@ -709,10 +497,7 @@ if (ft.length > 0){
   		 this.res.style.position = "relative";      // create stacking context
 	}
 
-	color(e){
-		this.res.style.color = e;
-		return this;
-	}
+
 
 	maxWidth(mw){
 		this.res.style.maxWidth = mw;  // 121339 in flex
@@ -807,7 +592,6 @@ if (ft.length > 0){
         }
 
 
-
 		const display6 = "calc(1rem + 0.5vw)"; // calc(1rem + 1.2vw)
         
         if (name === "S6"){
@@ -838,11 +622,6 @@ if (ft.length > 0){
 		return this;
 	}
 	
-	/*background(color){
-		//this.res.style.padding = "1em";
-		this.res.style.backgroundColor = color;
-		return this;
-	}*/
 
 
 	newWindow() {
@@ -854,10 +633,8 @@ if (ft.length > 0){
 	 * Corner radius. A number is pixels; a string is passed through, so
 	 * `radius("50%")` and `radius(12)` both work.
 	 */
-	radius(v) {
-		this.res.style.borderRadius = typeof v === "number" ? `${v}px` : v;
-		return this;
-	}
+
+
 
 	//@deprecated round: superseded by `radius()`, which is the same thing under the name the option already uses.
 	round(v) {
@@ -866,32 +643,9 @@ if (ft.length > 0){
 	}
 
 
-
-
-
  // 220812 la olympics 2028
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 	
 	
 	transition(duration){
@@ -899,11 +653,8 @@ if (ft.length > 0){
 		this.res.style.transionProperty = `background, color`;
 		return this;
 	}
-	
-	width(percentage){
-		this.res.style.width = percentage;
-		return this;
-	}
+
+
 
 	italic(){
 		this.res.style.fontStyle = "italic";
@@ -915,9 +666,6 @@ if (ft.length > 0){
     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 = '2rem';
@@ -939,22 +687,6 @@ if (ft.length > 0){
 
 	/**/
 	
-	/* hover(back, fore){
-		this.prevColor = this.res.style.backgroundColor;
-		this.foreColor = this.res.style.color;
-		
-		this.res.onmouseover = () => {
-			this.res.style.backgroundColor = `${back}`;
-			this.res.style.color = `${fore}`;
-		}
-		
-		this.res.onmouseout = () => {
-			this.res.style.backgroundColor = `${this.prevColor}`;
-			this.res.style.color = `${this.foreColor}`;
-		}
-		
-		return this;
-	} */
     
    
     
@@ -980,7 +712,6 @@ if (ft.length > 0){
 		
 	
 		res();
-	//	window.onresize = res();
 		
 	
 		
@@ -999,12 +730,7 @@ if (ft.length > 0){
 	
 	
 	render(div){
-		// this.code.push("})");
-
-		/*if (this.options.id){
-			this.res.setAttribute("id", this.options.id);
 
-		}*/
 		
 
 		if (div){

package/layout/list.js

@@ -1,11 +1,9 @@
 /*!
- * nodality v1.0.218
+ * nodality v1.0.220
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
 // 13:28 07/04/2020 - BEGIN NOTHING GONNA STOP US NOW  Lets go!
 class List {
 	constructor() {
@@ -25,7 +23,6 @@ class List {
 		this.wrapper.style.margin = 0;
 		this.wrapCopy = this.wrapper;
 		this.tasks = {};
-	//	var copy = this.tasks;
 		return this;
 	}
 
@@ -81,9 +78,6 @@ class List {
 		var me = this;
 		return new Proxy(a, {
 			get(target, property, receiver) { // GETTER FIRES THIS BEFORE WE GET DATA USING (this.items.push())
-				/*
-				me.itemso = a[property].map(t => String(t));
-				return a[property];*/
 
 				return a[property];
 			},
@@ -103,7 +97,6 @@ class List {
 }
 
 
-
 class Cell {
 	constructor(){
 		this.res = null;

package/layout/meta-adder.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 MetaAdder{
     constructor(){ 
         this.res = document.createElement("meta");

package/layout/modal-2025.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 Modal {
     constructor(){
         this.el = null;
@@ -19,9 +16,7 @@ class Modal {
         el.style.width = "100vw";
         el.style.height = "100vh";
         el.style.backgroundColor = obj.background;//"rgba(70,157,115,0.8)";
-       // el.style.backgroundColor = "#3498db";
         el.style.zIndex = "1";
-        //el.style.opacity = 0.90;
         el.style.position = "absolute";
         el.style.overflowY = "scroll";
       
@@ -67,27 +62,10 @@ class Modal {
         }
 
         
-       /* el.style.marginTop = "60px";
-        el.style.width = this.obj.width; //"60%";
-        el.style.height = "auto";
-        el.style.marginLeft = "auto";
-        el.style.marginRight = "auto";
-        el.style.backgroundColor = "white"; // "#3498db";
-        el.style.opacity = 1.0;
-        el.style.zIndex = "2";
-        el.style.borderRadius = "16px";
-        el.style.overflow = "hidden"; // User wrapper instead of this?
-     */
      
      
-        //  el.style.padding = "2em";
         
         
-      /*  let mq = window.matchMedia("(max-device-width: 415px)");
-        if (mq.matches){
-            el.style.marginTop = "200px";
-             el.style.width = "100%";
-        }*/
             
         
        
@@ -100,12 +78,6 @@ class Modal {
         
           this.res.appendChild(el);
         
-      /*  let inner = new Text("WOW");
-       let ren = inner.render();
-        ren.style.zIndex = "2";
-        
-        this.res.appendChild(ren);
-        */
         
         
         
@@ -129,19 +101,4 @@ render(el) {
 }
 
 
-
-
-
-// var firstLong = "Mount Everest is Earth's highest mountain above sea level, located in the Mahalangur Himal sub-range of the Himalayas. The China–Nepal border runs across its summit point. Its elevation (snow height) of 8,848.86 m (29,031.7 ft) was most recently established in 2020 by the Nepali and Chinese authorities. Mount Everest attracts many climbers, including highly experienced mountaineers. There are two main climbing routes, one approaching the summit from the southeast in Nepal (known as the standard route) and the other from the north in Tibet. While not posing substantial technical climbing challenges on the standard route, Everest presents dangers such as altitude sickness, weather, and wind, as well as significant hazards from avalanches and the Khumbu Icefall. As of 2019, over 300 people have died on Everest, many of whose bodies remain on the mountain.";
-
-
-// var secondLong = "Mount Everest (Chinese: 珠穆朗玛 Zhūmùlǎngmǎ; Nepali: सगरमाथा, romanized: Sagarmāthā; Tibetan: Chomolungma ཇོ་མོ་གླང་མ) is Earth's highest mountain above sea level, located in the Mahalangur Himal sub-range of the Himalayas. The China–Nepal border runs across its summit point. Its elevation (snow height) of 8,848.86 m (29,031.7 ft) was most recently established in 2020 by the Nepali and Chinese authorities. Mount Everest attracts many climbers, including highly experienced mountaineers. There are two main climbing routes, one approaching the summit from the southeast in Nepal (known as the standard route) and the other from the north in Tibet. While not posing substantial technical climbing challenges on the standard route, Everest presents dangers such as altitude sickness, weather, and wind, as well as significant hazards from avalanches and the Khumbu Icefall. As of 2019, over 300 people have died on Everest, many of whose bodies remain on the mountain. The first recorded efforts to reach Everest's summit were made by British mountaineers. As Nepal did not allow foreigners to enter the country at the time, the British made several attempts on the north ridge route from the Tibetan side. After the first reconnaissance expedition by the British in 1921 reached 7,000 m (22,970 ft) on the North Col, the 1922 expedition pushed the north ridge route up to 8,320 m (27,300 ft), marking the first time a human had climbed above 8,000 m (26,247 ft). The 1924 expedition resulted in one of the greatest mysteries on Everest to this day: George Mallory and Andrew Irvine made a final summit attempt on 8 June but never returned, sparking debate as to whether or not they were the first to reach the top. Tenzing Norgay and Edmund Hillary made the first official ascent of Everest in 1953, using the southeast ridge route. Norgay had reached 8,595 m (28,199 ft) the previous year as a member of the 1952 Swiss expedition. The Chinese mountaineering team of Wang Fuzhou, Gonpo, and Qu Yinhua made the first reported ascent of the peak from the north ridge on 25 May 1960.";
-
-
-
-
-
-
-
-
 export { Modal };