nodality 1.0.216 → 1.0.217

package/lib/card-getter.js

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

package/lib/data.js

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

package/lib/designer.js

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

package/lib/element-mapper.js

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

package/lib/keyframe-animation.js

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

package/lib/link-getter.js

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

package/lib/raster-ops.js

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

package/lib/scroll-video.js

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

package/lib/seo.js

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

package/lib/stacker.js

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

package/lib/theme.js

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

package/lib/transform-anim.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.0.216",
+  "version": "1.0.217",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/layout/base-2.js

@@ -1,97 +0,0 @@
-/*!
- * nodality v1.0.216
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
-class Base { 
-	constructor(items){
-		this.items = items ?? [];
-		Base.prototype.items = items;
-		this.oldLength = 0;
-	}
-	
-	set itemso(itemsa) {
-		 this.items = itemsa;// (itemsa);
-		Base.prototype.items = itemsa;
-	}
-	
-	
-	Proxima(a) {
-		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];
-			},
-			set(T, P, V, R) {
-				me.itemso = a[P].map(t => String(t));
-				return a[P];
-			},
-			has(t, p) {
-				return Reflect.has(t, p);
-			}
-		});
-	}
-
-	observe(obj) {
-		return this.Proxima(obj);
-	}
-	
-	
-	adjustState(newData){
-		if (newData.data.length > this.oldLength){
-			let node = document.querySelector(this.el);
-			
-			while (node.firstChild){
-				node.removeChild(node.lastChild);
-			}
-			
-			this.render(this.el).render(this.el);	 // rendra ===> build
-			this.oldLength = newData.data.length;
-		}
-	}
-	
-	
-	
-	
-	 toNode(htmlString) {
-  var div = document.createElement('div');
-  div.innerHTML = htmlString.trim();
-
-  // Change this to div.childNodes to support multiple top-level nodes
-  return div.firstChild; 
-}
-	
-	reactState(){
-		
-		/*let nodess = document.querySelector(this.el);
-			
-			while (nodess.firstChild){
-				nodess.removeChild(nodess.lastChild);
-			}*/
-		
-		
-		let node = document.querySelector("#res");
-		alert(this.render());
-		
-		
-		let nodes = this.toNode(this.toHTML());
-		node.appendChild(nodes);
-	}
-	
-	mount(el){
-		this.el = el;
-		this.render(el).render(el); // // this.render === function inside component
-	}
-	
-	toHTML(el){
-		return this.render(el).render(el).innerHTML; // // rendra ===> build
-	}
-}
-export { Base };

package/layout/cards.js

@@ -1,147 +0,0 @@
-/*!
- * nodality v1.0.216
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
-
-class Card {
-	constructor(text, url) {
-		this.text = text;
-		this.url = url;
-		this.setup();
-	}
-
-	setup() {
-		let query = window.matchMedia("(max-device-width: 415px)");
-		let card = document.createElement("div");
-		card.style.display = "flex";
-		card.style.flexDirection = "column";
-		card.style.backgroundColor = "#fff";
-		card.style.fontFamily = "Arial";
-		card.style.width = "100%"; // NOT THE CUPLRIT
-		// IMAGE NOT THE CUPLRIT
-		// NORMATEC IS
-		this.el = card;	
-		return this;	
-	}
-	
-	background(color){
-				// The shorthand, not backgroundColor: it also resets background-image,
-		// so setting a flat colour after a gradient clears the gradient. The
-		// longhand left it in place, so the same call behaved differently
-		// depending on which component you happened to hold.
-		this.el.style.background = color;
-		return this;
-	}
-	
-	color(color){
-		this.el.style.color = color;
-		return this;
-	}
-	
-	title(text){
-		let query = window.matchMedia("(max-device-width: 415px)");
-		let title = document.createElement("h2");
-		title.style.padding = "0.33em";
-		if (query.matches){
-			title.style.fontSize = "3em";
-		}
-		
-		let node = document.createTextNode(text);
-		title.appendChild(node);
-		
-		this.el.appendChild(title);
-		return this;
-	}
-	
-	content(text, h){
-		let query = window.matchMedia("(max-device-width: 415px)");
-		let subtitle = document.createElement("p");
-		subtitle.style.padding = "0.33em";
-		
-		if (query.matches){
-			subtitle.style.fontSize = "1.8em";
-		}
-		
-		let snode = document.createTextNode(text);
-		subtitle.appendChild(snode);
-		subtitle.style.flex = 1;
-		this.el.appendChild(subtitle);
-		return this;
-	}
-	
-	image(url, value, direction){
-		let query = window.matchMedia("(max-device-width: 415px)");
-		let back = document.createElement("div");
-		back.style.backgroundColor = "#ecf0f1";
-		back.style.width = "100%";
-		alert("///")
-		/*back.style.height = "200";
-		
-		if (query.matches){
-			back.style.height = "500";
-		}*/
-		
-		back.style.backgroundImage = `url(${url})`;
-		back.style.backgroundPosition = "center center";
-		back.style.backgroundSize = "cover";
-		back.style.borderTopLeftRadius = `${value}px`;
-		back.style.borderTopRightRadius = `${value}px`;
-	
-		this.el.appendChild(back);
-		return this;
-	}
-	
-	
-	button(text, target){
-		let query = window.matchMedia("(max-device-width: 415px)");
-		
-		let a = document.createElement("a");
-		a.setAttribute("href", target);
-		let node = document.createTextNode(text);
-		a.appendChild(node);
-		a.style.backgroundColor = "#3498db";
-		a.style.color = "white ";
-		a.style.textDecoration = "none";
-		a.style.padding = "1em";
-		a.style.margin = "1em"
-		a.style.borderRadius = "0.5em";
-		
-		if (query.matches){
-			a.style.fontSize = "2.3em";
-		}
-		
-		let flex = document.createElement("div");
-		flex.style.display = "flex";
-		flex.style.width = "100%";
-		flex.style.height = "auto";
-		flex.style.justifyContent = "center";
-		flex.appendChild(a);
-		 this.el.appendChild(flex);
-		return this;
-	}
-	
-	shadow(){
-	this.el.style.boxShadow = "1px 1px 20px rgba(0, 0, 0, 0.20)";
-	return this;
-    }
-	
-	
-	round(value){
-	this.el.style.borderRadius = `${value}px`;
-	return this;
-	}
-
-	render(div){
-		if (div){
-			document.querySelector(div).appendChild(this.el);
-		} else {
-			
-			return this.el;
-		}	
-	}
-} 
-export { Card };

package/layout/external-stylesheet.js

@@ -1,25 +0,0 @@
-/*!
- * nodality v1.0.216
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
- class ExternalStylesheet extends Base {
-        constructor(link){
-            super();
-            this.link = link;
-        }
-
-        render(){
-            let el = document.createElement("link");
-            el.setAttribute("rel", "stylesheet");
-            el.setAttribute("href", this.link);
-            document.getElementsByTagName( "head" )[0].appendChild( el );
-            return el;
-        }
-    }
-
-
-export { ExternalStylesheet };

package/layout/footer.js

@@ -1,89 +0,0 @@
-/*!
- * nodality v1.0.216
- * (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/group.js

@@ -1,129 +0,0 @@
-/*!
- * nodality v1.0.216
- * (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){
-				// The shorthand, not backgroundColor: it also resets background-image,
-		// so setting a flat colour after a gradient clears the gradient. The
-		// longhand left it in place, so the same call behaved differently
-		// depending on which component you happened to hold.
-		this.res.style.background = value;
-		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/label.js

@@ -1,56 +0,0 @@
-/*!
- * nodality v1.0.216
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-
-import {Animator} from "./animator.js";
-
-
-
-class Label {
-    constructor(){
-        this.el = null;
-    }
-    
-    setup(obj){
-        var el = document.createElement("div");
-        el.style.display = "flex";
-        
-      
-        
-         let image = document.createElement("img");
-        image.setAttribute("src", obj.image);
-        image.style.width = "30";
-        image.style.height = "auto";
-        el.appendChild(image);
-        
-        
-          let node = document.createElement("p");
-        let textNode = document.createTextNode(obj.text);
-         el.appendChild(textNode);
-        
-        this.el = el;
-        return this;
-    }
-   
-render(el) {
-    if (el) {
-        document.querySelector("body").style.margin = 0;
-        document.querySelector("body").style.padding = 0;
-        document.querySelector(el).appendChild(this.el);
-    } else {
-        return this.el;
-    }
-}
-    
-    
-    
-    
-    
-    
-    
-    
-}
-
-export { Label };

package/layout/list-OLD.js

@@ -1,6 +0,0 @@
-/*!
- * nodality v1.0.216
- * (c) 2026 Filip Vabrousek
- * License: MIT
- */
-