nodality 1.0.215 → 1.0.216

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.216
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -720,7 +720,11 @@ if (ft.length > 0){
 	}
 
 	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;
 	}
 
@@ -852,34 +856,32 @@ if (ft.length > 0){
 		this.res.style.backgroundColor = color;
 		return this;
 	}*/
-	
-	round(){
-		//alert("K")
-		this.res.style.borderRadius = "0.5rem";
 
-		if (this.options.rounded){
-			// alert("K");
-			this.res.children[0].style.borderRadius = "0.5rem";
-		}
-
-		return this;
-	}
 
 	newWindow() {
 		this.res.target = "_new";
 		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;
+	}
 
-
-	radius(w){
-		this.res.style.borderRadius = `${w}`;
-        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
 
 
@@ -922,19 +924,6 @@ if (ft.length > 0){
 	}
 	
 	
-	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;
-	}
     
     medium() {
 		const adj = () => {
@@ -960,20 +949,6 @@ if (ft.length > 0){
         return this;
     }
     
-	margin(L, T, R, B){
-		
-		if (L && T && R && B){
-		this.el.style.marginLeft = L;
-		this.el.style.marginTop = T;
-		this.el.style.marginRight = R;
-		this.el.style.marginBottom = B;
-		} else {
-			// alert("2")
-			this.el.style.margin = L;
-		}
-		
-		return this;
-	}
 
 	/**/
 	
@@ -1029,13 +1004,6 @@ if (ft.length > 0){
 		return this;
 	}
 	
-	margin(T, L, R, B){
-		this.res.style.marginTop = T;
-		this.res.style.marginLeft = L;
-		this.res.style.marginRight = R;
-		this.res.style.marginBottom = B;
-		return this;
-	}
 	
 	font(family){
 		this.res.style.fontFamily = family;

package/layout/list-OLD.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/multiswitcher.js

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

package/layout/nav-bar.js

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

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

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

package/layout/navBar-OLD.js

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

package/layout/new-flat-adder.js

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

package/layout/new-nav-bar.js

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

package/layout/offset-container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.216
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -286,21 +286,7 @@ this.res.style.display = "grid";
 		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++){

package/layout/polygon.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.216
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -52,8 +52,8 @@ class Polygon extends Animator {
     if (opts.size) this.size(opts.size.width || opts.size, opts.size.height);
     if (opts.color) this.color(opts.color);
     if (opts.border) this.border(opts.border);
-    if (opts.margin) this.margin(opts.margin);
-    if (opts.padding) this.padding(opts.padding);
+    if (opts.margin) this.mar([{a: opts.margin}]);
+    if (opts.padding) this.pad([{a: opts.padding}]);
     if (opts.background) this.background(opts.background);
     if (opts.center) this.center();
 
@@ -137,8 +137,11 @@ class Polygon extends Animator {
   }
 
 
+  // Text colour, matching every other component. It set `background` here,
+  // duplicating background() two methods below and leaving no way to set the
+  // text colour.
   color(color) {
-    this.res.style.background = color;
+    this.res.style.color = color;
     return this;
   }
 
@@ -150,15 +153,7 @@ class Polygon extends Animator {
     return this;
   }
 
-  margin(m) {
-    this.res.style.margin = typeof m === "number" ? m + "px" : m;
-    return this;
-  }
 
-  padding(p) {
-    this.res.style.padding = typeof p === "number" ? p + "px" : p;
-    return this;
-  }
 
     background(p) {
     this.res.style.background = p;

package/layout/prerender-site.js

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

package/layout/prerender.js

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

package/layout/progress.js

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

package/layout/row.js

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

package/layout/saved-new-nav-bar.js

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

package/layout/scroll-video.js

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

package/layout/side-bar.js

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

package/layout/side-nav-bar.js

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

package/layout/simple-bar.js

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

package/layout/slider-2025.js

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

package/layout/spacer.js

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

package/layout/stack.js

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

package/layout/svg.js

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

package/layout/switcher.js

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

package/layout/table.js

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

package/layout/text-field.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.216
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -181,31 +181,7 @@ class TextField extends Animator {
 		return this;
 	}
 	
-	padding(L, T, R, B){
-        
-        
-        if (L){
-           this.res.style.padding = `${L}px`;
-        }
-        
-        else 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}px`;
-        }
-		return this;
-	}
 	
-	margin(L, T, R, B){
-		this.res.style.marginLeft = L;
-		this.res.style.marginTop = T;
-		this.res.style.marginLeft = R;
-		this.res.style.marginBottom = `${B}px`;
-		return this;
-	}
 	
     
     placeholder(text){
@@ -223,11 +199,21 @@ class TextField extends Animator {
 		this.res.style.width = w;
 		return this;
 	}
-	
-	round(amount){
-		this.res.style.borderRadius = `${amount}px`;
+	/**
+	 * 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);
+	}
+
 	
 	onChange(action){
 		var value = this.res.value;

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.216
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -1424,56 +1424,13 @@ checkForAnimation(queries){
 		return this;
 	}
 
-	padding(L, T, R, B) {
-		if (L || T || R || B){ // CAUGHT MYSELF
-		this.res.style.paddingLeft = L;
-		this.res.style.paddingTop = T;
-		this.res.style.paddingRight = R;
-		this.res.style.paddingBottom = B;
-		} 
-		
-		if (!T && !R && !B){
-			//alert("j")
-		this.res.style.padding = L;	
-		}
-		
-		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){
-			// alert("j")
-		this.res.style.margin = L;	
-		}
-		
-		return this;
-	}
 	
 	
-	margin(direction, value){
-		if (direction == "top"){
-			this.res.style.marginTop = value;
-		} else if (direction == "bottom"){
-			this.res.style.marginBottom = value;
-		}else if (direction == "left"){
-			this.res.style.marginLeft = value;
-		}else if (direction == "right"){
-			this.res.style.marginRight = value;
-		}
-		
-		return this;
-	}
 
 	headline() {
 		this.em(4)
@@ -1486,7 +1443,7 @@ checkForAnimation(queries){
 		this.bold();
 		this.res.style.fontFamily = "Arial";
 		this.color("gray");
-		this.padding("top", 20);
+		this.pad([{t: 20}]);
 		
 		this.res.style.fontSize = "1em";
 		

package/layout/ulist.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.216
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -169,23 +169,12 @@ class UList extends Animator {
         return this;
     }
 
-    margin(val) {
-        this.res.style.margin = val;
-        return this;
-    }
 
     border(w, color) {
         this.res.style.border = `${w}px solid ${color}`;
         return this;
     }
 
-    padding(T, L, R, B) {
-        this.res.style.paddingTop = T;
-        this.res.style.paddingLeft = L;
-        this.res.style.paddingRight = R;
-        this.res.style.paddingBottom = B;
-        return this;
-    }
 
     headline() {
         this.em(4);

package/layout/video.js

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

package/layout/without-new.js

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

package/layout/wrap.js

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

package/layout/zoom-card.js

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

package/lib/card-getter.js

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

package/lib/data.js

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

package/lib/designer.js

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

package/lib/element-mapper.js

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

package/lib/keyframe-animation.js

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

package/lib/link-getter.js

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

package/lib/raster-ops.js

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

package/lib/scroll-video.js

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

package/lib/seo.js

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