nodality 1.3.22 → 1.3.24

package/layout/form-components/form.js

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

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

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-overlay.js

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

package/layout/grid-switcher.js

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

package/layout/grid.js

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

package/layout/horizontal-scroller.js

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

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -40,7 +40,7 @@ class Image extends Animator {
 
 
 	hand(){
-		this.res.style.cursor = "hand";
+		this.res.style.cursor = "pointer";
 		return this;
 	}
 

package/layout/index.js

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

package/layout/link.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/morph.js

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

package/layout/multiswitcher.js

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

package/layout/nav-bar.js

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

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

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

package/layout/new-nav-bar.js

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

package/layout/polygon.js

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

package/layout/prerender-site.js

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

package/layout/prerender.js

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

package/layout/progress.js

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

package/layout/row.js

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

package/layout/scroll-video.js

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

package/layout/shop.js

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

package/layout/side-bar.js

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

package/layout/side-nav-bar.js

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

package/layout/simple-bar.js

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

package/layout/slider-2025.js

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

package/layout/spacer.js

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

package/layout/stack.js

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

package/layout/svg.js

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

package/layout/switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -22,17 +22,9 @@ class Switcher extends Animator {
      
       }
   
-      let area = document.createElement("textarea");
-      area.style.fontWeight = "bold";
-      area.style.height = 1000;
-      area.style.width = 1000;
-  
-  
-  
-     /* te.value = te.value.replace(".mount('#mount');,", ".mount('#mount');");
-      te.value = te.value.replace(" ,new Wrapper", "new Wrapper");
-  */
-  
+      // (A debug <textarea> holding the generated code used to be appended
+      // to the page body here, visible on every page that used this.)
+
   this.codeArr  = [...this.code];
   
      this.code =  this.code.toString().replaceAll(", .", ".")
@@ -42,8 +34,6 @@ class Switcher extends Animator {
      .replaceAll("[,", "[")
      .replace(/,+/g, ',');
   
-      area.value = this.code;
-      document.body.appendChild(area);
   
      
       /* {
@@ -63,25 +53,19 @@ class Switcher extends Animator {
     this.res = document.createElement("div"); // move out of the loop
     // 17:27:15 29/09/23
    
+    // Rebuild only when the matched view CHANGES. This emptied the box and
+    // rendered the view again on every resize event, and on a phone the
+    // address bar fires one per scroll gesture: the content was torn down
+    // and put back (a flash), losing focus, scroll and a playing video.
+    let current = null;
     const innerSwitch = () => {
-
-
-  // alert("LK")
-
-
-this.res.innerHTML = "";
-   // this.code.push(` \n .switchElements()`)
-    let mq = window.matchMedia(`(max-width: ${this.obj.breakpoint})`).matches;
-
-    if (mq){
-    //  alert("O")
-    
-      this.res.appendChild(this.obj.first.render());
-    } else {
-    
-      this.res.appendChild(this.obj.second.render());
-    }
-  }
+      const mq = window.matchMedia(`(max-width: ${this.obj.breakpoint})`).matches;
+      const view = mq ? this.obj.first : this.obj.second;
+      if (view === current) return;
+      current = view;
+      this.res.innerHTML = "";
+      this.res.appendChild(view.render());
+    };
 
   innerSwitch();
 

package/layout/table.js

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

package/layout/text-field.js

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

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -162,8 +162,8 @@ this.res.style.position = "absolute";
 
 		obj.maxWidth && (this.res.style.maxWidth = obj.maxWidth);
 
-  //@ cursor: Show a pointer cursor. Any truthy value; the cursor style itself is fixed.
-		obj.cursor && (this.res.style.cursor = "hand");
+		// `cursor` is applied by commonMethods above. This line used to overwrite
+		// it with "hand", which no browser but Internet Explorer accepts.
 		
   //@ gpos: Grid placement — {col, row}, written to grid-column and grid-row.
 		obj.gpos && this.gpos(obj.gpos);

package/layout/ulist.js

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

package/layout/video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -144,6 +144,19 @@ class Video extends Animator {
 
 		//@ video.background {color}: CSS background behind the frame — visible while the poster loads.
 		obj.background && (v.style.background = obj.background);
+
+		//@ video.posterBehind {bool}: Also paint the poster behind the frame, sized like it (objectFit). On by default whenever there is a poster; pass false for a clip with transparency, which would show it through.
+		// Browsers stop drawing the poster when play() starts, not when the
+		// first frame arrives. In between the element shows only its
+		// background, so an autoplaying loop that starts as it scrolls into
+		// view flashed blank for a frame or more before the picture.
+		if (obj.poster && obj.posterBehind !== false && !/url\(|gradient\(/.test(String(obj.background || ""))) {
+			const fit = obj.objectFit || "contain";
+			v.style.backgroundImage = `url(${JSON.stringify(String(obj.poster))})`;
+			v.style.backgroundSize = fit === "cover" ? "cover" : fit === "fill" ? "100% 100%" : fit === "none" ? "auto" : "contain";
+			v.style.backgroundPosition = "center";
+			v.style.backgroundRepeat = "no-repeat";
+		}
 		//@ video.height {css-length}: CSS height of the element.
 		obj.height && (v.style.height = obj.height);
 		//@ video.maxWidth {css-length}: CSS max-width of the element.

package/layout/wrap.js

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

package/layout/zoom-card.js

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

package/lib/agent-surface.js

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

package/lib/card-getter.js

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

package/lib/check-page.js

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

package/lib/codegen.js

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

package/lib/data.js

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

package/lib/designer.js

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

package/lib/element-mapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -967,7 +967,7 @@ animation: {
             fluidc: "S6",
           weight: "bold",
           align: "center",
-          cursor: "hand",
+          cursor: "pointer",
           icon: {
             padding: 30,
             url: "https://cdn-icons-png.flaticon.com/512/60/60995.png"
@@ -1072,6 +1072,8 @@ alert("PP")
             ...(el.pad !== undefined ? { pad: el.pad } : {}),
             ...(el.color !== undefined ? { color: el.color } : {}),
             ...(el.keySet !== undefined ? { keySet: el.keySet } : {}),
+            //@ nav.brandLink {url}: Where the brand leads, e.g. "/". Without it the brand is not a link.
+            ...(el.brandLink ? { brandLink: el.brandLink } : {}),
         };
 
         //@ nav.breakpoint {px-or-length}: Width from which the full bar shows; below it the links collapse behind the menu button. Default "1200px".
@@ -1210,7 +1212,7 @@ if (obj.el.dropdown){
           }).add([
      new Text("First")
      .set({
-     cursor: "hand",
+     cursor: "pointer",
      icon: {padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},
      fluidc: "S6",
      pad: [{l:20,r:10}], 
@@ -1329,7 +1331,7 @@ if (obj.el.dropdown){
                     }).add([
                         new Text("More")
                             .set({
-                                cursor: "hand",
+                                cursor: "pointer",
                                 icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                 fluidc: "S6",
                                 pad: [{ l: 10, r: 10 }],
@@ -1341,7 +1343,7 @@ if (obj.el.dropdown){
 
                             new Text("Our story")
                             .set({
-                                cursor: "hand",
+                                cursor: "pointer",
                                // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                 fluidc: "S6",
                                 pad: [{ l: 10, r: 10 }],
@@ -1353,7 +1355,7 @@ if (obj.el.dropdown){
 
                             new Text("Team")
                             .set({
-                                cursor: "hand",
+                                cursor: "pointer",
                                // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                 fluidc: "S6",
                                 pad: [{ l: 10, r: 10 }],
@@ -1407,7 +1409,7 @@ if (obj.el.dropdown){
                            }).add([
                                new Text("More")
                                    .set({
-                                       cursor: "hand",
+                                       cursor: "pointer",
                                        icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                        fluidc: "S6",
                                        pad: [{ l: 10, r: 10 }],
@@ -1430,7 +1432,7 @@ new Wrapper().set({
                                    .set({
                                     text: "Who we are", // BEWARE
                                     url: "jk",
-                                       cursor: "hand",
+                                       cursor: "pointer",
                                       // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                        fluidc: "S6",
                                        pad: [{ l: 10, r: 10 }],
@@ -1443,7 +1445,7 @@ new Wrapper().set({
                                    .set({
                                     text: "Info", 
                                     url: "#u",
-                                       cursor: "hand",
+                                       cursor: "pointer",
                                       // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                        fluidc: "S6",
                                        pad: [{ l: 10, r: 10 }],
@@ -1457,7 +1459,7 @@ new Wrapper().set({
                                    .set({
                                     text: "About", 
                                     url: "#u",
-                                       cursor: "hand",
+                                       cursor: "pointer",
                                       // icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                                        fluidc: "S6",
                                        pad: [{ l: 10, r: 10 }],
@@ -1621,7 +1623,7 @@ new Wrapper().set({
         }).add([
             new Text("More")
                 .set({
-                    cursor: "hand",
+                    cursor: "pointer",
                     icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
                     fluidc: "S6",
                     pad: [{ l: 10, r: 10 }],