nodality 1.0.215 → 1.0.217

package/layout/grid-switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -135,22 +135,15 @@ for (var i = 0; i < arr.length - 1; i++){
      this.el = document.createElement("div");
      this.gridWrap = document.createElement("div");
     }
-  
-    DOMAdd(dom){
-      this.domStr = dom;
-      this.domEl = document.querySelector(dom);
-      return this;
-    }
+
+
   
     items(arr){
       this.items = arr;
       return this;
     }
-  
-    dynamicItems(arr){
-      this.dynamicItems = arr;
-      return this;
-    }
+
+
     switch(breakpoints){
       const innerSwitch = () => {
           for (let i = 0; i < breakpoints.length; i++){

package/layout/grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -37,46 +37,7 @@ class Grid {
 		return this;
 	}
 
-	freeAreas(){
-		this.res.style.gridTemplateAreas = `"a a a b c"`;
-		return this;
-	}
-	
-	
-	setAreas(areas){
-		this.res.children[0].style.gridArea = "a";
-		this.res.children[1].style.gridArea = "b";
-		this.res.style.gridTemplateAreas = `"a a a b"`;
-		return this;
-	}
-
-	detailView(){
-		let detail = document.createElement("img");
-		detail.setAttribute("src", "https://www.kasandbox.org/programming-images/animals/birds_rainbow-lorakeets.png");
-		detail.style.width = "400px";
-		detail.style.marginLeft = "auto";
-		detail.style.marginRight = "auto";
-
-//this.res.style.zIndex = -1;
-
-		detail.style.zIndex = 2;
-
-
 
-		this.res.appendChild(detail);
-		return this;
-
-	}
-
-
-
-
-	
-	stretchFit() {
-		this.res.style.height = "auto";
-		this.res.style.width = "100%";
-		return this;
-	}
 
 	size(w, h) {
 		if (w === "wide") {

package/layout/horizontal-scroller.js

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

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -33,10 +33,7 @@ class Image extends Animator {
 			}*/
 	}
 
-	removeQuotesFromFirstWord(jsonString) {
-		const modifiedJSON = jsonString.replace(/"([^"]+)":/g, '$1:');
-		return modifiedJSON;
-	  }
+
 
 	setType({url, type, mode}){
 		//alert("Thrice?");
@@ -58,29 +55,14 @@ class Image extends Animator {
 		return this;
 	}
 
-	flexOne(){
-		this.res.style.flex = "1";
-		return this;
-	}
+
 
 	hand(){
 		this.res.style.cursor = "hand";
 		return this;
 	}
 
-	
-
-	// Just for visual 
-	setGridWithoutCode(){
-		this.res.style.border = "1px solid white";
-		return this;
-	}
-
 
-	maxWidth(w){
-		this.res.style.maxWidth = w;
-		return this;
-	}
 
 
 	getHeight(){
@@ -516,11 +498,7 @@ obj.pad && this.pad(obj.pad);
 		return this;
 	}
 
-	square(){
-		this.res.style.width = "30%";
-		this.res.style.paddingBottom = "30%";
-		return this;
-	}
+
 
 
 	opacity(value){
@@ -529,11 +507,6 @@ obj.pad && this.pad(obj.pad);
 	}
 
 
-	rowCol(row, col){
-		this.res.style.gridRow = row;
-		this.res.style.gridColumn = col;
-		return this;
-	}
 
 
 	setArea(area){
@@ -541,15 +514,7 @@ obj.pad && this.pad(obj.pad);
 		return this;
 	}
 
-	setGridRow(row){
-		this.res.style.gridRow = row;
-		return this;
-	}
 
-	setGridCol(col){
-		this.res.style.gridColumn = col;
-		return this;
-	}
 
 	setGrid(){
 		this.res.style.gridRow = "span 2";
@@ -568,16 +533,7 @@ obj.pad && this.pad(obj.pad);
 		return this;
 	}
 
-	offseta(){
-		this.res.style.marginLeft = "90px";
-		this.res.style.marginTop = "-30px";
-		return this;
-	}
-	
-	borderAround(data){
-		this.res.style.border = data;
-		return this;
-	}
+
     
 	setClass(name){
 		this.res.setAttribute("class", name);
@@ -617,10 +573,7 @@ obj.pad && this.pad(obj.pad);
         return this;
     }
 
-	allRound(dimensions){
-this.res.style.borderRadius = dimensions;
-return this;
-	}
+
 
 
 	mobileWidth(){
@@ -713,20 +666,14 @@ return this;
 		return this;
 	}
 
-	autoW(){
-		this.res.style.width = "initial";
-		return this;
-	}
+
 
 	float(dir){
 		this.res.style.float = `${dir}`;
 		return this;
 	}
 
-	fillAvailable(){
-		this.res.style.height = "-webkit-fill-available";
-		return this;
-	}
+
 	
 	grayscale(val){
 		this.res.style.filter = `grayscale(${val}%)`;
@@ -835,39 +782,17 @@ if (mqa.matches){
 	}
 
 
-	toBack(){
-		this.res.style.zIndex = "-1";
-		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){
-			
-			if (T !== 0 || R !== 0 || B !== 0){
-				//	alert("j")
-		this.res.style.margin = L;	
-			}
-		
-			
-		}
-		
-		return this;
-	}
 	
 	
-	padding(el){
-		this.res.style.padding = el;
-		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) {
 		if (w && h) {
 			this.res.style.width = w;
 			this.res.style.height = h;
@@ -879,6 +804,13 @@ if (mqa.matches){
 		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);
+	}
+
+
     
     
     frame(obj) {
@@ -896,24 +828,7 @@ if (mqa.matches){
 		return this;
 	}
 
-    
-    
-	RSize(w, h, ratio) {
-		
-		let mq = window.matchMedia("(max-device-width: 420px)");
-			
-		
-		if (w && h) {
-			
-			this.res.style.width = mq.matches ? w * ratio : w;
-			this.res.style.height = mq.matches ? h * ratio : h;
-		} else {
-			this.res.style.width = mq.matches ? w * ratio : w;
-			this.res.style.height = mq.matches ? w * ratio : w;
-		}
 
-		return this;
-	}
 
 	
 	
@@ -934,14 +849,8 @@ if (mqa.matches){
         
         return this;
     }
-    
-    
-    
-	
-	clipShape(shape) {
-		this.res.style.borderRadius = "50%";
-		return this;
-	}
+
+
 	
 	cornerRadius(val){
 		this.res.style.borderRadius = val;

package/layout/index.js

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

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (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;
 	}
 
@@ -825,20 +829,7 @@ if (ft.length > 0){
 		return this;
 	}
 
-	myself(obj) {
-		const adj = () => {
-			let query = window.matchMedia("(max-device-width: 415px)");
-			if (query.matches) {
-				this.res.style.fontSize = obj.desktop;
-			} else {
-				this.res.style.fontSize = obj.phone;
-			}
-		}
 
-		adj();
-		window.addEventListener("resize", adj);
-		return this;
-	}
 	
 	
 	
@@ -852,34 +843,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 +911,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 +936,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 +991,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.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/multiswitcher.js

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

package/layout/nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -158,13 +158,8 @@ class NavBar {
 		
 		return this;
 	}
-	
 
-	
-	openSymbol(symbol){
-		this.symbol = symbol;
-		return this;
-	}
+
     
     
         background(obj){
@@ -172,18 +167,8 @@ class NavBar {
               this.ele.style.opacity = obj.opacity;
             return this;
         }
-    
-    transluescent(){
-        this.ele.style.backgroundColor = "rgba(255,255,255,0.72)";
-        return this;
-        //background-color: rgba(255,255,255,0.72);
-    }
-    
-    
-    keepItem(item){
-        this.keepItem = item;
-        return this;
-    }
+
+
 	
 /*--------------------------------------------------ADJUST--------------------------------------------------*/	
 	// set habmurger icon
@@ -259,7 +244,6 @@ adjust(w) {
 			child.style.display = "block";
 			
 			if (child.textContent === this.titleText && this.titleText.length > 0) {
-                alert(child.textContent)
 				child.style.fontSize = "2em";
 			}
 			

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

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

package/layout/new-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -468,11 +468,6 @@ class UINavBar extends Animator {
 
 
 
-    openSymbol(symbol) {
-        this.symbol = symbol;
-        return this;
-    }
-
 
     background(obj) {
 
@@ -486,17 +481,7 @@ class UINavBar extends Animator {
         return this;
     }
 
-    transluescent() {
-        this.res.children[0].style.backgroundColor = "rgba(255,255,255,0.72)";
-        return this;
-    }
-
 
-    keepItem(item) {
-      //  console.log("Wow");
-        this.keepItem = item;
-        return this;
-    }
 
     addHamburger = () => {
 

package/layout/polygon.js

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

package/layout/prerender.js

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

package/layout/progress.js

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

package/layout/row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.215
+ * nodality v1.0.217
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -65,9 +65,6 @@ class Row {
 	}
 
 
-	static test(){
-		alert("Wow")
-	}
 
 	setup(obj) {
 		//let parent = document.createElement("div");

package/layout/scroll-video.js

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