nodality 1.0.217 → 1.0.219

package/layout/scroll-video.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 ScrollVideo {
     constructor() {
         this.frameNumber = 0; // Start video at frame 0
@@ -67,7 +65,6 @@ class ScrollVideo {
         setHeight.id = "set-height";
         setHeight.style.display = "block";
         this.sh = setHeight;
-      //  this.res.appendChild(setHeight);
     }
 
     sticky() {

package/layout/side-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 SideBar {
 	constructor(els, obj){
 		this.ele = null;
@@ -14,7 +12,6 @@ class SideBar {
         
         this.els = els;
        
-		// this.setup(obj);
 		
 		
 	}
@@ -81,7 +78,6 @@ class SideBar {
         
         outer.appendChild(btn);
         
-        //alert(this.width);
         
         
 		let el = document.createElement("div");
@@ -90,7 +86,6 @@ class SideBar {
 		el.style.backgroundColor = "#fff";
         el.style.flexDirection = "column";
 		el.style.display = "flex";
-		// el.style.justifyContent = "space-around";
 		el.style.alignItems = "center";
 		el.style.margin = 0;
         
@@ -100,7 +95,6 @@ class SideBar {
         
 		//-------------DEFAULT STYLING----------
 		el.style.margin = 0;
-       // el.style.zIndex = -1;
          el.style.marginTop = "-10px";
 		el.style.paddingTop = "1em";
 		el.style.paddingBottom = "1em";
@@ -126,9 +120,7 @@ class SideBar {
                      
                 if (this.hidden){
                      el.style.transform = "translateX(0em)";
-                    // el.style.display = "flex";
                 } else {
-                  //  el.style.display = "none";
                      el.style.transform = `translateX(-${this.width})`;
                 }
                      
@@ -140,7 +132,6 @@ class SideBar {
 		this.ele = outer;
         
      
-		// window.addEventListener("resize", this.adjust.bind(this));
         
         
         
@@ -169,7 +160,6 @@ class SideBar {
 			this.ele.children[1].appendChild(items[i].render());
 		}
 		
-		// this.adjust();
 		return this;
 	}
 	

package/layout/side-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -41,7 +41,6 @@ class SideNav extends Animator {
                 this.ope.finished.then(() => {
   const event = new CustomEvent(this.obj.tags.close);//("sidebar:closed");
   window.dispatchEvent(event);
-   //alert(this.obj.tags.close);
 });
 
                 let idx = -1;
@@ -72,7 +71,6 @@ class SideNav extends Animator {
 
 
             sideNavWrapper.style.overflowX = "none";
-          //  sideNavWrapper.children[1].style.border = "1px solid orange";
 
 
             let idx = -1;
@@ -107,11 +105,6 @@ class SideNav extends Animator {
                             
                             // Why does duration affect navigation appearing????
                            //THIS BLOCK CONTROLS APPEARING !!!!
-                            /*let protoOps = {
-                                duration: 300,
-                                fill: 'forwards',
-                                delay: 1000 // 1000 why does 3000 work during open but not during close??
-                            };*/
                            
                             child.animate(anna.op.keyframesOpen, opts);
                             }
@@ -119,7 +112,6 @@ class SideNav extends Animator {
                         }
 
 
-
                     }
                 }
             }
@@ -135,7 +127,6 @@ class SideNav extends Animator {
                 this.opeClose.finished.then(() => {
             const event = new CustomEvent(this.obj.tags.open);
             window.dispatchEvent(event);
-          //  alert(this.obj.tags.open);
         });
             } else {
                 sideNavWrapper.style.display = "flex"; // Show navigation immediately
@@ -144,48 +135,6 @@ class SideNav extends Animator {
 
       //  alert("/")
 
-      /*  this.res.children[0].addEventListener("animationend", () => {
-    const event = new CustomEvent("sidebar:opened");
-    window.dispatchEvent(event);
-    alert("//")
-});*/
-
-/*
-if (this.obj.tags && this.opeClose && this.ope){
-
-
-this.opeClose.finished.then(() => {
-  const event = new CustomEvent(this.obj.tags.open);//("sidebar:opened");
-  window.dispatchEvent(event);
-  //alert(this.obj.tags.open);
-});
-
-this.ope.finished.then(() => {
-  const event = new CustomEvent(this.obj.tags.close);//("sidebar:closed");
-  window.dispatchEvent(event);
-  // alert(this.obj.tags.open);
-});
-} else {
-}*/
-
-/*
-if (this.obj.tags) {
-    if (this.opeClose) {
-        this.opeClose.finished.then(() => {
-            const event = new CustomEvent(this.obj.tags.open);
-            window.dispatchEvent(event);
-        });
-    }
-
-    if (this.ope) {
-        this.ope.finished.then(() => {
-            const event = new CustomEvent(this.obj.tags.close);
-            window.dispatchEvent(event);
-        });
-    }
-} else {
-    }*/
-
 
     }
 
@@ -292,7 +241,6 @@ if (this.obj.tags) {
                     
 
 
-
                      // OPEN KEYFRAMES LOG IS FROM FUNCTION THAT HAS COMMENTE OUT ACXTION!!!
                     // MATCH CLOSE OBJECT
 
@@ -314,10 +262,6 @@ if (this.obj.tags) {
                     // child.animate(anna.op.keyframesOpen, resetDelay);
 
 
-
-
-
-
                     
                     }
                 }
@@ -328,15 +272,6 @@ if (this.obj.tags) {
         return this;
     }
 
-   /* toCode() {
-        let codeStr = `new SideNav().setup(${JSON.stringify(this.obj, null, 2)}, ${this.animate})`;
-        if (this.item) {
-            let itemCode = this.item.toCode ? this.item.toCode().join("") : JSON.stringify(this.item);
-            itemCode = itemCode.replace(/,\s*(\.set\(|\.add\()/g, "\n  $1");
-            codeStr += `.items(${itemCode})`;
-        }
-        return codeStr;
-    }*/
 
         toCode() {
             // Convert object to string with JSON.stringify

package/layout/simple-bar.js

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

package/layout/slider-2025.js

@@ -1,10 +1,9 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import { Animator } from "./animator.js";
 import { Button } from "./button.js";
 
 class Slider {

package/layout/spacer.js

@@ -1,20 +1,16 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
 class Spacer { 
 	constructor( hide) {
         
         
         
         
-	//	this.hide = hide;
         
-      //  if (hide){
             
       
     var card = document.createElement("div");
@@ -23,7 +19,6 @@ class Spacer {
       //  }
         
         
-      //   if (hide){
             this.res.setAttribute("class", "innerHider");
       //  }
         
@@ -38,8 +33,6 @@ class Spacer {
 	
 	render(){
 		
-      /*  var one = document.createElement("h2");
-        one.style.display = "none !important";*/
 	
 	return this.res //this.res ?? one;
 	

package/layout/stack.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 Stack {
     constructor(st){
        this.res = null;

package/layout/svg.js

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

package/layout/switcher.js

@@ -1,12 +1,9 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
-import {Animator} from "./animator.js";
-
- 
 class Switcher {
     constructor(obj){
       this.res = null;
@@ -19,7 +16,6 @@ class Switcher {
           this.code.push(`, new Switcher({breakpoint: "${this.obj.breakpoint}", first: ${this.obj.first.toCode()}, second: ${this.obj.second.toCode()}})`);
      
       }
-     // console.log(this.obj.first.toCode());
   
       let area = document.createElement("textarea");
       area.style.fontWeight = "bold";
@@ -88,7 +84,6 @@ this.res.innerHTML = "";
   // 17:30:22 Nice
 
 
-
   }
   
     toCode(){

package/layout/table.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -106,7 +106,6 @@ class Table extends Animator {
 
       this.chainReact(arr, this.options.id, keep);
 
-        //  this.res.style.border = "1px solid green";
     }
   }
 
@@ -159,16 +158,6 @@ class Table extends Animator {
     }
     return this;
   }
-/*
-  border(borderStyle) {
-    this.res.style.border = borderStyle; // outer border
-    for (let row of this.res.rows) {
-      for (let cell of row.cells) {
-        cell.style.border = "1px solid black"; // inner lines
-      }
-    }
-    return this;
-  }*/
 
     border(borderStyle) {
   // Ensure separate borders so radius works

package/layout/text-field.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.217
+ * nodality v1.0.219
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -34,7 +34,6 @@ class TextField extends Animator {
 			}
 
 
-	//	div.style.width = "100%";
 		return this;
 	}
     
@@ -74,7 +73,6 @@ class TextField extends Animator {
 	}
 
 
-
 		toCode() {
 			const objString = JSON.stringify(this.options, null, 4);
 			return [`new TextField().set(${objString})`];