nodality 1.0.212 → 1.0.214

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

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

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

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

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

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

package/layout/form-components/form.js

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

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

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-new.js

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

package/layout/grid-switcher.js

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

package/layout/grid.js

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

package/layout/group.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -78,47 +78,7 @@ class Group extends Animator {
 		return this;
 	}
 	
-	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;
-	}
 
-	arrayMargin(arr, value) {
-		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;
-		}
-			
-		
-		return this;
-	}
 
 
 	

package/layout/header.js

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

package/layout/horizontal-scroller.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -163,7 +163,7 @@ class HScroller {
             fluidc: "S1",
           //  background: "orange",
             font: "Arial",
-            arrayMargin: {sides: ["top"], value: "3rem"},
+            mar: [{t: "3rem"}],
             stroke: {range:["0px","3000px"],op:{name:"blast",color:"#1abc9c",width:"3px"}}
         }),
 
@@ -171,7 +171,7 @@ class HScroller {
         .set({
            width: "400px",
            height: "100%",
-           arrayMargin: {sides: ["left", "bottom"], value: "-1.7rem"},
+           mar: [{l: "-1.7rem"}, {b: "-1.7rem"}],
            arrpad: {sides: ["top"], value: "3rem"},
            opacity: 0.7,
            zIndex: -1,

package/layout/image-old.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -198,48 +198,8 @@ return this;
 		return this;	
 	}
 
-	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;
-	}
 
 
-	arrayMargin(arr, value) {
-		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;
-		}
-			
-		
-		return this;
-	}
 
 
 	setup() {

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -330,23 +330,8 @@ obj.pad && this.pad(obj.pad);
 		options.height && (this.res.style.height = options.height);
 		options.height && (stra += `height: "${options.height}", `);
 
-		options.multimargin && this.makeMultiMargin(options.multimargin);
-		//options.multimargin && this.code.push(`multimargin: [\n`);
-		options.multimargin && (stra += `multimargin: [ \n`);
 
-// Seascape add 12/07/23
-options.arrayMargin && this.arrayMargin(options.arrayMargin.sides, options.arrayMargin.value);
 
-		if (options.multimargin){
-			for (var i = 0; i < options.multimargin.length; i++){
-				const mer = options.multimargin[i];
-				stra += `{side: "${mer.side}", value: "${mer.value}"}, \n`;
-			}
-
-			stra += `], \n`;
-		//	this.code.push(`], \n`);
-
-		}
 
 
 		options.maxWidth && this.maxWidth(options.maxWidth);
@@ -524,29 +509,6 @@ options.arrayMargin && this.arrayMargin(options.arrayMargin.sides, options.array
 			//this.protoReact(arr)
 	}
 
-	makeMultiMargin(obj){ // 11:22:52
-	//	this.res.style.zIndex = "1";
-
-		for (var i = 0; i < obj.length; i++){
-			if (obj[i].side === "left"){
-				this.res.style.marginLeft = obj[i].value;
-			}
-
-			if (obj[i].side === "right"){
-				this.res.style.marginRight = obj[i].value;
-			}
-
-			if (obj[i].side === "top"){
-				this.res.style.marginTop = obj[i].value;
-			}
-
-			if (obj[i].side === "bottom"){
-				this.res.style.marginBottom = obj[i].value;
-			}
-		}
-		
-		return this;
-	}
 
 
 	setID(id){
@@ -736,48 +698,8 @@ return this;
 		return this;	
 	}
 
-	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;
-	}
 
 
-	arrayMargin(arr, value) {
-		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;
-		}
-			
-		
-		return this;
-	}
 
 
 	setup() {

package/layout/index.js

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

package/layout/label.js

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

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -221,8 +221,10 @@ document.body.appendChild(link);
 			img.style.width = options.options.size;
 			options.options.radius && (img.style.borderRadius = options.options.radius);
 			img.setAttribute("src", options.options.img);
+			// `pad` here is a raw CSS shorthand string, not the array-of-sides
+			// spec `pad` means everywhere else. Left as it is: changing the
+			// shape would break any caller passing a string.
 			options.options.pad && (this.res.style.padding = options.options.pad);
-			options.options.padRight && (this.res.style.paddingRight = options.options.padRight);
 			link.appendChild(img);
 		}
 
@@ -307,7 +309,7 @@ obj.fixMobileTap && this.fixMobileTap(obj.fixMobileTap);
 const mapped = sides.map(x => `"${x}"`).join(", ");
 		obj.arrayPadding && this.arrayPadding(obj.arrayPadding.sides, obj.arrayPadding.value);
 		//obj.arrayPadding && this.arrayPadding(obj.arrayMargin.sides, obj.arrayMargin.value);
-		obj.arrayPadding && (stra += `\n arrayPadding: {sides: [${mapped}], value: "${obj.arrayPadding.value}"},`);
+		obj.arrayPadding && (stra += this.spacingCode("pad", obj.arrayPadding.sides, obj.arrayPadding.value));
 */
 
 
@@ -415,20 +417,8 @@ obj.pad && (stra += `\n pad: ${rempad},`);
 	//	obj.width && this.width(obj.width);
 		obj.width && (stra += `\n width: "${obj.width}",`);
 
-		if (obj.arrayPadding){
-			let sides = obj.arrayPadding.sides;
-			//// // console.log(sides);
-			//// // console.log(sides.map(x => `"${x}"`).join(", "));
-
-		const mapped = sides.map(x => `"${x}"`).join(", ");
-		obj.arrayPadding && this.arrayPadding(obj.arrayPadding.sides, obj.arrayPadding.value);
-		//obj.arrayPadding && this.arrayPadding(obj.arrayMargin.sides, obj.arrayMargin.value);
-		obj.arrayPadding && (stra += `\n arrayPadding: {sides: [${mapped}], value: "${obj.arrayPadding.value}"},`); // 2345 06/03
-	}
 		
-		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.maxWidth && this.maxWidth(obj.maxWidth);
 		// // // console.log(obj.arrayMargin);
@@ -739,80 +729,9 @@ if (ft.length > 0){
 		return this;
 	}
 	
-// 22:27:47
-	arrayPadding(arr, value) {
-
-		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 (arr[0] === "all"){
-			this.res.style.paddingLeft = value;
-			this.res.style.paddingTop = value;
-			this.res.style.paddingRight = value;
-			this.res.style.paddingBottom = 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;
-		}
-
-		if (!value){
-			this.res.style.paddingBottom = arr;
-		}
-		
-
-		//alert(value);
-
-		return this;
-	} //22155 snap to change phone screen
+// 22:27:47 //22155 snap to change phone screen
  
 
-	arrayMargin(arr, value) { // 224857 redefined earlier
-
-		// // // 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 (arr.includes("all")){
-			this.res.style.margin = value;
-		}
-
-		if (!value){
-			this.res.style.marginBottom = arr;
-		}
-		
-		return this;
-	}
 
 	getClampValue(name){
 		if (name === "S6"){
@@ -922,15 +841,6 @@ if (ft.length > 0){
 	}
 	
 	
-	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];
-		return this;
-	}
 	
 	color(c){
 		this.res.style.color = c;
@@ -1065,11 +975,7 @@ if (ft.length > 0){
 		return this;
 	}
 
-	/*
-	arrayMargin(px){
-		this.res.style.margin = px;
-		return this;
-	}*/
+	/**/
 	
 	/* hover(back, fore){
 		this.prevColor = this.res.style.backgroundColor;

package/layout/list-OLD.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/modernwrap.js

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

package/layout/multiswitcher.js

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

package/layout/multiswitcherBeta.js

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

package/layout/nav-bar.js

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

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

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

package/layout/navBar-OLD.js

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

package/layout/new-flat-adder.js

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

package/layout/new-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -390,7 +390,7 @@ class UINavBar extends Animator {
                             link = new Dropdown(item.items, item.title)
                         } else {
                             link = new Link(item.title, item.url)
-                                .arrayPadding(["left", "right"], "1em");
+                                .pad([{lr: "1em"}]);
                         }
 
                     } else {

package/layout/offset-container.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.212
+ * nodality v1.0.214
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -31,7 +31,7 @@ class OffsetContainer extends Animator{
 		 obj.columns && this.columns(obj.columns);
 		 obj.width && (this.res.style.width = obj.width);
 		 obj.border && (this.res.style.border = obj.border);
-		 obj.simpleCenter && this.simpleCenter();
+		 obj.simpleCenter && this.deprecatedOption("simpleCenter", 'center: true');
 		// obj.simpleCenter && (stra += `center: "${obj.simpleCenter}",`);
 
 		if (obj.field) {
@@ -44,13 +44,6 @@ class OffsetContainer extends Animator{
 	}
 
 
-	simpleCenter(){
-		this.res.style.justifyContent = "center";
-		this.res.style.justifyItems = "center";
-		this.res.style.alignContent = "center";
-		this.res.style.alignItems = "center";
-		return this;
-	}
 
 	// https://youtube.com/shorts/u7q1Qj1uuD8?feature=share