nodality 1.0.219 → 1.0.221

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -45,13 +45,6 @@ class Image extends Animator {
 	}
 
 
-	getHeight(){
-		return this.res.height;
-	}
-
-	getWidth(){
-		return this.res.width;
-	}
 
 	getType(){ // 114145 anchor
 		return "HTMLImageElement";
@@ -376,31 +369,6 @@ let obj = options;
 	}
 
 
-	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);
-
-
-			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){
@@ -415,10 +383,6 @@ let obj = options;
 	}
 
 
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
 
 
 	setGrid(){
@@ -443,27 +407,8 @@ let obj = options;
 		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) {

package/layout/index.js

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

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -58,13 +58,7 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
 
 	}
 
-	toCSS(){
-		return this.css; 
-	}
 
-	toHTMLA(){
-		return this.html;
-	}
 
 	toElCSS(){
 		this.preffersId ? this.elCSS.unshift(this.res.id + " { \n") : (this.elCSS.unshift("." + this.class + " { \n"));
@@ -93,10 +87,7 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
         return [`new Link().set(${objString})`];
 	}
 
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
+
 	
 	setup(){
 		let el = document.createElement("a");
@@ -174,13 +165,8 @@ if (isExternal || isAnchor || url.endsWith(".html") || isScheme) {
 		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
 
@@ -505,24 +491,14 @@ 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
 		return this; // 121550 pbends
 	}
 
-	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.res.style.background = color;
-		return this;
-	}
+
 
 	leftAlign(alg){
 		this.res.style.textAlign = alg;
@@ -644,16 +620,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) {
-		this.deprecatedOption("round()", "radius()");
-		return this.radius(v);
-	}
+
 
 
  // 220812 la olympics 2028
@@ -666,11 +634,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";

package/layout/list.js

@@ -1,12 +1,17 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (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 {
+class List extends Animator{
 	constructor() {
+		super();
+		// Converted from a standalone class; opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour.
+		this._noTheme = true;
 		this.tasks = [];
 		this.setup();
 	}
@@ -97,8 +102,12 @@ class List {
 }
 
 
-class Cell {
+class Cell extends Animator{
 	constructor(){
+		super();
+		// Converted from a standalone class; opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour.
+		this._noTheme = true;
 		this.res = null;
 		this.setup();
 	}

package/layout/meta-adder.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class MetaAdder{
-    constructor(){ 
+import {Animator} from "./animator.js";
+class MetaAdder extends Animator{
+    constructor(){
+		super();
+		// Converted from a standalone class. Opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour; opt in per component.
+		this._noTheme = true; 
         this.res = document.createElement("meta");
         this.res.setAttribute("name", "viewport");
         this.res.setAttribute("content", "width=device-width, initial-scale=1");

package/layout/modal-2025.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class Modal {
+import {Animator} from "./animator.js";
+class Modal extends Animator {
     constructor(){
+		super();
+		// Converted from a standalone class. Opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour; opt in per component.
+		this._noTheme = true;
         this.el = null;
         this.obj = null;
     }

package/layout/multiswitcher.js

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

package/layout/nav-bar.js

@@ -1,12 +1,17 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class NavBar {
+import {Animator} from "./animator.js";
+class NavBar extends Animator{
 	constructor(els){
-		this.ele = null;
+		super();
+		// Converted from a standalone class; opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour.
+		this._noTheme = true;
+		this.res = null;
 		this.titleText = "";
 		this.hasHamburger = false;
 		this.setup(); // should nt be eited 2024
@@ -34,7 +39,7 @@ class NavBar {
 		el.style.margin = 0;
 		el.style.paddingTop = "1em";
 		el.style.paddingBottom = "1em";
-		this.ele = el;
+		this.res = el;
 		// EVIL LINE
 		
 		return this;
@@ -51,17 +56,17 @@ class NavBar {
 					
 					let paddingObject = pado;// paddingValues[0]; // Assuming only one object in the array
                     if (paddingObject.hasOwnProperty('top')) {
-                        this.ele.style.marginTop = paddingObject['top'];
+                        this.res.style.marginTop = paddingObject['top'];
                     }
                     if (paddingObject.hasOwnProperty('right')) {
 						//alert("P")
-                        this.ele.style.marginRight = paddingObject['right'];
+                        this.res.style.marginRight = paddingObject['right'];
                     }
                     if (paddingObject.hasOwnProperty('bottom')) {
-                        this.ele.style.marginBottom = paddingObject['bottom'];
+                        this.res.style.marginBottom = paddingObject['bottom'];
                     }
                     if (paddingObject.hasOwnProperty('left')) {
-                        this.ele.style.marginLeft = paddingObject['left'];
+                        this.res.style.marginLeft = paddingObject['left'];
                     }
 				}
 
@@ -74,7 +79,7 @@ class NavBar {
     }
     
 	radius(rad){
-		this.ele.style.borderRadius = rad;
+		this.res.style.borderRadius = rad;
 		return this;
 	}
     
@@ -101,7 +106,7 @@ class NavBar {
             
             
            
-                 this.ele.appendChild(item.render());
+                 this.res.appendChild(item.render());
             
             
        
@@ -125,14 +130,14 @@ class NavBar {
 	
 	
 	sticky(){
-		this.ele.style.position = "fixed";
+		this.res.style.position = "fixed";
 		return this;
 	}
 	
 	font(family){
 		
-		for (var i = 0; i < this.ele.children; i++){
-			this.ele.children[i].style.fontFamily = family;
+		for (var i = 0; i < this.res.children; i++){
+			this.res.children[i].style.fontFamily = family;
 		}
 		
 		return this;
@@ -142,8 +147,8 @@ class NavBar {
     
     
         background(obj){
-            this.ele.style.backgroundColor = obj.color;
-              this.ele.style.opacity = obj.opacity;
+            this.res.style.backgroundColor = obj.color;
+              this.res.style.opacity = obj.opacity;
             return this;
         }
 
@@ -156,10 +161,10 @@ adjust(w) {
 	let media2 = window.matchMedia(`(max-device-width: 415px)`);
 
 	if (media.matches || media2.matches) {
-		this.ele.style.flexDirection = "column";
+		this.res.style.flexDirection = "column";
 	} else {
-		this.ele.style.flexDirection = "row";
-		this.ele.style.marginLeft = 0;
+		this.res.style.flexDirection = "row";
+		this.res.style.marginLeft = 0;
 	}
 
 	const addHamburger = () => {
@@ -180,8 +185,8 @@ adjust(w) {
 	
 	const adjustFontSize = () => {
 	//	alert("NOT USED IN VIEWPORT")
-		for (var i = 0; i < this.ele.children.length; i++) {
-			let el = this.ele.children[i];
+		for (var i = 0; i < this.res.children.length; i++) {
+			let el = this.res.children[i];
 			 el.style.fontSize = media2.matches ? "1.2em" : "1em";
 
             
@@ -209,9 +214,9 @@ adjust(w) {
 	}
 
 	const toWideScreen = () => {
-		for (var i = 0; i < this.ele.children.length; i++) {
+		for (var i = 0; i < this.res.children.length; i++) {
 			
-			let child = this.ele.children[i];
+			let child = this.res.children[i];
 			
 			child.style.marginTop = "0em";
 			child.style.display = "block";
@@ -220,14 +225,14 @@ adjust(w) {
 				child.style.fontSize = "2em";
 			}
 			
-		if (this.ele.childNodes[i].textContent == "☰") {
-			this.ele.removeChild(this.ele.childNodes[i]);
+		if (this.res.childNodes[i].textContent == "☰") {
+			this.res.removeChild(this.res.childNodes[i]);
 		}
 		
 		}
 
 	
-		this.ele.style.flexDirection = "row";
+		this.res.style.flexDirection = "row";
 	}
 	
 
@@ -239,17 +244,17 @@ adjust(w) {
 		var closed = false;
 		var btn = addHamburger();
 		
-		 /*(((this.ele.children.length == this.itemCount + 1)||*/
-		if (this.ele.children.length == this.itemCount) {
-			this.ele.insertBefore(btn, this.ele.firstChild);
+		 /*(((this.res.children.length == this.itemCount + 1)||*/
+		if (this.res.children.length == this.itemCount) {
+			this.res.insertBefore(btn, this.res.firstChild);
 		}
 
-		this.ele.style.flexDirection = "column";
-		for (var i = 0; i < this.ele.children.length; i++) {
-			if (this.ele.children[i].textContent == "☰" || this.ele.children[i].textContent == /*"Lands"*/ this.keepItem){
-				this.ele.children[i].style.display = "block";
+		this.res.style.flexDirection = "column";
+		for (var i = 0; i < this.res.children.length; i++) {
+			if (this.res.children[i].textContent == "☰" || this.res.children[i].textContent == /*"Lands"*/ this.keepItem){
+				this.res.children[i].style.display = "block";
 			} else {
-				this.ele.children[i].style.display = "none";
+				this.res.children[i].style.display = "none";
 			}
 		}
 
@@ -257,21 +262,21 @@ adjust(w) {
 			// alert
 			closed = !closed;
 
-			for (var i = 0; i < this.ele.children.length; i++) {
-				if (i != 0 && this.ele.children[i].textContent != /*"Lands"*/ this.keepItem) {
+			for (var i = 0; i < this.res.children.length; i++) {
+				if (i != 0 && this.res.children[i].textContent != /*"Lands"*/ this.keepItem) {
 
 					if (!closed) {
-						this.ele.children[i].style.display = "none";
-						this.ele.children[i].style.marginTop = "0em";
+						this.res.children[i].style.display = "none";
+						this.res.children[i].style.marginTop = "0em";
 					} else {
                         
                         
-                        if (this.ele.children[i].getAttribute("class") === "innerHider"){
+                        if (this.res.children[i].getAttribute("class") === "innerHider"){
                             // alert("WOW");
-                               this.ele.children[i].style.display = "none";
+                               this.res.children[i].style.display = "none";
                         } else {
-                            this.ele.children[i].style.display = "block";
-							this.ele.children[i].style.marginTop = "3em";
+                            this.res.children[i].style.display = "block";
+							this.res.children[i].style.marginTop = "3em";
                         }
                         
                         
@@ -306,11 +311,11 @@ adjust(w) {
 		if (div){
 			document.querySelector(div).style.padding = 0;
 			document.querySelector(div).style.margin = 0;
-			document.querySelector(div).appendChild(this.ele);
+			document.querySelector(div).appendChild(this.res);
 		} else {
-			return this.ele;
+			return this.res;
 		}
-			return this.ele;
+			return this.res;
 	}
 }
 	 

package/layout/nav-factor/custom-div.js

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

package/layout/new-nav-bar.js

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

package/layout/polygon.js

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

package/layout/prerender-site.js

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

package/layout/prerender.js

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

package/layout/progress.js

@@ -1,13 +1,18 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
+import {Animator} from "./animator.js";
 // changed on 26/12/2020
 
-class Progress {
+class Progress extends Animator {
 	constructor(value){
+		super();
+		// Converted from a standalone class. Opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour; opt in per component.
+		this._noTheme = true;
 		this.res = null;
 		this.value = value;
 		this.setup();

package/layout/row.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class Row {
+import {Animator} from "./animator.js";
+class Row extends Animator {
 	constructor(frs, saveEl) {
+		super();
+		// Converted from a standalone class. Opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour; opt in per component.
+		this._noTheme = true;
 		this.saveEl = saveEl;
 		this.frs = frs;
 		this.res = null;

package/layout/scroll-video.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class ScrollVideo {
+import {Animator} from "./animator.js";
+class ScrollVideo extends Animator {
     constructor() {
+		super();
+		// Converted from a standalone class. Opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour; opt in per component.
+		this._noTheme = true;
         this.frameNumber = 0; // Start video at frame 0
         this.res = document.createElement("div");
         this.vid = null;

package/layout/side-bar.js

@@ -1,12 +1,17 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class SideBar {
+import {Animator} from "./animator.js";
+class SideBar extends Animator{
 	constructor(els, obj){
-		this.ele = null;
+		super();
+		// Converted from a standalone class; opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour.
+		this._noTheme = true;
+		this.res = null;
         this.width = "16em";
         this.height = "100vh";
         
@@ -129,7 +134,7 @@ class SideBar {
         })
         
         
-		this.ele = outer;
+		this.res = outer;
         
      
         
@@ -149,15 +154,15 @@ class SideBar {
     // DO NOT CHANGE WIDTH AFTER
     
     background(obj){
-            this.ele.children[1].style.backgroundColor = obj.color;
-              this.ele.children[1].style.opacity = obj.opacity;
+            this.res.children[1].style.backgroundColor = obj.color;
+              this.res.children[1].style.opacity = obj.opacity;
             return this;
         }
 	
 	items(items){
 		this.itemCount = items.length;
 		for (var i = 0; i < items.length; i++){
-			this.ele.children[1].appendChild(items[i].render());
+			this.res.children[1].appendChild(items[i].render());
 		}
 		
 		return this;
@@ -169,11 +174,11 @@ class SideBar {
 		if (div){
 			document.querySelector(div).style.padding = 0;
 			document.querySelector(div).style.margin = 0;
-			document.querySelector(div).appendChild(this.ele);
+			document.querySelector(div).appendChild(this.res);
 		} else {
-			return this.ele;
+			return this.res;
 		}
-			return this.ele;
+			return this.res;
 	}
 }
 	

package/layout/side-nav-bar.js

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

package/layout/simple-bar.js

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