nodality 1.3.11 → 1.3.12

package/layout/index.js

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

package/layout/link.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/morph.js

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

package/layout/multiswitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.11
+ * nodality v1.3.12
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -57,7 +57,11 @@ str += `{ at: "${this.options.breakpoints[i].at}", view: ${this.options.breakpoi
 
    //   console.log(str);
 
-      return [`new Switcher().set({
+      // The id is applied in render(), but only if the generated code carries
+      // it — and this used to leave it out, so every nav, sideNav and
+      // multiswitcher rendered without the id its element declared.
+      const idLine = this._id ? `\n        id: ${JSON.stringify(String(this._id))},` : "";
+      return [`new Switcher().set({${idLine}
         breakpoints: [
         ${str}
         ]

package/layout/nav-bar.js

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

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

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

package/layout/new-nav-bar.js

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

package/layout/polygon.js

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

package/layout/prerender-site.js

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

package/layout/prerender.js

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

package/layout/progress.js

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

package/layout/row.js

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

package/layout/scroll-video.js

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

package/layout/side-bar.js

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

package/layout/side-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.11
+ * nodality v1.3.12
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -16,6 +16,11 @@ class SideNav extends Animator {
        this.setTags(this.obj.tags);
         this.animate = this.obj.animate !== undefined ? this.obj.animate : true; // could be never false
         this.res = this.createSideNav(obj);
+        // SideNav is configured through setup(), not set(), so the base
+        // class that applies an element's id after set() never runs here.
+        if (obj && obj.id != null && obj.id !== "" && this.res && this.res.setAttribute) {
+            this.res.setAttribute("id", String(obj.id));
+        }
         this.res.style.position = "relative";
         this.res.style.zIndex = 3;
         this.closed = true; // Set to true initially, so it's closed by default

package/layout/simple-bar.js

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

package/layout/slider-2025.js

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

package/layout/spacer.js

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

package/layout/stack.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.11
+ * nodality v1.3.12
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -30,6 +30,7 @@ class Stack extends Animator {
     }
     
     set(obj){
+        this.options = obj || {};
         this.setup();
         obj.height && (this.res.style.height = obj.height);
         obj.sticky && this.sticky();
@@ -57,7 +58,9 @@ class Stack extends Animator {
 
     toCode() {
         // Initialize the code string with the Stack setup
-        let code = `new Stack().set({})`;
+        // Was a hardcoded `set({})`, which dropped the element's id.
+        const id = this.options && this.options.id;
+        let code = `new Stack().set(${id ? `{ id: ${JSON.stringify(String(id))} }` : "{}"})`;
         
         // Add child elements
         if (this.children.length > 0) {

package/layout/svg.js

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

package/layout/switcher.js

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

package/layout/table.js

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

package/layout/text-field.js

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

package/layout/text.js

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

package/layout/ulist.js

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

package/layout/video.js

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

package/layout/wrap.js

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

package/layout/zoom-card.js

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

package/lib/agent-surface.js

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

package/lib/card-getter.js

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

package/lib/check-page.js

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

package/lib/codegen.js

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

package/lib/data.js

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

package/lib/designer.js

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

package/lib/element-mapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.11
+ * nodality v1.3.12
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -196,15 +196,28 @@ class ElementMapper { // 22:09:58 04/11/2024
             // FilePickera, `container` on Switcher. A mapper that returns
             // emitted CODE rather than an instance (cards, copy) carries the
             // id in the source it emits, and there is no node here to write.
+            // The generated code is what Des actually runs, so the id has to
+            // be IN it. Most components serialise `this.options` in toCode();
+            // a mapper that builds its own options object (table, circle,
+            // polygon…) leaves the id out of them, and the rendered element
+            // loses it. Put it back before the code is taken.
+            //
+            // The element's declared id also WINS over one a mapper hardcoded:
+            // `free` emitted `id: "#3"` for every free element on a page.
+            // SideNav keeps its config in `obj` rather than `options`.
+            const declared = String(id);
+            if (built && typeof built === "object") {
+                if (built.options && typeof built.options === "object") built.options.id = declared;
+                if (built.obj && typeof built.obj === "object") built.obj.id = declared;
+            }
             const node = built && (built.res || built.formElement || built.el || built.container);
             if (node && typeof node.setAttribute === "function") {
                 const current = node.getAttribute("id");
-                // `#hero` and `hero` name the same element everywhere else, so
-                // the attribute is written without the hash whether the id
-                // arrived here or was set by the component itself. An
-                // attribute spelled "#hero" matches no selector.
-                if (!current) node.setAttribute("id", String(id).replace(/^#/, ""));
-                else if (current.startsWith("#")) node.setAttribute("id", current.slice(1));
+                // Written exactly as declared, hash and all. Ids are compared in
+                // normalised form everywhere (see sameId), and the DOM keeps the
+                // author's spelling so that a page selecting [id="#hero"] keeps
+                // working — normalising here broke exactly such pages.
+                if (!current) node.setAttribute("id", String(id));
             }
         }
         return built;
@@ -515,7 +528,7 @@ animation: {
   justifyContent: "center",
   alignItems: "center",
   position: "absolute",
-  id: "${obj.el.id ? String(obj.el.id).replace(/^#/, "") : "first"}",
+  id: "${obj.el.id ? String(obj.el.id) : "#first"}",
   scale: 0.3,
   ${ft?.animation ? animation : ""}${
     // Wrapper routes its options through commonMethods(), so a raster
@@ -1713,7 +1726,7 @@ return new Circle()
 
 // Was `{ id: "hex" }` hardcoded, so every polygon on a page rendered the
   // same id and none could be targeted individually.
-  let elo = new Polygon({ id: el.id ? String(el.id).replace(/^#/, "") : "hex" })
+  let elo = new Polygon({ id: el.id ? String(el.id) : "hex" })
   .set({
     sides: count,
     size: 300,
@@ -1870,7 +1883,11 @@ return new Circle()
 
                    
 
-                    re["font"] = "Arial";
+                    // Arial is the default, not an override: this used to discard
+                    // the element's own font, so a link could never match the
+                    // page's typography — a nav in the page's mono rendered in
+                    // Arial with nothing reported.
+                    re["font"] = obj.el.font ?? "Arial";
                     re["fluidc"] = obj.el.fluidc;
                   //  re["index"] = obj.i + "", // add other options here
 
@@ -1887,7 +1904,8 @@ return new Circle()
                     // mapWrap. Link takes `raster` through commonMethods like
                     // every other component; only the wiring was missing.
                     re["raster"] = this.filteroRaster(obj.el.id, obj.customOptions);
-                    re["pad"] = [{ "a": 10 }];
+                    // Same pattern: the element's padding wins over the default.
+                    re["pad"] = obj.el.pad ?? [{ "a": 10 }];
 
                 if (bst.length > 0) {
                         ela = LinkStyler.style({

package/lib/element-params.generated.js

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

package/lib/grid-geometry.js

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

package/lib/keyframe-animation.js

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

package/lib/link-getter.js

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

package/lib/morph-node.js

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

package/lib/normalize-spec.js

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

package/lib/parse-html.js

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

package/lib/raster-inspect.js

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

package/lib/raster-ops.js

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

package/lib/raster-presets.js

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

package/lib/resolve-refs.js

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

package/lib/scroll-video.js

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

package/lib/seo.js

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

package/lib/stacker.js

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

package/lib/suggest.js

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

package/lib/theme.js

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

package/lib/transform-anim.js

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

package/lib/transition.js

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

package/lib/validate-nodes.js

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

package/lib/webmcp-adapter.js

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

package/package.json

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