nodality 1.0.215 → 1.0.217

package/layout/footer.js

@@ -1,89 +0,0 @@
-/*!
- * nodality v1.0.215
- * (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 Footer {
-	constructor(text){
-		this.text = text;
-		this.ele = null;
-		this.setup();
-	}
-	
-	setup(){
-		let el = document.createElement("footer");
-		let node = document.createTextNode(this.text);
-		el.appendChild(node);
-		this.ele = el;
-		this.ele.style.padding = 0;
-		this.ele.style.margin = 0;
-		this.ele.style.textAlign = "center";
-		
-		this.padding(20);
-		this.bold();
-		this.ele.style.backgroundColor = "#ecf0f1";
-		return this;
-	}
-	
-	font(font){
-		this.ele.style.fontFamily = font;
-		return this;
-	}
-	
-	size(s){
-		this.ele.style.fontSize = s;
-		return this;
-	}
-	
-	em(e){
-		this.ele.style.fontSize = `${e}em`;
-		return this;
-	}
-	
-	color(color){
-		this.ele.style.color = color;
-		return this;
-	}
-	
-	weight(weight){
-		this.ele.style.fontWeight = weight;
-		return this;
-	}
-	
-	bold(){
-		this.ele.style.fontWeight = "bold";
-		return this;
-	}
-	
-	italic(){
-		this.ele.style.fontStyle = "italic";
-		return this;
-	}
-	
-	padding(val){
-		this.ele.style.padding = val;
-		return this;
-	}
-	
-	
-	margin(val){
-		this.ele.style.margin = val;
-		return this;
-	}
-	
-	render(div){
-		if (div){
-			document.querySelector(div).appendChild(this.ele);
-		} else {
-			return this.ele;
-		}	
-	}
-}
-	
-export { Footer };

package/layout/grid-new.js

@@ -1,301 +0,0 @@
-/*!
- * nodality v1.0.215
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
- class Modal {
-	constructor(){
-		this.el = null;
-		this.obj = null;
-	}
-	
-	setup(obj){
-		let el = document.createElement("div");
-		el.style.width = "100vw";
-		el.style.height = "160vh";
-		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";
-		el.style.display = "block";
-		
-		this.obj = obj;
-		this.res = el;
-		return this;
-	}
-
-	
-	
-	
-	
-	close(){
-		this.res.style.display = "none";
-		return this;
-	}
-	
-	show(){
-		 this.res.style.display = "block";
-		return this;
-	}
-	
-	
-	add(els){
-		
-		
-		
-		
-		let el = document.createElement("div");
-		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.padding = "2em";
-		
-		
-		let mq = window.matchMedia("(max-device-width: 415px)");
-		if (mq.matches){
-			el.style.marginTop = "200px";
-			 el.style.width = "100%";
-		}
-			
-		
-	   
-		for (var i = 0; i < els.length; i++){
-			el.appendChild(els[i].render());
-		}
-		
-		
-		
-		
-		  this.res.appendChild(el);
-		
-	  /*  let inner = new Text("WOW");
-	   let ren = inner.render();
-		ren.style.zIndex = "2";
-		
-		this.res.appendChild(ren);
-		*/
-		
-		
-		
-		return this;
-		
-	}
-	
-	
-   
-render(el) {
-	if (el) {
-		document.querySelector("body").style.margin = 0;
-		document.querySelector("body").style.padding = 0;
-		document.querySelector(el).appendChild(this.res);
-	} else {
-		return this.res;
-	}
-}
-	
-	
-}
-
-
-class GridNew {
-	constructor(frs, saveEl) {
-		this.saveEl = saveEl;
-		this.frs = frs;
-		this.res = null;
-		this.setup();
-	}
-
-	setup() {
-		let parent = document.createElement("div");
-		parent.setAttribute("id", "ABC34");
-		this.parent = parent;
-
-		let grid = document.createElement("div");
-		grid.style.margin = 0;
-		grid.style.padding = 0;
-		grid.style.display = "flex";
-		grid.style.flexWrap = "wrap";
-		
-		
-		/*
-		if (this.frs){
-			grid.style.gridTemplateColumns = Array(this.frs).fill("1fr").join(" ");
-		}
-		grid.style.gridTemplateColumns = "repeat(auto-fit, minmax(250px, 1fr))";
-		*/
-		this.res = grid;
-		return this;
-	}
-	
-	absolute(){
-		// this.res.style.position = "absolute";
-		return this;
-	}
-
-	setAreas(areas){
-		this.res.children[0].style.gridArea = "a";
-		this.res.children[1].style.gridArea = "b";
-		this.res.style.gridTemplateAreas = `"a a a b"`;
-		
-	
-		return this;
-	}
-
-	detailView(){
-		/*let detail = document.createElement("img");
-		
-		detail.setAttribute("src", "https://www.kasandbox.org/programming-images/animals/birds_rainbow-lorakeets.png");
-detail.style.width = "400px";
-detail.style.marginLeft = "auto";
-detail.style.marginRight = "auto";
-detail.style.position = "absolute";
-
-
-		detail.style.zIndex = 2;
-
-
-
-		this.parent.appendChild(detail);*/
-		this.parent.appendChild(this.res);
-		return this;
-
-	}
-
-
-
-
-	
-	stretchFit() {
-		this.res.style.height = "auto";
-		this.res.style.width = "100%";
-		return this;
-	}
-
-	size(w, h) {
-		if (w === "wide") {
-			this.res.style.width = "100%";
-		} else {
-			this.res.style.width = w;
-		}
-
-		if (h === "fit") {
-			this.res.style.height = "auto";
-		} else {
-			this.res.style.height = h;
-		}
-
-		return this;
-	}
-
-	border(){
-		this.res.style.border = "3px solid green";
-		return this;
-	}
-
-	items(arr) {
-		for (var i = 0; i < arr.length; i++) {
-			this.res.appendChild(arr[i].render());
-		}
-		return this;
-	}
-
-
-	center() {
-		this.res.style.justifyItems = "center";
-		return this;
-	}
-
-	padding(val, direction) {
-		if (direction) {
-			if (direction == "left") {
-				this.res.style.paddingLeft = val;
-			} else if (direction == "top") {
-				this.res.style.paddingTop = val;
-			}
-		} else {
-			this.res.style.padding = val;
-		}
-
-		return this;
-	}
-
-	onTap(e) {
-		this.res.addEventListener("click", e);
-		return this;
-	}
-
-	gap(value){
-		this.gap = `${value}px`;
-		return this;
-	}
-
-	setColumns(obj) { // (count, h)
-		
-		
-		
-		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) {
-			this.res.style.gridTemplateColumns = Array(count).fill("1fr").join(" ");
-			this.res.style.gridGap = this.gap; //"30px";
-		} else {
-			this.res.style.gridGap = this.gap; // "30px";
-			this.res.style.gridTemplateColumns = Array(this.frs).fill("1fr").join(" ");
-		}
-
-
-		const adjust = () => {
-
-			if (window.innerWidth < h) {
-				this.res.style.gridTemplateColumns = Array(count).fill("1fr").join(" ");
-				this.res.style.gridGap = this.gap; //"30px";
-			} else {
-				this.res.style.gridTemplateColumns = Array(this.frs).fill("1fr").join(" ");
-				this.res.style.gridGap = this.gap;   // "30px";
-			}
-		}
-
-		
-		
-		window.addEventListener("resize", adjust);
-		
-		
-		return this;
-	}
-
-	render(el) {
-		if (el){
-			document.querySelector(el).appendChild(this.parent);
-		} else {
-			return this.parent;
-		}
-		
-	}
-}
-
-
-
-
-
-
-
-window.Modal
-GridNew = Modal
-GridNew;
-export { Modal
-GridNew };

package/layout/group.js

@@ -1,129 +0,0 @@
-/*!
- * nodality v1.0.215
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
-class Group extends Animator { 
-	
-	constructor(els){
-		super();
-		this.setup();
-		
-		if (els){
-			for (var i = 0; i < els.length; i++){
-			this.res.appendChild(els[i].render());
-		}
-		}
-	}
-
-	
-
-	color(color){
-		for (var i = 0; i < this.res.children.length; i++){
-			this.res.children[i].style.color = color;
-		}
-		return this;
-	}
-
-	
-	align(direction){
-		this.res.style.display = "flex";
-		this.res.style.flexDirection = "column";
-
-		if (direction === "left"){
-			this.res.style.alignItems = "flex-start"
-		}
-		
-		return this;
-	}
-	
-	setup(){
-		let gr = document.createElement("div");
-		gr.style.padding = 0;
-		gr.style.margin = 0;
-		this.res = gr;
-	}
-
-	centerContent(){
-		
-		this.res.style.display = "flex";
-		this.res.style.flexDirection = "column";
-
-		this.res.style.alignItems = "center";
-		this.res.style.justifyContent = "spaceAround";
-		this.res.style.width = "100vw";
-		return this;
-	}
-	
-	width(w, shouldCenter){
-		this.res.style.width = w;
-		
-		if (shouldCenter){
-		this.res.style.marginLeft = "auto";
-		this.res.style.marginRight = "auto";
-		}
-		return this;
-	}
-
-	background(value){
-		this.res.style.backgroundColor = value;
-		return this;
-	}	
-	
-	padding(value){
-		this.res.style.padding = `${value}px`;
-		return this;
-	}
-	
-
-
-
-	
-	
-	size(w, h){
-		this.w = w;
-		this.h = h;
-		
-		if (this.w){
-			this.res.style.width = this.w;
-		} else {
-			this.res.style.width = window.innerWidth;
-		}
-		
-	if (this.h){
-			this.res.style.height = this.h;
-		} else {
-			this.res.style.height = window.innerHeight;
-		}
-		
-		
-		return this;
-	}
-	
-	items(els){
-		for (var i = 0; i < els.length; i++){
-			this.res.appendChild(els[i].render());
-		}
-		return this;
-	}
-	
-	
-	
-	border(color, width){
-		this.res.style.border = `${width}px solid ${color}`;
-		return this;
-	}
-	
-	render(el){
-		if (el){
-			document.querySelector(el).appendChild(this.res);
-		} else {
-			return this.res;
-		}
-		
-	}
-}
-export { Group };

package/layout/header.js

@@ -1,181 +0,0 @@
-/*!
- * nodality v1.0.215
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
-
-class Header extends Animator {
-	constructor(){
-		super();
-		this.ele = null;
-		// this.setup();
-	}
-
-	
-	setup(obj){
-		let d = document.createElement("div");
-		d.style.width = "100%";
-
-		if (obj.width){
-			d.style.width = obj.width;
-		}
-        
-		// Add
-        d.style.marginLeft = "auto";
-		d.style.marginRight = "auto";
-        
-        if (obj.height){
-            d.style.height = obj.height;
-        }
-
-
-		
-        
-		this.ele = d;
-        
-        
-        this.globalHeight = obj.height;
-        this.gRound = obj.round;
-        
-        
-        if (obj.url){
-            this.url(obj.url, 0, obj);
-        }
-        
-
-
-
-
-
-		if (obj.fixedScale){
-			
-			this.ele.children[0].style.backgroundSize = "contain";
-			this.ele.children[0].style.backgroundRepeat = "no-repeat";
-
-
-			if (obj.width){
-				d.style.width = obj.width;
-			}
-		}
-
-		
-		return this;
-	}
-
-
-	
-
-	fadeIn(){
-		this.ele.animate(
-			[{ opacity: 0 }, 
-				{ opacity: 1 }],
-			{
-			  duration: 1000,
-			  easing: 'linear',
-			},
-		  );
-		return this;
-	}
-	
-	url(url, round, obj){
-		let flex = document.createElement("div");
-		flex.style.display = "flex";
-		flex.style.flexDirection = "column";
-		flex.style.justifyContent = "center";
-		flex.style.alignItems = "center";
-		flex.style.height = `${this.globalHeight}px`;
-		flex.style.width = "100%";
-		flex.style.backgroundImage = `url("${url}")`;
-
-
-		if (obj.radius){
-			flex.style.borderRadius = "1.4rem";
-		}
-		
-		// NEW
-		flex.style.backgroundPosition = "center";
-
-		// flex.style.filter = "blur(8px)";
-		flex.style.backgroundSize = "cover";
-		if (this.gRound) {
-			flex.style.borderRadius = `16px`;
-		}
-		
-		this.ele.appendChild(flex);
-		return this;
-	}
-	
-
-	urlImage(url, round){
-		let image = document.createElement("img");
-		
-		 image.setAttribute("src", url);
-		 image.style.filter = "blur(8px)";
-		
-		if (this.gRound) {
-			image.style.borderRadius = `16px`;
-		}
-		
-		this.ele.appendChild(image);
-		return this;
-	}
-	
-
-	elements(els){
-		for (var i = 0; i < els.length; i++){
-			var res = els[i].render().render(); // TWICE RENDER HACK
-			this.ele.childNodes[0].appendChild(res);
-			//this.ele.appendChild(res);
-		}
-	
-		return this;
-	}
-	
-	
-
-	round(value){
-		this.ele.style.borderRadius = `${value}px`;
-		return this;
-		}
-	
-
-	onTap(e){
-		this.ele.addEventListener("click", e);
-		return this;
-	}
-	
-	/*em(n){
-		this.ele.style.fontSize = `${n}em`;
-		return this;
-	}*/
-	
-	render(div){
-		document.querySelector("body").style.margin = 0;
-		document.querySelector("body").style.padding = 0;
-		
-		if (div){
-			document.querySelector(div).appendChild(this.ele);
-		} else {
-			return this.ele; // this.ele();
-		}
-			return this;
-	}
-} 
-
-
-
-
-
-
-
-
-
-
-
-
-// ----------------------------------------------------------------
-
-export { Header };