nodality 1.3.13 → 1.3.15

package/layout/beta-desktop-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.13
+ * nodality v1.3.15
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -54,6 +54,9 @@ class /*Beta*/DesktopBar extends Animator { // add set method for background col
         if (obj.hamburgerColour) {
             this.hamburgerColour = obj.hamburgerColour;
         }
+        // Last, so a page's values replace the defaults setStyles() wrote.
+        obj.color && (this.res.style.color = obj.color);
+        obj.keySet && this.keySet(obj.keySet);
         return this;
     }
 

package/layout/beta-mobile-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.13
+ * nodality v1.3.15
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -39,15 +39,18 @@ let repl = this.removeQuotesFromFirstWord(JSON.stringify(this.obj));
 
 // 23:38:35 Yes!!! 23/04/2025
 // Alway construct neste in this way
-let codeObj = `
-background: "${this.obj.background}",
-brand: ${this.obj.brand.toCode()},
-mar: ${JSON.stringify(this.obj.mar)},
-pad: ${JSON.stringify(this.obj.pad)},
-resmar: ${JSON.stringify(this.obj.resmar)},
-respad: ${JSON.stringify(this.obj.respad)},
-radius: ${JSON.stringify(this.obj.radius)},
-`;
+// Des renders by running this code, so an option left out of it never
+// reaches the page — hamburgerColour was read by set() and dropped here.
+// Every option set() reads is emitted; brand only when there is one (it
+// threw on a bar without a brand).
+const SERIALISED = ["background", "color", "mar", "pad", "resmar", "respad", "radius", "maxHeight", "hamburgerColour", "keySet", "menuLabel", "menuId"];
+let codeObj = SERIALISED
+    .filter((k) => this.obj[k] !== undefined)
+    .map((k) => `${k}: ${JSON.stringify(this.obj[k])},`)
+    .join("\n");
+if (this.obj.brand && typeof this.obj.brand.toCode === "function") {
+    codeObj += `\nbrand: ${[].concat(this.obj.brand.toCode()).join("")},`;
+}
 
         return `new MobileBar().set({${codeObj}}).add([
                          ${items.join(",")}
@@ -92,9 +95,12 @@ radius: ${JSON.stringify(this.obj.radius)},
           this.hamburgerColour = obj.hamburgerColour;
       }
 
-   
-
       this.setStyles(obj);
+
+      // After setStyles, so a page's values replace the defaults.
+      obj.color && (this.navbar.style.color = obj.color);
+      obj.pad && this.pad(obj.pad);
+      obj.keySet && this.keySet(obj.keySet);
         return this;
     }
 
@@ -143,7 +149,6 @@ console.log(newTextInstance.render());*/
 //} 
 
 if (obj.brand && typeof newTextInstance.render === "function") {
-    console.log("Appending brand:", newTextInstance.render());
     this.brand.appendChild(newTextInstance.render());
 } else {
 }
@@ -156,9 +161,25 @@ if (obj.brand && typeof newTextInstance.render === "function") {
         this.toggleButton = document.createElement('button');
         this.toggleButton.classList.add('navbar-toggle');
         this.toggleButton.innerHTML = '☰'; // Hamburger icon
+        // A glyph is not a name: without these a screen reader announced the
+        // button as "☰" and could not tell whether the menu was open.
+        this.toggleButton.setAttribute('type', 'button');
+        this.toggleButton.setAttribute('aria-label', obj.menuLabel ?? 'Menu');
+        this.toggleButton.setAttribute('aria-expanded', 'false');
 
         this.navContent = document.createElement('div');
         this.navContent.classList.add('navbar-content');
+        if (obj.menuId) {
+            this.navContent.setAttribute('id', obj.menuId);
+            this.toggleButton.setAttribute('aria-controls', obj.menuId);
+        }
+        // Following a link closes the menu. On a one-page site the links are
+        // anchors, and a menu left open covered the section it had jumped to.
+        this.navContent.addEventListener('click', (e) => {
+            if (this.isMobileNavOpen && e.target && e.target.closest && e.target.closest('a')) {
+                this.toggleMobileNav();
+            }
+        });
 
         this.navbarHeader.appendChild(this.brand);
         this.navbarHeader.appendChild(this.toggleButton);
@@ -213,6 +234,7 @@ if (obj.brand && typeof newTextInstance.render === "function") {
 
     toggleMobileNav() {
         this.isMobileNavOpen = !this.isMobileNavOpen;
+        this.toggleButton.setAttribute('aria-expanded', String(this.isMobileNavOpen));
         this.navContent.style.display = this.isMobileNavOpen ? 'flex' : 'none';
         if (this.isMobileNavOpen) {
             this.navContent.style.flexDirection = 'column';

package/layout/button.js

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

package/layout/center.js

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

package/layout/checkbox.js

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

package/layout/circle.js

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

package/layout/code.js

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

package/layout/container.js

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

package/layout/dropdown-2025.js

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

package/layout/flex-card.js

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

package/layout/flex-grid.js

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

package/layout/flex-row.js

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

package/layout/form-components/custom.js

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

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

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

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

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

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

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

package/layout/form-components/form.js

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

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

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

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-overlay.js

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

package/layout/grid-switcher.js

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

package/layout/grid.js

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

package/layout/horizontal-scroller.js

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

package/layout/image.js

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

package/layout/index.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.13
+ * nodality v1.3.15
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -70,6 +70,7 @@ import { AreaSwitcher } from "../layout/grid-switcher.js";
 import { Polygon } from "../layout/polygon.js";
 import { Circle } from "../layout/circle.js";
 import { GridOverlay } from "../layout/grid-overlay.js";
+import { Shop } from "../layout/shop.js";
 
 // SEO + data helpers — also surface via package.json subpath exports
 // (`nodality/seo`, `nodality/data`) for Node-side tree-shaking, but we
@@ -142,6 +143,7 @@ if (typeof window !== 'undefined') {
   window.Polygon = Polygon;
   window.Circle = Circle;
   window.GridOverlay = GridOverlay;
+  window.Shop = Shop;
   window.FloatingInput = FloatingInput;
   window.Form = Form;
 }
@@ -203,6 +205,7 @@ if (typeof global !== 'undefined') {
   global.Polygon = Polygon;
   global.Circle = Circle;
   global.GridOverlay = GridOverlay;
+  global.Shop = Shop;
   global.FloatingInput = FloatingInput;
   global.Form = Form;
 }
@@ -264,6 +267,7 @@ export {
   Polygon,
   Circle,
   GridOverlay,
+  Shop,
   FloatingInput,
   Form,
   // SEO + data helpers — see explanation above the imports block.

package/layout/link.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/morph.js

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

package/layout/multiswitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.13
+ * nodality v1.3.15
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -117,8 +117,21 @@ str += `{ at: "${this.options.breakpoints[i].at}", view: ${this.options.breakpoi
 
   applyView() {
 
+    // No matchMedia at all (a bare jsdom — the prerenderer installs its own,
+    // other hosts may not): show the widest view rather than an empty box.
+    // The browser re-runs this with real queries when it rebuilds the page.
+    if (typeof window.matchMedia !== "function") {
+      const widest = this.breakpoints.reduce((a, b) => (parseFloat(b.at) > parseFloat(a.at) ? b : a), this.breakpoints[0]);
+      if (widest && this.currentView !== widest.view.render()) {
+        this.internalDiv.innerHTML = "";
+        this.internalDiv.appendChild(widest.view.render());
+        this.currentView = widest.view.render();
+      }
+      return;
+    }
+
 // check if we are in range
-    
+
     const width = window.innerWidth;
 
     let rstart = this.breakpoints.map(el => el.at);

package/layout/nav-bar.js

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

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

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

package/layout/new-nav-bar.js

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

package/layout/polygon.js

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

package/layout/prerender-site.js

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

package/layout/prerender.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.13
+ * nodality v1.3.15
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -263,14 +263,19 @@ export async function prerender({
   window.matchMedia = (query) => {
     let matches = false;
     if (typeof query === "string" && query.includes("width")) {
-      // Parse a single "(min-width: 768px)" or "(max-width: 768px)"
-      // clause. Multi-clause queries (commas, `and`) fall through to
-      // false — Nodality's breakpoint code doesn't emit those.
-      const min = query.match(/min-width:\s*(\d+)\s*px/i);
-      const max = query.match(/max-width:\s*(\d+)\s*px/i);
-      if (min && !max) matches = vw >= Number(min[1]);
-      else if (max && !min) matches = vw <= Number(max[1]);
-      // Both present (range) or other → leave as false.
+      // Every min-width / max-width clause must hold, so a range —
+      // "(min-width: 0px) and (max-width: 1199px)" — resolves too. It
+      // used to fall through to false on the claim that Nodality never
+      // emits one, but the Switcher behind every `nav` does: no range
+      // matched during SSG, and every nav shipped as an empty box.
+      // Comma lists (OR) are still answered false.
+      if (!query.includes(",")) {
+        const min = query.match(/min-width:\s*([\d.]+)\s*px/i);
+        const max = query.match(/max-width:\s*([\d.]+)\s*px/i);
+        if (min || max) {
+          matches = (!min || vw >= Number(min[1])) && (!max || vw <= Number(max[1]));
+        }
+      }
     }
     return {
       matches,

package/layout/progress.js

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

package/layout/row.js

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

package/layout/scroll-video.js

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