nodality 1.0.213 → 1.0.215

package/layout/polygon.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -136,11 +136,6 @@ class Polygon extends Animator {
     return `polygon(${points.join(",")})`;
   }
 
-  center() {
-    this.res.style.marginLeft = "auto";
-    this.res.style.marginRight = "auto";
-    return this;
-  }
 
   color(color) {
     this.res.style.background = color;

package/layout/prerender-site.js

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

package/layout/prerender.js

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

package/layout/progress.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -44,26 +44,6 @@ class Progress {
 	}
 	
 	
-	arrayPadding(arr, value) {
-		if (arr.includes("left")){
-			this.res.style.paddingLeft = value;
-		}
-		
-		if (arr.includes("right")){
-			this.res.style.paddingRight = value;
-		}
-		
-		if (arr.includes("top")){
-			this.res.style.paddingTop = value;
-		}
-		
-		if (arr.includes("bottom")){
-			this.res.style.paddingBottom = value;
-		}
-			
-		
-		return this;
-	}
 	
 	size(obj){
 		let width = obj.width.split("%")[0];

package/layout/row.js

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

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

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

package/layout/scroll-video.js

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

package/layout/side-bar.js

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

package/layout/side-nav-bar.js

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

package/layout/simple-bar.js

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

package/layout/slider-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -31,7 +31,7 @@ class Slider {
           svg: this.createArrowSVG("left", 28, this.tintColor),
           color: this.tintColor,
           radius: "100%",
-          arrayMargin: { sides: ["all"], value: "1rem" },
+          mar: [{a: "1rem"}],
         }),
 
         rightButton: new Button("R").set({
@@ -39,7 +39,7 @@ class Slider {
           svg: this.createArrowSVG("right", 28, this.tintColor),
           color: this.tintColor,
           radius: "100%",
-          arrayMargin: { sides: ["all"], value: "1rem" },
+          mar: [{a: "1rem"}],
         }),
       };
       this.buttons = buttons;

package/layout/spacer.js

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

package/layout/stack.js

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

package/layout/svg.js

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

package/layout/switcher.js

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

package/layout/table.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -130,11 +130,6 @@ class Table extends Animator {
     return this;
   }
 
-  center() {
-    this.res.style.marginLeft = "auto";
-    this.res.style.marginRight = "auto";
-    return this;
-  }
 
   cellPadding(padding) {
     for (let row of this.res.rows) {

package/layout/text-field.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -46,9 +46,7 @@ class TextField extends Animator {
 		//@ placeholder: Placeholder text shown while the field is empty.
 		obj.placeholder && (this.res.placeholder = obj.placeholder);
 		//@ arrayPadding: Padding on named sides. {sides: ["left","top"], value: "1rem"}.
-		obj.arrayPadding && this.arrayPadding(obj.arrayPadding.sides, obj.arrayPadding.value);
 		//@ arrayMargin: Margin on named sides. {sides: ["left"], value: "1rem"}.
-		obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
 		obj.pad && this.pad(obj.pad);
         obj.mar && this.mar(obj.mar);
 		obj.maxWidth && (this.res.style.maxWidth = obj.maxWidth);
@@ -76,74 +74,12 @@ class TextField extends Animator {
 	}
 
 
-    arrayPadding(arr, value) {
-		//alert("PP")
-		//console.log(arr);
-			if (arr.includes("left")){
-				this.res.style.paddingLeft = value;
-			}
-	
-			// console.log("PAD");
-			// console.log(this.res.style.paddingLeft);
-			// console.log(arr);
-			// console.log(value);
-			
-			if (arr.includes("right")){
-				this.res.style.paddingRight = value;
-			}
-			
-			if (arr.includes("top")){
-				this.res.style.paddingTop = value;
-			}
-			
-			if (arr.includes("bottom")){
-				this.res.style.paddingBottom = value;
-			}
-	
-			if (arr.includes("all")){
-				this.res.style.padding = value;
-					}
-				
-			
-			return this;
-		}
 
 		toCode() {
 			const objString = JSON.stringify(this.options, null, 4);
 			return [`new TextField().set(${objString})`];
 		}
 	
-		arrayMargin(arr, value) {
-			//alert("PP")
-			//console.log(arr);
-				if (arr.includes("left")){
-					this.res.style.marginLeft = value;
-				}
-		
-				// console.log("PAD");
-				// console.log(this.res.style.paddingLeft);
-				// console.log(arr);
-				// console.log(value);
-				
-				if (arr.includes("right")){
-					this.res.style.marginRight = value;
-				}
-				
-				if (arr.includes("top")){
-					this.res.style.marginTop = value;
-				}
-				
-				if (arr.includes("bottom")){
-					this.res.style.marginBottom = value;
-				}
-		
-				if (arr.includes("all")){
-					this.res.style.margin = value;
-						}
-					
-				
-				return this;
-			}
 			
     
     setValid(valid, value){

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -411,7 +411,6 @@ this.res.style.position = "absolute";
 	
 		super.setClass(this.options.class);
 		obj.clampc && this.clampCopy(obj.clampc);
-		obj.arrpad && this.arrayPadding(obj.arrpad.sides, obj.arrpad.value);
 		//obj.pad && this.pad(obj.pad);
 	//	obj.respad && this.respad(obj.respad);
 	//	obj.resmar && this.resmar(obj.resmar);
@@ -425,7 +424,6 @@ this.res.style.position = "absolute";
 		obj.absolute && (this.res.style.position = "absolute");
 		
 
-		obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
 		obj.em && this.em(obj.em); 
 
 		if (obj.fluid){
@@ -437,11 +435,12 @@ this.res.style.position = "absolute";
 		obj.align && (this.res.style.textAlign = obj.align);
 		
 		// obj.weight && (this.res.style.fontWeight = obj.weight);
-		obj.padding && this.padding(obj.padding);
   //@ breakWord: Allow long words to wrap mid-word (word-wrap: break-word).
 		obj.breakWord && (this.res.style.wordWrap = "break-word");
-		obj.center && (this.res.style.marginRight = "auto");
-		obj.center && (this.res.style.marginLeft = "auto");
+		// `center` used to set auto margins here, i.e. centre the Text
+		// ITSELF — the opposite of what it means on every other component
+		// now. That is `mar: "center"`.
+		obj.center && this.deprecatedOption("center on Text", 'mar: "center"');
 		//obj.width && (this.res.style.width = obj.width);
 	//	obj.height && (this.res.style.height = obj.height);
 		//obj.background && (this.res.style.backgroundColor = obj.background);
@@ -671,47 +670,6 @@ checkForAnimation(queries){
 		
 	}
 
-	arrayMargin(arr, value) { // 224857 redefined earlier
-
-		if (!value){ // LTRB
-			this.res.style.marginLeft = `${arr[0]}px`;
-			this.res.style.marginTop = `${arr[1]}px`;
-			this.res.style.marginRight = `${arr[2]}px`;
-			this.res.style.marginBottom = `${arr[3]}px`;
-		}
-
-		
-		if (value === "7rem"){
-			// The text does not react to margin changes
-			// alert(arr);
-			// alert(value);
-		}
-		
-		
-		
-		// // console.log(arr);
-		if (arr.includes("left")){
-			this.res.style.marginLeft = value;
-		}
-		
-		if (arr.includes("right")){
-			this.res.style.marginRight = value;
-		}
-		
-		if (arr.includes("top")){
-			this.res.style.marginTop = value;
-		}
-		
-		if (arr.includes("bottom")){
-			this.res.style.marginBottom = value;
-		}
-
-		if (!value){
-			this.res.style.marginBottom = arr;
-		}
-		
-		return this;
-	}
     
 	clampExperiment(){
 
@@ -1389,10 +1347,6 @@ checkForAnimation(queries){
 		return this;
 	}
 
-	center() {
-		this.res.style.textAlign = "center";
-		return this;
-	}
 
 	/*size(s) {
 		this.res.style.fontSize = s;
@@ -1489,36 +1443,6 @@ checkForAnimation(queries){
 
 	
 	
-	arrayPadding(arr, value) {
-	
-		if (arr.includes("left")){
-			this.res.style.paddingLeft = value;
-		}
-
-		// console.log("PAD");
-		// console.log(this.res.style.paddingLeft);
-		// console.log(arr);
-		// console.log(value);
-		
-		if (arr.includes("right")){
-			this.res.style.paddingRight = value;
-		}
-		
-		if (arr.includes("top")){
-			this.res.style.paddingTop = value;
-		}
-		
-		if (arr.includes("bottom")){
-			this.res.style.paddingBottom = value;
-		}
-
-		if (!value){
-			this.res.style.paddingBottom = arr;
-		}
-			
-		
-		return this;
-	}
 	
 	margin(L, T, R, B) {
 		if (L || T || R || B){ // CAUGHT MYSELF
@@ -1601,25 +1525,6 @@ checkForAnimation(queries){
 	}
 
 
-	style(st) {
-		this.res.style.color = st.styles.color;
-		this.res.style.fontWeight = st.styles.fontWeight;
-
-		this.res.style.paddingLeft = st.styles.padding[0];
-		this.res.style.paddingTop = st.styles.padding[1];
-		this.res.style.paddingRight = st.styles.padding[2];
-		this.res.style.paddingBottom = st.styles.padding[3];
-
-		this.res.style.marginLeft = st.styles.margin[0];
-		this.res.style.paddingTop = st.styles.margin[1];
-		this.res.style.paddingRight = st.styles.margin[2];
-		this.res.style.paddingBottom = st.styles.margin[3];
-
-		this.res.style.opacity = st.styles.opacity;
-
-
-		return this;
-	}
 	
 	
 	applyStyle(w, style){

package/layout/ulist.js

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

package/layout/video.js

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

package/layout/without-new.js

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

package/layout/wrap.js

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

package/layout/zoom-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.213
+ * nodality v1.0.215
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -27,9 +27,7 @@ class ZoomCard extends Animator {
        obj.mar && this.mar(obj.mar);
 
 
-        obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
 		//obj.arrayMargin && this.arrayMargin(obj.arrayMargin.sides, obj.arrayMargin.value);
-		obj.arrayMargin && (stra += `\n arrayMargin: {sides: [${obj.arrayMargin.sides.map(side => `"${side}", `)}], value: "${obj.arrayMargin.value}"},`); // 2345 06/03
 
         obj.inpad && this.inpad(obj.inpad);
         obj.inpad && (stra += `\n inpad: {${obj.inpad}}`);

package/lib/card-getter.js

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

package/lib/data.js

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

package/lib/designer.js

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

package/lib/element-mapper.js

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

package/lib/keyframe-animation.js

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

package/lib/link-getter.js

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

package/lib/raster-ops.js

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

package/lib/scroll-video.js

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

package/lib/seo.js

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

package/lib/stacker.js

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

package/lib/theme.js

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

package/lib/transform-anim.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.0.213",
+  "version": "1.0.215",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",