nodality 1.0.220 → 1.0.221

package/layout/base.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.220
+ * 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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/beta-mobile-bar.js

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

package/layout/button.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -265,11 +265,6 @@ this.options = obj;
     }
 
 
-    
-	background(color){
-		this.res.style.background = color;
-		return this;
-	}
 
 
     
@@ -346,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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/checkbox.js

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

package/layout/circle.js

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

package/layout/code.js

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

package/layout/container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -497,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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/flex-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -132,15 +132,6 @@ this.options = obj;
 	}
 
 
-	
-	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;
-	}
 
 
 	
@@ -164,12 +155,6 @@ this.options = obj;
 
 
 
-	//@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){
 		if (div){

package/layout/flex-grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -218,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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -491,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`;
@@ -506,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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

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

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

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

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

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

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

package/layout/form-components/form.js

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

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

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-switcher.js

@@ -1,11 +1,16 @@
 /*!
- * nodality v1.0.220
+ * 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.220
+ * 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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/image.js

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

package/layout/index.js

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

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.220
+ * 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"));
@@ -504,14 +498,7 @@ if (ft.length > 0){
 		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;
@@ -636,12 +623,6 @@ if (ft.length > 0){
 
 
 
-	//@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
 

package/layout/list.js

@@ -1,12 +1,17 @@
 /*!
- * nodality v1.0.220
+ * 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.220
+ * 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.220
+ * 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.220
+ * nodality v1.0.221
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */