nodality 1.0.215 → 1.0.217

package/layout/audio.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -28,10 +28,6 @@ import {Animator} from "./animator.js";
 		return this;
 	}
 	
-	padding(value){
-		this.res.style.padding = `${value}px`;
-		return this;
-	}
 	
 	size(w, h){
 		this.w = w;

package/layout/audionew.js

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

package/layout/base.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -138,22 +138,8 @@ class Base {
   // 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");
-		
-		
-		let nodes = this.toNode(this.toHTML());
-		node.appendChild(nodes);
-	}
+
+
 	
 	mount(el){
 		this.el = el;

package/layout/beta-desktop-bar.js

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

package/layout/beta-mobile-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -15,14 +15,7 @@ class /*Beta*/MobileBar extends Animator {
        // this.setStyles();
     }
 
-    removeQuotesFromBoth(jsonString) {
-        if (!jsonString) {
-            return;
-        }
-        // Remove quotes from both keys and values
-        const modifiedJSON = jsonString.replace(/"([^"]+)":\s*"([^"]+)"/g, '$1: $2');
-        return modifiedJSON;
-    }
+
     
 
     removeQuotesFromFirstWord(jsonString) {

package/layout/button.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -123,11 +123,13 @@ this.options = obj;
 		}
 
 		if (obj.padding){
-			this.padding(obj.padding);
+			this.deprecatedOption("padding", "pad");
+			this.pad([{a: obj.padding}]);
 		}
 
 		if (obj.margin){
-			 this.margin(obj.margin);
+			 this.deprecatedOption("margin", "mar");
+			 this.mar([{a: obj.margin}]);
 		}
 
 		// Plain `mar` / `pad` are handled implicitly by the
@@ -203,8 +205,8 @@ this.options = obj;
 		// Before S25 Ultra redesign!
 
 		/*.background("#1abc9c")
-        .padding("10px")
-        .margin("10px")
+        .pad([{a: "10px"}])
+        .mar([{a: "10px"}])
         .border("none")
         .borderRadius("7px")*/
 
@@ -327,32 +329,7 @@ this.options = obj;
         return this;
     }
 	
-	padding(L, T, R, B){
-		if (L && T && R && B){
-		this.res.style.paddingLeft = L;
-		this.res.style.paddingTop = T;
-		this.res.style.paddingRight = R;
-		this.res.style.paddingBottom = B;
-		} else {
-			this.res.style.padding = L;
-		}
-		
-		return this;
-	}
 	
-	margin(L, T, R, B){
-		
-		if (L && T && R && B){
-		this.res.style.marginLeft = L;
-		this.res.style.marginTop = T;
-		this.res.style.marginRight = R;
-		this.res.style.marginBottom = B;
-		} else {
-			this.res.style.margin = L;
-		}
-		
-		return this;
-	}
 	
      auto() {
 		const adj = () => {

package/layout/center.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -74,31 +74,10 @@ return this;
 		
 		return this;
 	}
-	
-	itemWidth(w){
-		for (var i = 0; i < this.res.childNodes.length; i++){
-			let el = this.res.childNodes[i];
-			el.style.width = w;
-		}
-		
-		return this;
-	}
+
+
 	
 		
-	margin(L, T, R, B) {
-		if (L || T || R || B){ // CAUGHT MYSELF
-		this.res.style.marginLeft = L;
-		this.res.style.marginTop = T;
-		this.res.style.marginRight = R;
-		this.res.style.marginBottom = B;
-		} 
-		
-		if (!T && !R && !B){
-					this.res.style.margin = L;	
-		}
-		
-		return this;
-	}
 	
     
     itemWidth(w){
@@ -111,20 +90,6 @@ return this;
 	}
 	
 		
-	margin(L, T, R, B) {
-		if (L || T || R || B){ // CAUGHT MYSELF
-		this.res.style.marginLeft = L;
-		this.res.style.marginTop = T;
-		this.res.style.marginRight = R;
-		this.res.style.marginBottom = B;
-		} 
-		
-		if (!T && !R && !B){
-					this.res.style.margin = L;	
-		}
-		
-		return this;
-	}
 	
 	/*arrayPadding(arr, value) {
 		if (arr.includes("left")){

package/layout/checkbox.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -170,10 +170,6 @@ obj.resmar && this.resmar(obj.resmar);
     return [`new Checkbox().set({\n    ${entries}\n})`];
     }
 
-    margin(amount) {
-        this.el.style.margin = amount;
-        return this;
-    }
 
     render(div) {
         if (div) {

package/layout/circle.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -40,18 +40,19 @@ class Circle extends Animator {
     return [`new Circle().set(${objString})`];
   }
 
-  // --- Layout helpers ---
-  flexOne() { this.res.style.flex = "1"; return this; }
-  setGridWithoutCode() { this.res.style.border = "1px solid white"; return this; }
+
   setArea(area) { this.res.style.gridArea = area; return this; }
-  rowCol(row, col) { this.res.style.gridRow = row; this.res.style.gridColumn = col; return this; }
-  setGridRow(row) { this.res.style.gridRow = row; return this; }
-  setGridCol(col) { this.res.style.gridColumn = col; return this; }
+
+
 
   // --- Circle-specific API ---
   diameter(px) { this.res.style.width = this.res.style.height = typeof px === "number" ? px + "px" : px; this.res.style.borderRadius = "50%"; return this; }
   size(w, h = w) { this.res.style.width = typeof w === "number" ? w + "px" : w; this.res.style.height = typeof h === "number" ? h + "px" : h; this.res.style.borderRadius = "50%"; return this; }
-  color(c) { this.res.style.backgroundColor = c; return this; }
+  // `color` is the text colour on every component (it is a styleMap key on
+  // Animator). It used to set backgroundColor here, which made `color:` and
+  // `background:` do the same thing and left no way to set text colour.
+  color(c) { this.res.style.color = c; return this; }
+  background(c) { this.res.style.background = c; return this; }
   border(spec) { this.res.style.border = typeof spec === "string" ? spec : `${spec?.width || 1}px solid ${spec?.color || "black"}`; return this; }
   radius(r) { this.res.style.borderRadius = typeof r === "number" ? r + "px" : r; return this; }
 

package/layout/code.js

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

package/layout/container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -18,10 +18,7 @@ class Wrapper extends Animator { // 12:10:02 found grep 06/03
 		this.code.push("\n new Wrapper() \n");
 	}
 
-	isLasta(){
-		this.isLast = true;
-		return this;
-	}
+
 
 
 	
@@ -71,29 +68,17 @@ code = `${pad}new Wrapper()`;
 		this.res.style.gridArea = area;
 		return this;
 	}
-	
-	removeQuotesFromFirstWord(jsonString) {
-		const modifiedJSON = jsonString.replace(/"([^"]+)":/g, '$1:');
-		return modifiedJSON;
-	  }
 
-	  clicked(handler){
-		this.res.addEventListener("click", handler);
-		return this;
-	  }
+
+
+
 
 	  onTap(handler){
 		this.res.addEventListener("click", handler);
 		return this;
 	  }
 
-	  gpos(obj){
-		//alert(obj.col);
-		this.res.style.gridColumn = obj.col;
-		this.res.style.gridRow = obj.row;
-		//this.res.style.border = "1px solid green";
-		return this;
-	  }
+
 
 	set(obj){
 		this.obj = obj;
@@ -576,12 +561,6 @@ code = `${pad}new Wrapper()`;
 
 
 
-
-	maxWidth(w){
-		this.res.style.maxWidth = w;
-		return this;
-	}
-
 	font(font){
 		this.res.style.fontFamily = font;
 		return this;
@@ -771,8 +750,14 @@ code = `${pad}new Wrapper()`;
 		this.res.style.height = `${h}`;
 		return this;
 	}
+	/**
+	 * Width and height. Renamed from size(), which collided with the `size`
+	 * OPTION — on any component that calls commonMethods, `size:` is the
+	 * fluid type scale (S1…S6), so `.size()` meaning width read as the same
+	 * word doing two unrelated jobs in one call chain.
+	 */
 	
-	size(w, h){
+	dimensions(w, h) {
 		this.w = w;
 		this.h = h;
 		
@@ -792,6 +777,13 @@ code = `${pad}new Wrapper()`;
 		return this;
 	}
 
+	//@deprecated size: on this component `size()` set width and height, which collided with the `size` option (fluid type scale). Use `dimensions(w, h)`.
+	size(w, h) {
+		this.deprecatedOption("size() on this component", "dimensions(w, h)");
+		return this.dimensions(w, h);
+	}
+
+
 	background(color) {
 		this.res.style.background = color;
 		return this;
@@ -802,31 +794,8 @@ code = `${pad}new Wrapper()`;
 		this.res.style.borderRadius = corner;
 		return this;
 	}
-	
-	padding(L, T, R, B){
-		this.res.style.paddingLeft = L;
-		this.res.style.paddingTop = T;
-		this.res.style.paddingRight = R;
-		this.res.style.paddingBottom = B;
-		return this;
-	}
-	
-	margin(L, T, R, B){
-		this.res.style.marginLeft = L;
-		this.res.style.marginTop = T;
-		this.res.style.marginRight = R;
-		this.res.style.marginBottom = B;
-		return this;
-	}
-    
-    itemWidth(w){
-		for (var i = 0; i < this.res.childNodes.length; i++){
-			let el = this.res.childNodes[i];
-			el.style.width = w;
-		}
-		
-		return this;
-	}
+
+
 
 	
 apply(arr) {

package/layout/dropdown-2025.js

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

package/layout/flex-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -159,7 +159,11 @@ this.options = obj;
     }
 	
 	background(color){
-		this.res.style.backgroundColor = 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;
 	}
 	
@@ -168,10 +172,6 @@ this.options = obj;
 		return this;
 	}
 	
-	padding(pad){
-		this.res.style.padding = `${pad}px`;
-		return this;
-	}
 	
 	items(els){
 		for (var i = 0; i < els.length; i++){
@@ -185,11 +185,21 @@ this.options = obj;
 	this.res.style.boxShadow = "1px 1px 20px rgba(0, 0, 0, 0.60)";
 	return this;
 	}
-	
-	round(value){
-	this.res.style.borderRadius = `${value}px`;
-	return this;
+	/**
+	 * 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){
 		if (div){

package/layout/flex-grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -204,10 +204,6 @@ class FlexGrid extends Animator {
 	}
 	
 	
-	padding(value){
-		this.res.style.padding = `${value}px`;
-		return this;
-	}
 	
 	
 	

package/layout/flex-row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -65,7 +65,7 @@ class FlexRow extends Animator {
 
 		//this.code.push(`\n .set({`);
 		if (options.padding){
-			this.padding(options.padding);
+			this.pad([{a: options.padding}]);
 		}
 
 	//alert(options.opacity);
@@ -563,10 +563,6 @@ let stringified = JSON.stringify(options.borderObj);
 	}
 
 
-	borderAround(data){
-		this.res.style.border = data;
-		return this;
-	}
 
 	
 
@@ -621,10 +617,6 @@ let stringified = JSON.stringify(options.borderObj);
 
 
 
-	padding(vals){
-		this.res.style.padding = vals;
-		return this;
-	}
 	
     
     toColumn(){
@@ -660,19 +652,6 @@ let stringified = JSON.stringify(options.borderObj);
 	}
 
 
-	noSpaceAround(){
-		this.res.style.justifyContent = "";
-		return this;
-	}
-
-
-
-
-	itemAlignCenter(){
-		this.res.style.justifyContent = "center";
-        this.res.style.alignItems = "center";
-		return this;
-	}
 
 
 	/*
@@ -816,58 +795,6 @@ let stringified = JSON.stringify(options.borderObj);
 	}
 
 
-
-	/*
-	
-		this.code.push(".add([ \n");
-		for (var i = 0; i < els.length; i++){
-			let item = els[i].render();//.render();
-			this.res.appendChild(item);
-
-
-			if (els[i].toCode !== undefined){
-
-				 this.code.push(els[i].toCode().flatMap(l=>l)); // 20:10:00 Nice!
-			// 12:25:10 Wow!!!
-
-			
-		}
-		}
-		
-		//122616 06/03 Houdini M2 chip
-		this.code.push("])");
-
-
-		return this;
-	*/
-
-
-	
-
-	adjustRatiosForLayout(){
-
-		if (this.els[1].getWidth == undefined){
-			return this;
-		}
-
-		if (this.els[1].getHeight == undefined){
-			return this; // 171653 fix
-		} // 171354
-
-		window.addEventListener("resize", () => {
-			this.resizeValues();
-		});
-
-
-		this.resizeValues();
-
-
-
-
-		// 18:29:04
-		
-		return this;
-	}
 	
 
 	resizeValues(){

package/layout/form-components/custom.js

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

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

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

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

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

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

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

package/layout/form-components/form.js

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

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

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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