nodality 1.0.215 → 1.0.217

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -27,21 +27,6 @@ class Text extends Animator {
 
 
 
-	flexOne(){
-		this.res.style.flex = "1";
-		return this;
-	}
-
-
-
-
-
-	// Just for visual 
-	setGridWithoutCode(){
-		this.res.style.border = "1px solid white";
-		return this;
-	}
-
 	
 
 
@@ -51,16 +36,6 @@ class Text extends Animator {
 	}
 
 
-	
-
-
-	toCodea(){ // 163953
-		if (this.excludeFromCodeTrue){
-			// this.code = ["new Text('').set({})"];
-			this.code = [""];
-		}
-		return this.code;
-	}
 
 	toCode(){
 		if (this.excludeFromCodeTrue){
@@ -108,118 +83,8 @@ class Text extends Animator {
 
 		return "HTMLParagraphElement";
 	}
-	
-
-
-	gradientOptions(optsa) {
-
-		//// console.log(optsa);
-		if (optsa.length === 0) {
-			return this;
-		}
-
-		const opts = optsa.filter(el => el.op.name === "gradient")[0];
-		// Work here in Berlin ----------------------------
-
-		//// console.log(opts);
-		if (opts === undefined) {
-			return this;
-		}
-
-		const options = opts.op;
-		const breakpoint = opts.point;
-
-		if (breakpoint) {
-			//// console.log(breakpoint);
-
-			const check = () => {
-				// 22:59:59 Yes!!!
-				// 02/10/23
-			//	let matches = window.matchMedia(`(max-width: ${opts.point})`).matches;
-			let matches = window.matchMedia(`(min-width: ${opts.range[0]}) and (max-width: ${opts.range[1]})`).matches;
-				if (matches) {
-				//	// console.log(this.res.style.color.toString());
-					//	alert();
-
-					this.prevBackground = this.res.style.color.toString();
-					this.res.style.background = options.gradient; //`linear-gradient(to right, ${color1}, ${color2})`;
-					this.res.style.WebkitBackgroundClip = 'text';
-				}/* else {
-				//	this.res.style['-webkit-text-fill-color'] = 'transparent';
-//alert("O")
-					// Do not remove stroke, after gradient disappears here
-					
-				//	alert("Hello");
-					// console.log(this.res.style.color.toString());
-					//this.res.style.color = "transparent"; //this.prevBackground;
-					//this.res.style['-webkit-text-stroke'] = `1px orange`;
-					// 17:53:44 Nice!
-				}*/
-			}
-
-			check();
-			window.addEventListener("resize", check);
-		} 
-	}
-
 
-	strokeOptions(optsa) { // 22:55:04 21/08/23
-
-		// console.log(optsa);
-		if (optsa.length === 0) {
-			return this;
-		}
-
-		const opts = optsa.filter(el => el.op.name === "blast")[0];
-		// Work here in Berlin ----------------------------
-
-		if (opts === undefined) {
-			return this;
-		}
-		const options = opts.op;
-		const breakpoint = opts.point;
-
-		if (breakpoint) {
-		//	// console.log(breakpoint);
-
-			const check = () => {
-
-			//	let matches = window.matchMedia(`(max-width: ${opts.point})`).matches;
-
-			let matches = window.matchMedia(`(min-width: ${opts.range[0]}) and (max-width: ${opts.range[1]})`).matches;
-				if (matches) {
-
-					// console.log(opts);
-					if (options.color) {
-						this.res.style['-webkit-text-stroke'] = `${options.width ? options.width : "1px"} ${options.color}`;
-					} else {
-						this.res.style['-webkit-text-stroke'] = `1px orange`;
-					}
-					
-					// Not working, gradient modifier prevents this
-					this.res.style['-webkit-text-fill-color'] = 'transparent';
-				} /*else {
-					//this.res.style.color = "transparent";
-					//this.res.style['-webkit-text-fill-color'] = 'transparent';
-					//alert("removes stroke")
-					//this.res.style['-webkit-text-stroke'] = "";
-					this.res.style['-webkit-text-fill-color'] = ""; // ""
-					// 17:53:44 Nice!
-				}*/
-			}
 
-			check();
-			window.addEventListener("resize", check);
-		} else {
-			// console.log(opts);
-			if (options.color) {
-				this.res.style['-webkit-text-stroke'] = `${options.width ? options.width : "1px"} ${options.color}`;
-			} /*else if (this.options.color){
-		this.res.style['-webkit-text-stroke'] = `1px ${this.options.color}`;
-	}*/
-			this.res.style['-webkit-text-fill-color'] = 'transparent';
-		}
-	}
 	// 11:10:22
 
 	// 22:56:40 yes!
@@ -235,22 +100,8 @@ class Text extends Animator {
 		return this;
 		// 235326 02/03/23
 	}
-	
-	rowCol(row, col){
-		this.res.style.gridRow = row;
-		this.res.style.gridColumn = col;
-		return this;
-	}
 
-	setGridRow(row){
-		this.res.style.gridRow = row;
-		return this;
-	}
 
-	setGridCol(col){
-		this.res.style.gridColumn = col;
-		return this;
-	}
 
 	toHTML(){
 		return this.res;
@@ -267,22 +118,7 @@ class Text extends Animator {
 		return this;
 	}
 
-	setRandom(){
 
-		
-    var result = "LAYOUT-";
-    var chars =  "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-    
-    for (var i = 90; i > 0; --i) {
-        result += chars[Math.floor(Math.random() * chars.length)];
-    }
-
-    result += new Date().getTime();
-	this.res.setAttribute("class", result);
-
-    return this;
-
-	}
 
 	styled(obj) {
 		this.set(obj);
@@ -575,108 +411,6 @@ addIcon(obj){
 }
 
 
-checkForAnimation(queries){
-
-	// Sort the queries based on the starting range value in ascending order
-	queries.sort((a, b) => parseInt(a.range[0]) - parseInt(b.range[0]));
-
-	const screenSize = window.innerWidth;
-
-	for (const query of queries) {
-	const [startRange, endRange] = query.range;
-		const startSize = parseInt(startRange);
-		const endSize = parseInt(endRange);
-  
-		if (screenSize >= startSize && screenSize <= endSize) {
-			if (query.log === "animation"){ // 23:18:48 Nice!!! 31/10/2023
-
-				// Create a keyframes object
-				const keyframes = [
-					{ opacity: 0, transform: 'translateY(100px)' }, // Starting position
-					{ opacity: 1, transform: 'translateY(0)' } // Ending position
-				];
-	
-			this.res.animate(keyframes, {
-				duration: 1000, // Animation duration in milliseconds
-				easing: 'ease' // Easing function
-			});
-		}
-		
-		}
-	}
-}
-
-
-
-
-	// Do reset text, even when ranges may overlap
-	// reset all => apply relevant, => .....
-
-
-
-	resetSmall(){ // reset to default properties, allow overlaps
-		//this.res.style.color = "gray";
-		this.res.style['-webkit-text-stroke'] = "";
-		this.res.style['-webkit-text-fill-color'] = "";
-	}
-
-
-	resetGradient(){
-		this.res.style.WebkitBackgroundClip = "text";
-		this.res.style.background = "transparent";
-		return this;
-	}
-
-
-	resetStroke(){ // was commented out
-		this.res.style['-webkit-text-stroke'] = "";
-		this.res.style['-webkit-text-fill-color'] = "";
-	//	this.res.style.color = "orange";
-
-		//this.res.style['-webkit-text-stroke'] = "3px yellow";
-		//this.res.style['-webkit-text-fill-color'] = "transparent";
-		//this.res.style.color = "orange";
-	}
-
-	innerStroke(options){
-		if (options.color) {
-			this.res.style['-webkit-text-stroke'] = `${options.width ? options.width : "1px"} ${options.color}`;
-		} else {
-			this.res.style['-webkit-text-stroke'] = `1px orange`;
-		}
-		
-		// Not working, gradient modifier prevents this
-		this.res.style['-webkit-text-fill-color'] = 'transparent';
-	}
-
-
-	innerGradient(options){
-
-		//// console.log(options.gradient);
-		//alert(options.gradient);
-	//	this.res.style['-webkit-text-fill-color'] = '';
-		this.res.style.background = `linear-gradient(45deg, #ff0000, #00ff00)`;//options.gradient;
-		this.res.style['-webkit-background-clip'] = 'text';
-		//	this.res.style.WebkitBackgroundClip = 'text';
-		//this.res.style.color = "transparent";
-		// // console.log(options);
-		
-		/*this.prevBackground = this.res.style.color.toString();
-					this.res.style.background = options.gradient; //`linear-gradient(to right, ${color1}, ${color2})`;
-					this.res.style.WebkitBackgroundClip = 'text';*/
-
-					//this.res.style.color = "green";
-
-		
-	}
-
-    
-	clampExperiment(){
-
-		this.res.style.fontSize = "clamp(1rem, calc(1rem * 10rem), 3rem)";
-		// this.res.style.fontSize = "clamp(1.125rem, calc(1.125rem + (1.25 - 1.125) * ((100vw - 20rem) / (96 - 20))), 1.25rem)"; // "clamp(1rem, 4rem * 20vw, 7rem)";
-		return this;
-	}
     
     
 	/*
@@ -749,38 +483,6 @@ checkForAnimation(queries){
     }
 
 
-
-	betweenCopy(name){
-        
-        
-        if (name === "S1"){
-             this.res.style.fontSize = "clamp(2rem, 8vw, 2.5rem)";
-        }
-        
-        if (name === "S2"){
-             this.res.style.fontSize = "clamp(4rem, 8vw, 5rem)";
-        }
-        
-        if (name === "S3"){
-             this.res.style.fontSize = "clamp(2rem, 5vw, 2.5rem)";
-        }
-
-
-		if (name === "S4"){
-			this.res.style.fontSize = "clamp(1.5rem, 2vw, 1.6rem)";
-	   }
-        
-         if (name === "S5"){
-             this.res.style.fontSize = "clamp(1.2rem, 2vw, 1.3rem)";
-        }
-
-		if (name === "S6"){
-			this.res.style.fontSize = "clamp(1rem, 2vw, 1.3rem)";
-	   }
-		
-        
-        return this;
-    }
     
     
      stringGen(len) {
@@ -814,41 +516,7 @@ checkForAnimation(queries){
         return this;
     }
 
-
-
-	
-
-
-	constant(name){
-		const display1 = "1.625rem";
-        
-        if (name === "S1"){
-            this.jumbotron();
-        }
-
-        if (name === "S2"){
-             this.large();
-        }
-        
-        if (name === "S3"){
-             this.medium();
-        }
-
-		/*const display4= "1.200rem";
-        
-        if (name === "S4"){
-             this.res.style.fontSize = display4;
-        }
-
-		const display5= "1.000rem";
-        
-        if (name === "S5"){
-             this.res.style.fontSize = display5;
-        }
-*/
-
-		return this;
-	} 
+ 
     
 
 	minusMargin(){
@@ -951,137 +619,7 @@ checkForAnimation(queries){
 		return this;
 	}
 
-	/*fluidCopy(name){
-
 
-		if (name instanceof Object){
-			this.prevStylex = this.res.style;
-			this.res = document.createElement("h1");
-			this.res.style.cssText = this.prevStylex.cssText;
-			let node = document.createTextNode(this.text);
-			this.res.appendChild(node);
-             this.res.style.fontSize = name.exact;
-
-			 // alert(name.exact);
- 
-			return this;
-		}
-        
-        const display1 = "calc(1.625rem + 5.075vw)";
-        
-        if (name === "S1"){
-			this.prevStylex = this.res.style;
-			this.res = document.createElement("h1");
-			this.res.style.cssText = this.prevStylex.cssText;
-			let node = document.createTextNode(this.text);
-			this.res.appendChild(node);
-             this.res.style.fontSize = display1;
-
-			
-		
-        }
-         
-        const display2 = "calc(1.500rem + 4.3vw)";
-        
-        if (name === "S2"){
-			this.prevStylex = this.res.style;
-			this.res = document.createElement("h2");
-			this.res.style.cssText = this.prevStylex.cssText;
-			let node = document.createTextNode(this.text);
-			this.res.appendChild(node);
-             this.res.style.fontSize = display2;
-        }
-        
-        
-        const display3 = "calc(1.375rem + 3.525vw)";
-        
-        if (name === "S3"){
-			this.prevStylex = this.res.style;
-			this.res = document.createElement("h3");
-			this.res.style.cssText = this.prevStylex.cssText;
-			let node = document.createTextNode(this.text);
-			this.res.appendChild(node);
-             this.res.style.fontSize = display3;
-        }
-
-		const display4 = "calc(1.250rem + 2.75vw)";
-        
-        if (name === "S4"){
-			this.prevStylex = this.res.style;
-			this.res = document.createElement("h4");
-			this.res.style.cssText = this.prevStylex.cssText;
-			let node = document.createTextNode(this.text);
-			this.res.appendChild(node);
-             this.res.style.fontSize = display4;
-        }
-
-		const display5 = "calc(1.125rem + 1.975vw)";
-        
-        if (name === "S5"){
-			this.prevStylex = this.res.style;
-			this.res = document.createElement("h5");
-			this.res.style.cssText = this.prevStylex.cssText;
-			let node = document.createTextNode(this.text);
-			this.res.appendChild(node);
-            this.res.style.fontSize = display5;
-        }
-
-
-
-		const display6 = "calc(1rem + 0.5vw)"; // calc(1rem + 1.2vw)
-        
-        if (name === "S6"){
-			if (this.options && this.options.preffersId === false){
-				this.html.push(`<p class="${this.options.class}">${this.text}</p> \n \n`);
-			 } else if (this.options && this.options.id) {
-				this.html.push(`<p id="${this.options.id.substr(1)}">${this.text}</p> \n \n`);
-			 }
-             this.res.style.fontSize = display6;
-        }
-        
-              return this;
-    }*/
-    
-    
-    toReactComponent(){
-		this.react.push("function Godzilla() { \n");
-		//if (this.options.preffersId === false){
-			this.react.push(`return <h1 class="${this.options.class}">${this.text}</h1> \n`);
-		// } else {
-		//	this.react.push(`return <h1 id="${this.options.id.substr(1)}">${this.text}</h1> \n`);
-		// }
-		 this.react.push("} \n \n");
-
-		// console.warn("i...")
-		// console.log(this.react.join(""));
-		return this.react;
-	}
-    
-    
-    
-    
-    
-
-
-
-	
-	
-	
-
-	myself(obj) {
-		const adj = () => {
-			let query = window.matchMedia("(max-device-width: 415px)");
-			if (query.matches) {
-				this.res.style.fontSize = obj.desktop;
-			} else {
-				this.res.style.fontSize = obj.phone;
-			}
-		}
-
-		adj();
-		window.addEventListener("resize", adj);
-		return this;
-	}
     
 
 	
@@ -1124,11 +662,7 @@ checkForAnimation(queries){
 		return this;
 	}
 
-	
-	
-	vw(val, o, maxMin){
-		
-	}
+
 	
 	
 	
@@ -1198,21 +732,8 @@ checkForAnimation(queries){
 		// this.res.style.fontSize = `calc(${base}px + 1vw)`;
 		return this;
 	}
-	
-	xlarge() {
-		const adj = () => {
-			let query = window.matchMedia("(max-device-width: 415px)");
-			if (query.matches) {
-				this.res.style.fontSize = '6.5rem';
-			} else {
-				this.res.style.fontSize = '8.5rem';
-			}
-		}
 
-		adj();
-		window.addEventListener("resize", adj);
-		return this;
-	}
+
 	
 	medium() {
 		const adj = () => {
@@ -1424,85 +945,7 @@ checkForAnimation(queries){
 		return this;
 	}
 
-	padding(L, T, R, B) {
-		if (L || T || R || B){ // CAUGHT MYSELF
-		this.res.style.paddingLeft = L;
-		this.res.style.paddingTop = T;
-		this.res.style.paddingRight = R;
-		this.res.style.paddingBottom = B;
-		} 
-		
-		if (!T && !R && !B){
-			//alert("j")
-		this.res.style.padding = L;	
-		}
-		
-		return this;
-	}
-	
 
-	
-	
-	
-	margin(L, T, R, B) {
-		if (L || T || R || B){ // CAUGHT MYSELF
-		this.res.style.marginLeft = L;
-		this.res.style.marginTop = T;
-		this.res.style.marginRight = R;
-		this.res.style.marginBottom = B;
-		} 
-		
-		if (!T && !R && !B){
-			// alert("j")
-		this.res.style.margin = L;	
-		}
-		
-		return this;
-	}
-	
-	
-	margin(direction, value){
-		if (direction == "top"){
-			this.res.style.marginTop = value;
-		} else if (direction == "bottom"){
-			this.res.style.marginBottom = value;
-		}else if (direction == "left"){
-			this.res.style.marginLeft = value;
-		}else if (direction == "right"){
-			this.res.style.marginRight = value;
-		}
-		
-		return this;
-	}
-
-	headline() {
-		this.em(4)
-		this.font("Arial")
-		this.bold()
-		return this;
-	}
-
-	caption() {
-		this.bold();
-		this.res.style.fontFamily = "Arial";
-		this.color("gray");
-		this.padding("top", 20);
-		
-		this.res.style.fontSize = "1em";
-		
-		// responsive font size
-		
-		let mq = window.matchMedia("(max-device-width: 415px)");
-		
-		if (mq.matches){
-		this.res.style.fontSize = "2em";
-		} else {
-		this.res.style.fontSize = "1em";
-		}	
-		
-		
-		return this;
-	}
 
 	updating(obj, key) {
 
@@ -1527,62 +970,6 @@ checkForAnimation(queries){
 
 	
 	
-	applyStyle(w, style){
-		
-	let query = window.matchMedia(`(max-width: ${w}px)`);
-		if (query.matches){
-		  Object.assign(this.res.style, style.styles);
-		}
-
-		// // console.log(style.styles);
-		return this;
-	}
-	
-	
-	
-	
-	
-	nextApply(arr){
-		let queries = [];
-		
-		let initStyle = this.res.style;
-		
-		const change = (query) => {
-			
-			if (queries[0].matches){
-				//alert("FIRST")
-				Object.assign(this.res.style, arr[0].styles);
-				// // console.log("FIRST !");
-			} else if (queries[1].matches){
-				//alert("SECOND")
-				Object.assign(this.res.style, arr[1].styles);
-				// // console.log("SECOND !");
-			} else {
-			//	alert("NO QUERY")
-				Object.assign(this.res.style, arr[arr.length - 1].styles);
-				// // console.log("NO MATCH !");
-			}
-		}
-		
-		
-		for (var i = 0; i < arr.length; i++) {
-			let el = arr[i];
-			
-			let query = window.matchMedia(`(min-width: ${el.min}px) and (max-width: ${el.max}px)`);
-			queries.push(query);
-			
-			queries[i].addListener(change)
-		}
-		
-		
-		change();
-		
-		
-		
-		return this;
-	}
-	
-	
 	
 	
 	apply(arr) {