nodality 1.0.219 → 1.0.221

package/layout/animator.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -957,6 +957,76 @@ resmar(arr) {
 	 * ordinary paths and blocked the page for every visitor, and the ban is
 	 * worth more than making this one warning louder.
 	 */
+	color(color){
+		this.res.style.color = color;
+		return this;
+	}
+
+	onTap(handler){
+		this.res.addEventListener("click", handler);
+		return this;
+	}
+
+	setArea(area){
+		this.res.style.gridArea = area;
+		return this;
+	}
+
+
+	font(font){
+		this.res.style.fontFamily = font;
+		return this;
+	}
+
+	radius(v) {
+		this.res.style.borderRadius = typeof v === "number" ? `${v}px` : v;
+		return this;
+	}
+
+	width(percentage){
+		this.res.style.width = percentage;
+		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;
+    }
+
+	round(v) {
+		this.deprecatedOption("round()", "radius()");
+		return this.radius(v);
+	}
+
+	toCSS(){
+		return this.css; 
+	}
+
+	toHTMLA(){
+		return this.html;
+	}
+
+	background(color){
+		this.res.style.background = color;
+		return this;
+	}
+
 	deprecatedOption(name, replacement) {
 		console.error(`nodality: \`${name}\` is deprecated — use \`${replacement}\` instead.`);
 		return this;

package/layout/audio.js

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

package/layout/audionew.js

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

package/layout/base.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class Base {
+import {Animator} from "./animator.js";
+class Base extends Animator{
 	constructor(/*items*/){
+		super();
+		// Converted from a standalone class; opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour.
+		this._noTheme = true;
 		//Base.prototype.items = items;
 		this.oldLength = 0;
 	}
@@ -101,7 +106,7 @@ class Base {
 
 	
 	mount(el){
-		this.el = el;
+		this.res = el;
 		this.render(el).render(el); // // this.render === function inside component
 	}
 

package/layout/beta-desktop-bar.js

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

package/layout/beta-mobile-bar.js

@@ -1,12 +1,10 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
 import {Animator} from "./animator.js";
-import {Text} from "./text.js";
-
 class /*Beta*/MobileBar extends Animator {
     constructor() {
         super();

package/layout/button.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -263,21 +263,10 @@ this.options = obj;
         this.res.setAttribute("class", classa);
         return this;
     }
-    
-    color(color){
-        this.res.style.color = color;
-        return this;
-    }
-    
-	background(color){
-		this.res.style.background = color;
-		return this;
-	}
-	
-	width(percentage){
-		this.res.style.width = percentage;
-		return this;
-	}
+
+
+
+
     
     
    borderRadius(radius){
@@ -352,11 +341,8 @@ this.options = obj;
 		
 		return this;
 	}
-	
-	onTap(e){
-		this.res.addEventListener("click", e);
-		return this;
-	}
+
+
 
 	toCode() {
 		//console.log("OPTIONS ARE");

package/layout/center.js

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

package/layout/checkbox.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -9,7 +9,7 @@ import { Animator } from "./animator.js";
 class Checkbox extends Animator {
     constructor() {
         super();
-        this.el = null;
+        this.res = null;
 
 		
     }
@@ -134,12 +134,12 @@ obj.resmar && this.resmar(obj.resmar);
 
     div.appendChild(labelDiv);
 
-    this.el = div;
+    this.res = div;
     return this;
     }
 
     getValue() {
-        return this.el.children[0].checked;
+        return this.res.children[0].checked;
     }
 
     toCode() {
@@ -169,9 +169,9 @@ obj.resmar && this.resmar(obj.resmar);
 
     render(div) {
         if (div) {
-            document.querySelector(div).appendChild(this.el);
+            document.querySelector(div).appendChild(this.res);
         } else {
-            return this.el;
+            return this.res;
         }
     }
 }

package/layout/circle.js

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

package/layout/code.js

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

package/layout/container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -61,17 +61,10 @@ code = `${pad}new Wrapper()`;
 	getType(){
 		return "LayoutWrapperElement"; // 224647
 	}
-// 220543§§§§§§§§§§§§§§§§§§§§¨ú
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
 
 
-	  onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	  }
+
+
 
 
 	set(obj){
@@ -486,10 +479,6 @@ code = `${pad}new Wrapper()`;
 	}
 
 
-	font(font){
-		this.res.style.fontFamily = font;
-		return this;
-	}
 
 	flexAlign(perc){
 		this.res.style.display = "flex";
@@ -508,10 +497,7 @@ code = `${pad}new Wrapper()`;
 		return this;
 	}
 
-	width(perc){
-		this.res.style.width = perc;
-		return this;
-	}
+
 
 	heightNoAuto(perc){
 		this.res.style.height = perc;

package/layout/dropdown-2025.js

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

package/layout/flex-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -32,10 +32,7 @@ class Card extends Animator {
 		return this;	
 	}
 
-	onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	}
+
 
 	set(obj){
 		let stra = "";
@@ -133,41 +130,10 @@ this.options = obj;
 
 			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;
-    }
-	
-	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;
-	}
-	
-	color(color){
-		this.res.style.color = color;
-		return this;
-	}
+
+
+
+
 	
 	
 	items(els){
@@ -186,16 +152,8 @@ this.options = obj;
 	 * 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);
-	}
+
 
 	
 	render(div){

package/layout/flex-grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -37,10 +37,7 @@ class FlexGrid extends Animator {
 		return "FlexRowLayoutElement";
 	}
 
-	onTap(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	}
+
 
 	set(options){
 		options.id && this.res.setAttribute("id", options.id);
@@ -221,11 +218,8 @@ if (el != undefined){
 		this.code.push("\n ])");
 		return this;
 	}
-	
-	width(w){
-		this.res.style.width = w;
-		return this;
-	}
+
+
 	
 	
 	border(color, width){

package/layout/flex-row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -291,13 +291,7 @@ let stringified = JSON.stringify(options.borderObj);
 		}
 	}
 
-	
-
 
-	setArea(area){
-		this.res.style.gridArea = area;
-		return this;
-	}
 
 	toColumnAt(at){ // THIS IS THE ONE!!!
 
@@ -497,11 +491,8 @@ let stringified = JSON.stringify(options.borderObj);
          
         return this;
     }
-    
-     background(color){
-        this.res.style.background = color;
-        return this;
-    }
+
+
     
     radius(val){
         this.res.style.borderRadius = `${val}px`;
@@ -512,11 +503,8 @@ let stringified = JSON.stringify(options.borderObj);
           this.res.style.boxShadow = "0px 1px 10px 0px rgb(145 145 145)"; //`${x}px ${y}px ${radius}px #000`;
         return this;
     }
-    
-    onTap(e){
-		this.res.addEventListener("click", e);
-		return this;
-	}
+
+
 	
 	
 	items(arr) {

package/layout/form-components/custom.js

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

package/layout/form-components/data-list.js

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

package/layout/form-components/floating-input.js

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

package/layout/form-components/form-all.js

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

package/layout/form-components/form.js

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

package/layout/form-components/image-picker.js

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-switcher.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class AreaSwitcher {
+import {Animator} from "./animator.js";
+class AreaSwitcher 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.gridContainer = document.createElement("div");
       this.gridContainer.classList.add("grid-container");
@@ -120,9 +125,13 @@ for (var i = 0; i < arr.length - 1; i++){
   // Usage example:
   
   
-  class GridSwitcher {
+  class GridSwitcher extends Animator{
     constructor(){
-     this.el = document.createElement("div");
+		super();
+		// Converted from a standalone class; opting out of Theme keeps rendering
+		// byte-identical to the pre-conversion behaviour.
+		this._noTheme = true;
+     this.res = document.createElement("div");
      this.gridWrap = document.createElement("div");
     }
 
@@ -141,7 +150,7 @@ for (var i = 0; i < arr.length - 1; i++){
               let mq = window.matchMedia(`(max-width: ${val.at})`).matches;
               if ((mq || val.at == "default") && mq !== this.lastMq){
                   const update = new Simple().set(val.template, this.dynamicItems).render();
-                  this.el = update;
+                  this.res = update;
                   this.render(this.domStr);
                   this.lastMq = mq;
               }
@@ -154,7 +163,7 @@ for (var i = 0; i < arr.length - 1; i++){
   
     render(div){
       this.gridWrap.innerHTML = "";
-      this.gridWrap.appendChild(this.el);
+      this.gridWrap.appendChild(this.res);
 
   if (div){
     document.querySelector(div).appendChild(this.gridWrap);
@@ -162,7 +171,7 @@ for (var i = 0; i < arr.length - 1; i++){
 
   return this.gridWrap;
 
-      // Just return this.el it normally
+      // Just return this.res it normally
     }
   }
   

package/layout/grid.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.219
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-class Grid {
+import {Animator} from "./animator.js";
+class Grid 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/horizontal-scroller.js

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