nodality 1.0.121 → 1.0.124

package/layout/form-components/picker.js

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

package/layout/form-components/radio.js

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

package/layout/form-components/radiogroup.js

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

package/layout/form-components/range.js

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

package/layout/free.js

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

package/layout/grid-new.js

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

package/layout/grid-switcher.js

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

package/layout/grid.js

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

package/layout/group.js

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

package/layout/header.js

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

package/layout/horizontal-scroller.js

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

package/layout/image-old.js

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

package/layout/image.js

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

package/layout/index.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.121
+ * nodality v1.0.124
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -62,6 +62,7 @@ import { KeyframeAnim } from "../lib/keyframe-animation.js";
 import { TransformAnim } from "../lib/transform-anim.js";
 import { Stacker } from "../lib/stacker.js";
 import { ScrollVideo } from "../lib/scroll-video.js";
+import { Theme } from "../lib/theme.js";
 
 // SHAPES / MISC
 import { AreaSwitcher } from "../layout/grid-switcher.js";
@@ -117,6 +118,7 @@ if (typeof window !== 'undefined') {
   window.TransformAnim = TransformAnim;
   window.Stacker = Stacker;
   window.ScrollVideo = ScrollVideo;
+  window.Theme = Theme;
   window.AreaSwitcher = AreaSwitcher;
   window.Video = Video;
   window.UList = UList;
@@ -171,6 +173,7 @@ if (typeof global !== 'undefined') {
   global.TransformAnim = TransformAnim;
   global.Stacker = Stacker;
   global.ScrollVideo = ScrollVideo;
+  global.Theme = Theme;
   global.AreaSwitcher = AreaSwitcher;
   global.Video = Video;
   global.UList = UList;
@@ -225,6 +228,7 @@ export {
   TransformAnim,
   Stacker,
   ScrollVideo,
+  Theme,
   AreaSwitcher,
   Video,
   UList,

package/layout/label.js

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

package/layout/link.js

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

package/layout/list-OLD.js

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

package/layout/list.js

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

package/layout/meta-adder.js

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

package/layout/modal-2025.js

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

package/layout/modernwrap.js

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

package/layout/multiswitcher.js

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

package/layout/multiswitcherBeta.js

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

package/layout/nav-bar.js

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

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

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

package/layout/navBar-OLD.js

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

package/layout/new-flat-adder.js

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

package/layout/new-nav-bar.js

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

package/layout/offset-container.js

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

package/layout/polygon.js

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

package/layout/progress.js

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

package/layout/row.js

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

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

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

package/layout/scroll-video.js

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

package/layout/side-bar.js

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

package/layout/side-nav-bar.js

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

package/layout/simple-bar.js

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

package/layout/slider-2025.js

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

package/layout/spacer.js

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

package/layout/stack.js

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

package/layout/styler.js

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

package/layout/switcher.js

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

package/layout/table.js

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

package/layout/text-field.js

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

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.121
+ * nodality v1.0.124
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -454,7 +454,7 @@ this.res.style.position = "absolute";
 
 		obj.onScroll && this.onScroll(obj.onScroll);
 
-		//obj.keySet && this.keySet(obj.keySet);
+		obj.keySet && this.keySet(obj.keySet);
 
 		//obj.maxHeight && (this.res.style.maxHeight = obj.maxHeight);
 

package/layout/ulist.js

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

package/layout/video.js

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

package/layout/without-new.js

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

package/layout/wrap.js

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

package/layout/zoom-card.js

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

package/lib/card-getter.js

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

package/lib/designer.js

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

package/lib/element-mapper.js

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

package/lib/keyframe-animation.js

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

package/lib/link-getter.js

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

package/lib/scroll-video.js

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

package/lib/stacker.js

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

package/lib/theme.js

@@ -0,0 +1,92 @@
+/*!
+ * nodality v1.0.124
+ * (c) 2026 Filip Vabrousek
+ * License: MIT
+ */
+
+// Nodality Theme — central dark/light mode + event bus.
+// No CSS. Components declare per-mode inline styles via .set({ theme: {...} }).
+
+const STORAGE_KEY = "nodality.theme.mode";
+const EVENT_NAME = "nodality:theme";
+
+function detectInitialMode() {
+    try {
+        const saved = localStorage.getItem(STORAGE_KEY);
+        if (saved === "light" || saved === "dark") return saved;
+    } catch (e) {}
+    if (typeof window !== "undefined" && window.matchMedia) {
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+    }
+    return "light";
+}
+
+const Theme = {
+    mode: detectInitialMode(),
+    tokens: { light: {}, dark: {} },
+
+    // Built-in defaults applied to every component that did NOT declare its own
+    // .theme({...}) map. Only fills in properties the component hasn't already
+    // set inline, so user styles always win.
+    //
+    // NOTE: only `color` is set by default. Background is intentionally omitted
+    // because applying it to every nested container produces stacked dark
+    // rectangles and breaks transparent layouts. Set the page background
+    // yourself (e.g., on body) or call Theme.setDefaults({...}) to opt in.
+    defaults: {
+        light: { color: "#111111" },
+        dark:  { color: "#eeeeee" }
+    },
+
+    setDefaults(map) {
+        if (map && typeof map === "object") {
+            if (map.light) this.defaults.light = Object.assign({}, this.defaults.light, map.light);
+            if (map.dark)  this.defaults.dark  = Object.assign({}, this.defaults.dark,  map.dark);
+            this._broadcast();
+        }
+        return this;
+    },
+
+    setTokens(tokens) {
+        if (tokens && typeof tokens === "object") {
+            if (tokens.light) Object.assign(this.tokens.light, tokens.light);
+            if (tokens.dark) Object.assign(this.tokens.dark, tokens.dark);
+        }
+        return this;
+    },
+
+    get current() {
+        return this.tokens[this.mode] || {};
+    },
+
+    set(mode) {
+        if (mode !== "light" && mode !== "dark") return this;
+        if (mode === this.mode) return this;
+        this.mode = mode;
+        try { localStorage.setItem(STORAGE_KEY, mode); } catch (e) {}
+        this._broadcast();
+        return this;
+    },
+
+    toggle() {
+        return this.set(this.mode === "dark" ? "light" : "dark");
+    },
+
+    subscribe(fn) {
+        if (typeof document === "undefined") return () => {};
+        const handler = (e) => fn(e.detail.mode, e.detail.tokens);
+        document.addEventListener(EVENT_NAME, handler);
+        // Fire once with current state so late subscribers sync immediately.
+        try { fn(this.mode, this.current); } catch (e) {}
+        return () => document.removeEventListener(EVENT_NAME, handler);
+    },
+
+    _broadcast() {
+        if (typeof document === "undefined") return;
+        document.dispatchEvent(new CustomEvent(EVENT_NAME, {
+            detail: { mode: this.mode, tokens: this.current }
+        }));
+    }
+};
+
+export { Theme };

package/lib/transform-anim.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.121
+ * nodality v1.0.124
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -36,10 +36,11 @@ toCode(){
     return [""];
 }
     set(obj){
-        console.log("WHY NOT 900")
-// alert(this.res.style.height);
-        obj.arrayPadding && (this.wrdiv.style.marginTop = obj.arrayPadding.value /*this.res.style.height*/);
+        obj.arrayPadding && (this.wrdiv.style.marginTop = obj.arrayPadding.value);
         obj.height && (this.wrdiv.style.height = obj.height);
+        if (obj.position) {
+            this.wrdiv.style.position = obj.position;
+        }
         return this;
     }
 
@@ -60,14 +61,14 @@ toCode(){
         wrapDiv.style.display = "flex";
         wrapDiv.style.justifyContent = "center";
         wrapDiv.style.alignItems = "center";
-        wrapDiv.style.background = "orange";
       //  wrapDiv.style.height = "100vh"; // Keep this
       wrapDiv.style.height = "900px"; // same as paddingTop
       
 
-        if (!this.data.sticky) {
-           
-              wrapDiv.style.position = "fixed";
+        if (this.data.position) {
+            wrapDiv.style.position = this.data.position;
+        } else if (!this.data.sticky) {
+            wrapDiv.style.position = "fixed";
         }
 
         wrapDiv.style.marginTop = "0px";
@@ -363,11 +364,9 @@ return this;
 
                 if (this.data.uncomment) {
                     if (window.scrollY > top) { // MAKE THIS ADJUSTABLE
-                        wrapDiv.style.background = "pink";
                         wrapDiv.style.position = "relative";
                         wrapDiv.style.top = top; // FIX HERE
                     } else {
-                        wrapDiv.style.background = "orange";
                         wrapDiv.style.top = 0;
                         wrapDiv.style.position = "fixed";
                     }

package/package.json

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