nodality 1.0.188 → 1.0.190

package/layout/center.js

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

package/layout/checkbox.js

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

package/layout/circle.js

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

package/layout/clean-row.js

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

package/layout/code.js

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

package/layout/container.js

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

package/layout/custom.js

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

package/layout/div-image.js

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

package/layout/dropdown-2025.js

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

package/layout/dropdown.js

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

package/layout/empty-element.js

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

package/layout/external-stylesheet.js

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

package/layout/flex-card.js

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

package/layout/flex-grid.js

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

package/layout/flex-row.js

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

package/layout/footer.js

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

package/layout/form-components/custom.js

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

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

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

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

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

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

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

package/layout/form-components/form.js

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

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

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-new.js

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

package/layout/grid-switcher.js

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

package/layout/grid.js

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

package/layout/group.js

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

package/layout/header.js

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

package/layout/horizontal-scroller.js

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

package/layout/image-old.js

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

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.188
+ * nodality v1.0.190
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -154,7 +154,21 @@ let obj = options;
 
 
 		options.url && this.res.setAttribute("src", options.url);
-		
+
+		// Responsive sources + loading hints. All optional, so images that
+		// don't pass them are byte-for-byte what they were before. Only
+		// meaningful when the element is a real <img> (the default setup),
+		// not the background-image path taken by "exact"/"uncover".
+		if (this.res.tagName === "IMG") {
+			options.srcset && this.res.setAttribute("srcset", options.srcset);
+			options.sizes && this.res.setAttribute("sizes", options.sizes);
+			options.alt !== undefined && this.res.setAttribute("alt", options.alt);
+			options.loading && this.res.setAttribute("loading", options.loading);
+			options.decoding && this.res.setAttribute("decoding", options.decoding);
+			options.fetchPriority &&
+				this.res.setAttribute("fetchpriority", options.fetchPriority);
+		}
+
 		  options.id && this.res.setAttribute("id",  options.id);
 		options.id && (stra += ` id: "${options.id}", \n`);
 		this.id = options.id;
@@ -225,6 +239,11 @@ obj.pad && this.pad(obj.pad);
 		options.objectFit && (this.res.style.objectFit = /*"cover")*/ options.objectFit);
 		options.objectFit && (stra += `\n objectFit: "${options.objectFit}",`);
 
+		// Companion to objectFit — chooses which part of a cropped image stays
+		// visible (e.g. "center 38%" to favour faces over foreground).
+		options.objectPosition && (this.res.style.objectPosition = options.objectPosition);
+		options.objectPosition && (stra += `\n objectPosition: "${options.objectPosition}",`);
+
 
 		options.as && this.as(options.as);
 		

package/layout/index.js

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

package/layout/label.js

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

package/layout/link.js

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

package/layout/list-OLD.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/modernwrap.js

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

package/layout/multiswitcher.js

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

package/layout/multiswitcherBeta.js

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

package/layout/nav-bar.js

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

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

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

package/layout/navBar-OLD.js

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

package/layout/new-flat-adder.js

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

package/layout/new-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.188
+ * nodality v1.0.190
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -187,6 +187,36 @@ class UINavBar extends Animator {
             this.res.children[0].style.height = obj.height;
         }
 
+        // ── Presentation options ──────────────────────────────────────────
+        // Collected here and applied in render(), because the bar's inner
+        // wrappers are not created until items() runs. All are optional and
+        // unset by default, so existing bars render exactly as before.
+        //
+        //   gap          spacing between items (CSS length)
+        //   justify      justify-content on the item row
+        //   alignItems   align-items on the item row. Without it the row
+        //                inherits `normal`, i.e. stretch: every item becomes
+        //                full bar height and short text sits at the top of its
+        //                box, so a plain link and a padded pill visibly
+        //                misalign. Pass "center" for a conventional bar.
+        //   barPad       padding inside the bar itself
+        //   maxWidth     caps + centres the item row (page-width bars)
+        //   borderBottom hairline under the bar
+        //   ariaLabel    label for the navigation landmark
+        this._ui = {
+            gap: obj.gap,
+            justify: obj.justify,
+            alignItems: obj.alignItems,
+            barPad: obj.barPad,
+            maxWidth: obj.maxWidth,
+            borderBottom: obj.borderBottom,
+        };
+
+        // Landmark semantics. Attributes only — no layout or DOM-shape change,
+        // so this is safe for every existing caller.
+        this.res.setAttribute("role", "navigation");
+        this.res.setAttribute("aria-label", obj.ariaLabel || "Primary");
+
         return this;
     }
 
@@ -401,7 +431,18 @@ class UINavBar extends Animator {
     }
 
     sticky() {
-        this.res.children[0].style.position = "fixed";
+        // Applied to the root wrapper, not the inner bar. `position: sticky`
+        // can only travel within its own parent's box, and the inner bar's
+        // parent is exactly bar-height — so sticking it there pins it for zero
+        // pixels and it scrolls straight off. The root is a direct child of the
+        // page container, which is what gives it room to stay pinned.
+        //
+        // `sticky` rather than the previous `fixed`: fixed takes the bar out of
+        // flow and the first section slides underneath it.
+        this.res.style.position = "sticky";
+        this.res.style.top = this.res.style.top || "0px";
+        this.res.style.zIndex = this.res.style.zIndex || 50;
+        this._sticky = true;
         return this;
     }
 
@@ -454,6 +495,12 @@ class UINavBar extends Animator {
 
         var btn = document.createElement("button");
         btn.setAttribute("id", "hamburger");
+        // Announce the control and its state. Attribute-only, so nothing about
+        // the existing visual behaviour changes.
+        btn.setAttribute("type", "button");
+        btn.setAttribute("aria-label", "Menu");
+        btn.setAttribute("aria-expanded", "false");
+        btn.setAttribute("aria-controls", "innerItemsWrapper");
         btn.style.border = "none";
         btn.style.fontWeight = "bold";
         btn.style.position = "absolute"; // NEW
@@ -469,8 +516,9 @@ class UINavBar extends Animator {
 
         btn.addEventListener("click", () => {
 
-            
+
             this.isShown = !this.isShown;
+            btn.setAttribute("aria-expanded", String(this.isShown));
 
             this.hasAnimatedToWide = false;
 
@@ -851,8 +899,32 @@ class UINavBar extends Animator {
             // This gets owervwritten, column fires
 
             let myMedia = window.matchMedia(`(max-device-width: 415px)`);
-            let outerItemsWrapper = this.res.children[0].children[1];
-            let innerIW = outerItemsWrapper.children[0];
+            // Resolve by id, with the historical index as a fallback: the
+            // wrappers sit at index 1 only when the hamburger occupies index 0.
+            let outerItemsWrapper =
+                this.res.querySelector("#outerItemsWrapper") ||
+                this.res.children[0].children[1];
+            let innerIW = outerItemsWrapper &&
+                (outerItemsWrapper.querySelector("#innerItemsWrapper") ||
+                 outerItemsWrapper.children[0]);
+
+            // Apply the optional presentation settings from setup(). Each is
+            // skipped when unset, so bars that don't pass them are untouched.
+            const ui = this._ui || {};
+            if (innerIW) {
+                if (ui.gap) innerIW.style.gap = ui.gap;
+                if (ui.justify) innerIW.style.justifyContent = ui.justify;
+                if (ui.alignItems) innerIW.style.alignItems = ui.alignItems;
+                if (ui.barPad) innerIW.style.padding = ui.barPad;
+                if (ui.maxWidth) {
+                    innerIW.style.maxWidth = ui.maxWidth;
+                    innerIW.style.marginLeft = "auto";
+                    innerIW.style.marginRight = "auto";
+                }
+            }
+            if (outerItemsWrapper && ui.borderBottom) {
+                outerItemsWrapper.style.borderBottom = ui.borderBottom;
+            }
 
            // console.log("TEETH");
            // console.log(outerItemsWrapper);

package/layout/offset-container.js

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

package/layout/polygon.js

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

package/layout/prerender-site.js

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

package/layout/prerender.js

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

package/layout/progress.js

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

package/layout/row.js

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

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

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

package/layout/scroll-video.js

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

package/layout/side-bar.js

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

package/layout/side-nav-bar.js

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

package/layout/simple-bar.js

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

package/layout/slider-2025.js

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