nodality 1.0.217 → 1.0.219

package/layout/multiswitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -14,7 +14,6 @@ class /*Multi*/Switcher extends Animator {
     this.currentView = null;
     this.internalDiv = null;
     this.resizeListener = null;
-   // this.internalID = it;
   }
 
   set({ breakpoints }) {
@@ -38,13 +37,11 @@ class /*Multi*/Switcher extends Animator {
 
 
   toCode() {
-    //  return ["new Text('A').set({})"];
       const objStringa = JSON.stringify(this.options.breakpoints.map(o => o.view.toCode()).flat(), null,4);
       const objStringas = JSON.stringify(this.options.breakpoints.map(o => o.at), null,4);
 
       const objString = JSON.stringify(this.options.breakpoints, null,4);
       // console.log("OMHELLOA");
-      // console.log(this.options);
       // console.log(objStringa);
       // console.log(objStringas);
 
@@ -62,30 +59,6 @@ str += `{ at: "${this.options.breakpoints[i].at}", view: ${this.options.breakpoi
       })`];
   }
 
-/*
-  render(selector) {
-  alert(selector); // undefined
-
-
-    this.container = document.querySelector(selector);
-
-  //  if (!this.container) { // Why does this condition fire???
-   //   alert("APPLY MOUNt"); // undefined
-      this.container = document.querySelector(this.internalID "#mount");
-    //  throw new Error(`No element found matching selector: ${selector}`);
-   // }
-
-    // Create an internal div for switching content
-    this.internalDiv = document.createElement("div");
-    this.container.appendChild(this.internalDiv);
-
-    this.applyView();
-
-    this.resizeListener = this.applyView.bind(this);
-    window.addEventListener("resize", this.resizeListener);
-
-    return this.container;
-  }*/
 
     render(val) {
       //alert(val)
@@ -163,34 +136,19 @@ str += `{ at: "${this.options.breakpoints[i].at}", view: ${this.options.breakpoi
   });
 
 
-
   //  if (window.matchMedia("(max-width"))
     
-   /* const matchingBreakpoint = this.breakpoints.reduce((prev, current) => {
-      return width >= current.at ? current : prev;
-    }, this.breakpoints[0]);*/
 
   //  console.log("MB");
   //  console.log(matchingBreakpoint);
 
 
-//const width = window.innerWidth || document.documentElement.clientWidth;
 // Ensure `breakpoints` array is structured correctly
-/*this.breakpoints = [
-    { at: 0, view: "mobileView" },
-    { at: 1200, view: "desktopView" }
-];*/
 
 // Find the matching breakpoint
-/*const matchingBreakpoint = this.breakpoints.reduce((prev, current) => {
-    return width >= current.at ? current : prev;
-}, this.breakpoints[0]);
-*/
 //console.log(matchingBreakpoint);
 
 
-
-
  
   }
 
@@ -208,16 +166,4 @@ str += `{ at: "${this.options.breakpoints[i].at}", view: ${this.options.breakpoi
   }
 }
 
-/*
-// Example usage:
-const switcher = new MultiSwitcher()
-  .set({
-    breakpoints: [
-      { at: "0px", view: Object.assign(document.createElement("h1"), { textContent: "Small View" }) },
-      { at: "700px", view: Object.assign(document.createElement("h1"), { textContent: "Medium View" }) },
-      { at: "800px", view: Object.assign(document.createElement("h1"), { textContent: "Large View" }) },
-    ],
-  })
-  .render("#myDiv");
-*/
 export { /*Multi*/Switcher };

package/layout/nav-bar.js

@@ -1,11 +1,9 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
 class NavBar {
 	constructor(els){
 		this.ele = null;
@@ -32,14 +30,12 @@ class NavBar {
 		el.style.alignItems = "center";
 		el.style.margin = 0;
 		el.style.padding = 0;
-		//el.style.width = "100%";
 		//-------------DEFAULT STYLING----------
 		el.style.margin = 0;
 		el.style.paddingTop = "1em";
 		el.style.paddingBottom = "1em";
 		this.ele = el;
 		// EVIL LINE
-		// window.addEventListener("resize", this.adjust.bind(this));
 		
 		return this;
 	}
@@ -70,7 +66,6 @@ class NavBar {
 				}
 
 
-
                 }
             }
         }
@@ -89,13 +84,6 @@ class NavBar {
         
         
         
-     /* var itemsa = items.filter(item => item.__proto__
-            .constructor
-            .toString()
-            .startsWith("class Spacer") === false);
-        
-        this.itemCount = itemsa.length;
-        */
        
         
         
@@ -133,15 +121,6 @@ class NavBar {
     }
 	
 	
-	/*items(items){
-		this.itemCount = items.length;
-		for (var i = 0; i < items.length; i++){
-        this.ele.appendChild(items[i].render());
-		}
-		
-		this.adjust();
-		return this;
-	}*/
 	
 	
 	
@@ -189,9 +168,7 @@ adjust(w) {
 		btn.style.border = "none";
 		btn.style.fontWeight = "bold";
 
-		// alert(this.hamburgerColour);
 		btn.style.color = this.hamburgerColour ?? "#3498db";
-		// btn.style.backgroundColor = "#fff"; nostalgia covid
 		btn.style.fontSize = media2.matches ? "2.2em" : "2em";
 		btn.appendChild(node);
 		 btn.style.marginLeft = "auto";
@@ -206,7 +183,6 @@ adjust(w) {
 		for (var i = 0; i < this.ele.children.length; i++) {
 			let el = this.ele.children[i];
 			 el.style.fontSize = media2.matches ? "1.2em" : "1em";
-			// el.style.fontSize = media2.matches ? "2.4em" : "1em";
 
             
               var isSpacer = el.__proto__
@@ -219,9 +195,6 @@ adjust(w) {
             
             if (el.style.getPropertyValue("flex-grow") == 1){
               // alert("A")
-                // el.style.setProperty("display", "none");
-             //   el.style.marginTop = "0em";
-              //  el.style.flex = "none";
                 
               //  console.log(el.style)
                
@@ -324,7 +297,6 @@ adjust(w) {
 	}
 
 
-
 	window.addEventListener("resize", adjust);
 	return this;
 }
@@ -342,14 +314,6 @@ adjust(w) {
 	}
 }
 	 
-window.NavBar
-Spacer
-Spacer
-Spacer = NavBar
-Spacer
-Spacer
-Spacer;
-export { NavBar
-Spacer
-Spacer
-Spacer };
+window.NavBar = NavBar;
+
+export { NavBar };

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

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

package/layout/new-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -7,7 +7,6 @@
 import {Animator} from "./animator.js";
 // import {CustomDivRenderer} from "./navFactor/customDiv.js";
 // CORRECT
-// const { TIS620_THAI_CI } = require("mysql/lib/protocol/constants/charsets");
 class CustomDivRenderer {
     constructor(obj, items) {
         this.obj = obj || {};
@@ -30,7 +29,6 @@ class CustomDivRenderer {
         }
 
       //  console.log("ITEMS ARE ORDERED");
-      //  console.log(this.items);
 
         // Append rendered items to inner div
         for (let i = 0; i < this.items.length; i++) {
@@ -65,7 +63,6 @@ class CustomDivRenderer {
     }
 }
 
-//window.CustomDivRenderer = CustomDivRenderer;
 //export { CustomDivRenderer };
 
 
@@ -85,7 +82,6 @@ class UINavBar extends Animator {
         if (Object.keys(this.attributes).length > 0) {
             codeStr += `.setup(${JSON.stringify(this.attributes, null, 2).replace(/"([^"]+)":/g, '$1:')})`;
 
-          //  codeStr += `.set(${JSON.stringify(this.attributes, null, 2)})`;
         } else {
             codeStr += `.setup({})`;
         }
@@ -132,7 +128,6 @@ class UINavBar extends Animator {
       
 
         let back = document.createElement("div");
-       // back.style.background = "green";
         back.style.position = "absolute";
 
         el.style.margin = "20px";
@@ -147,7 +142,6 @@ class UINavBar extends Animator {
         
         this.addCloseButton = false;
         this.res = wrap;
-      //  console.log(this.res);
 
 
         if (obj.background) {
@@ -235,7 +229,6 @@ class UINavBar extends Animator {
     items(items) {
        
         this.items = items;
-       // alert(this.items);
         let starts = ["Link", "Image", "Spacer", "Dropdown"].some(e => {
             return items[0].__proto__
                 .constructor
@@ -245,7 +238,6 @@ class UINavBar extends Animator {
 
       //  console.log(starts);
       //alert("NEXT");
-      //alert(this.items);
      // alert(starts); //THIS SHOULD BE TRUE;
 
         if (true) { // We are adding class instances to the Area
@@ -257,7 +249,6 @@ class UINavBar extends Animator {
             this.res.children[0].appendChild(outerDiv);
 
 
-
             let child = this.res.children[0].children[0].children[0];
           //  console.log("AHELLO");
         //    console.log(child);
@@ -280,7 +271,6 @@ class UINavBar extends Animator {
          //   console.log(animation);
 
 
-
             if (animation){
 
 
@@ -292,7 +282,6 @@ class UINavBar extends Animator {
 
             
             for (var i = 0; i < child.children.length; i++){
-                //child.children[i].style.border = "1px solid purple";
 
                 // 1 - SET HIDDEN STATE BY IMMEDIATELLY FIRING ANIM
                 // set hidden state immediatelly on the mobile
@@ -363,7 +352,6 @@ class UINavBar extends Animator {
                     this.res.children[0].appendChild(logo.render());
 
 
-
                     // throws it
 
                     if (this.obj.spacing) {
@@ -413,8 +401,6 @@ class UINavBar extends Animator {
         }
 
 
-
-
         // Insert hamburger button at the correct place
         var btn = this.addHamburger();
 
@@ -467,8 +453,6 @@ class UINavBar extends Animator {
     }
 
 
-
-
     background(obj) {
 
         if (!obj.background){
@@ -482,11 +466,9 @@ class UINavBar extends Animator {
     }
 
 
-
     addHamburger = () => {
 
 
-
         let media2 = window.matchMedia(`(max-device-width: 415px)`);
 
         var btn = document.createElement("button");
@@ -534,7 +516,6 @@ class UINavBar extends Animator {
             this.hasAnimatedToWide = false;
 
          //   alert("Hello");
-          // alert(this.res.children[0].children[1].children[0].getAttribute("id"));
 
           // zmenším, otevřu, roztáhnu, zmenším => musím klinout 2x
           // zmenším => kliknu => animace se rozjede 2x
@@ -556,7 +537,6 @@ class UINavBar extends Animator {
           
 
 
-
             const innerItemsWrapper = this.res.children[0].children[1].children[0];
                
             if (animation){
@@ -564,14 +544,10 @@ class UINavBar extends Animator {
               
 
              //   console.log("Why not showing on 600px????");
-             //   console.log(this.isShown);
 
                if (this.isShown){
 
 
-
-
-
                 for (var i = 0; i < innerItemsWrapper.children.length; i++){
                     let inner = innerItemsWrapper.children[i];
                     let anima = inner.animate(animation.keyframesClose,  {
@@ -588,15 +564,6 @@ class UINavBar extends Animator {
                 }
 
 
-            /*    window.setTimeout(() => {
-                    innerItemsWrapper.parentElement.style.display = "block";
-                }, 50);*/
-
-
-
-
-
-
               
                } else { // culprit??? not 565 533
                 innerItemsWrapper.parentElement.style.display = "none";
@@ -639,8 +606,6 @@ class UINavBar extends Animator {
             // Hide outerItemsWrapper or animate links
         })
 
-       // let hamb = document.querySelector("#hamburger");
-      //  alert(this.res.children[0].children[0].getAttribute("id"));
 
         return btn;
     }
@@ -654,7 +619,6 @@ class UINavBar extends Animator {
         const adjustFontSize = () => {
             //console.log("IN VIEWPORT");
 
-          //  console.log(this.res);
             for (var i = 0; i < this.res.children[0].children.length; i++) {
                 let el = this.res.children[0].children[i];
                 el.style.fontSize = media2.matches ? (this.mobileSize ? this.mobileSize : "1.2em") : (this.desktopSize ? this.desktopSize : "1em");
@@ -692,21 +656,6 @@ class UINavBar extends Animator {
             let my = this.res.children[0];
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
            
 
 
@@ -729,8 +678,6 @@ class UINavBar extends Animator {
             }
 
 
-
-
             // animate back
 
             let animationObj = this.items[0].options;
@@ -745,10 +692,8 @@ class UINavBar extends Animator {
             
 
 
-
             const covid = this.res.children[0];
             const innerItemsWrapper = covid.children[1].children[0];
-            //findNestedDivWithId(this.res.children, 'innerItemsWrapper');
             ///covid.children[0].children[1].children[0];
 
           //  console.log("KINNERA");
@@ -756,7 +701,6 @@ class UINavBar extends Animator {
 
           //  console.log("COVID");
          //   console.log(covid);
-           // innerItemsWrapper.style.border = "3px solid orange";
             innerItemsWrapper.style.marginTop = "0";
                
             if (animation){
@@ -792,32 +736,8 @@ class UINavBar extends Animator {
 
         } else {
            // alert("/");
-          //   const innerItemsWrapper = this.res.children[0].children[0].children[0];//findNestedDivWithId(this.res.children, 'innerItemsWrapper');
-         //   innerItemsWrapper.style.marginTop = "0";
-           // const innerItemsWrapper = findNestedDivWithId(this.res.children, 'innerItemsWrapper');
-          //  innerItemsWrapper.style.marginTop = "0";
         }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
         }
 
@@ -848,7 +768,6 @@ class UINavBar extends Animator {
                     }
 
 
-
                 } else {
                     this.res.children[0].children[i].style.display = "none";
                 }
@@ -882,10 +801,7 @@ class UINavBar extends Animator {
             if (media.matches || media2.matches) {
                 doInAdjust();
                 //alert("P")
-                //this.res.children[0].style.opacity = 0.3;
              //   console.log("884A");
-             //   console.warn(this.res);
-             //   console.log(this.res.children[0].children[0]);
             } else {
                 toWideScreen();
             }
@@ -895,8 +811,6 @@ class UINavBar extends Animator {
 
 
         // was double anim once we commented this out
-      //  this.hasAnimatedToWide = false;
-      //  window.addEventListener("resize", adjust);
         return this;
     }
 
@@ -947,7 +861,6 @@ class UINavBar extends Animator {
             }
 
 
-
             if ((media.matches || myMedia.matches) && innerIW != undefined) {
                 //alert("PP")
                 innerIW.style.flexDirection = "column";
@@ -976,14 +889,12 @@ class UINavBar extends Animator {
             }
 
             if (!this.obj.isSide && media.matches) {
-               // this.res.children[0].style.position = "absolute";
             }
 
 
             // my custom
 
             if (this.obj.customStyle){
-              //  this.res.children[0].children[1].children[0].style.width = "200px";
                 this.res.children[0].style.marginTop = "1rem";
                 this.res.children[0].style.position = "absolute";
                 this.res.children[0].style.borderRadius = "1rem";
@@ -994,7 +905,6 @@ class UINavBar extends Animator {
 
             // Add line 700
             if (this.obj.radius){
-                //  this.res.children[0].children[1].children[0].style.width = "200px";
               //  alert("P")
 
               // Both need to be like this

package/layout/polygon.js

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

package/layout/prerender-site.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -133,7 +133,6 @@ export async function prerenderSite(config) {
   // Child mode? Render exactly one locale and exit.
   const childLocale = process.env[ENV_LOCALE];
   if (childLocale !== undefined) {
-    // The env var carries a string; map the literal "null" sentinel
     // back to a real null so single-locale paths work in the child.
     const locale = childLocale === "__none__" ? null : childLocale;
     return runChild(config, locale);

package/layout/prerender.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -47,7 +47,6 @@
 //     mount:    "#mount",                    // selector inside the template
 //     locale:   "de",                        // optional: pre-seeded into localStorage
 //     url:      "https://h7active.com/",     // jsdom base URL (used for relative paths)
-//     build:    async (window) => {
 //       // Runs inside the jsdom-simulated browser. `window.document`,
 //       // `window.localStorage`, etc. are available globally for the
 //       // duration of the call. Import or invoke your page builder

package/layout/progress.js

@@ -1,11 +1,9 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
 // changed on 26/12/2020
 
 class Progress {

package/layout/row.js

@@ -1,11 +1,9 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
 class Row {
 	constructor(frs, saveEl) {
 		this.saveEl = saveEl;
@@ -16,7 +14,6 @@ class Row {
 	}
 	
 	center() {
-	//	this.res.style.justifyItems = "center";
 		return this;
 	}
 
@@ -29,7 +26,6 @@ class Row {
 
 		const toCol = () => {
 			let media = window.matchMedia(`(max-width: ${at})`);
-			// let mobileMedia = window.matchMedia(`(max-device-width: 415px)`);
 
 			if (media.matches){
 				this.res.style.gridTemplateColumns = "1fr";
@@ -65,10 +61,7 @@ class Row {
 	}
 
 
-
 	setup(obj) {
-		//let parent = document.createElement("div");
-		//this.parent = parent;
 
 		let flex = document.createElement("div");
         flex.setAttribute("class", "someClass");
@@ -77,9 +70,7 @@ class Row {
 		flex.style.alignItems = "center";
 		flex.style.margin = 0;
 		flex.style.padding = "1em";
-		//flex.style.width = "100%";
 		
-		//flex.style.display = "flex";
 		
 		this.res = flex;
 		return this;
@@ -92,7 +83,6 @@ class Row {
 
 		if (options.align){
 			//alert("K")
-			//this.makeAlign(options.align);
 			 this.setAlign(options.align);
 		}
 
@@ -116,7 +106,6 @@ class Row {
 	}
 
 
-
 	setAlign(){
 		this.res.style.justifyItems = "center";
 		return this;
@@ -145,7 +134,6 @@ class Row {
         var frString = "";
         
         
-		//// console.warn(this.res);
 		for (var i = 0; i < arr.length; i++) {
 			
 			
@@ -154,8 +142,6 @@ class Row {
 			
 			
 			let r = arr[i].render();
-		 // r.style.width = "100%";
-			//r.style.flex = 1;
 			this.res.appendChild(r);
 		}