nodality 1.0.0-beta.98 → 1.0.0

package/layout/flexrow.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -333,6 +333,10 @@ let stringified = JSON.stringify(options.borderObj);
 		if (obj.stroke || obj.gradient || obj.span || obj.backgroundOp || obj.layout || obj.shadow || obj.animation || obj.filtera || obj.transform){
 			if (obj.gradient){
 				this.globalGradient = obj.gradient.op.gradient;
+		
+				if (obj.gradient.op.direction === "radial") {
+					this.globalGradient = "radial-gradient(circle at center, orange, green)";
+				}
 			}
 
 		

package/layout/footer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/custom.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/dataList.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/floatingInput.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/form-all.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/form.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/imagePicker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/picker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/radio.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/radiogroup.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/formComponents/range.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/free.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/grid-new.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/gridSwitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/group.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/header.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/horizontalScroller.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/image-old.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/index.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/label.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -32,7 +32,7 @@ class Link extends Animator {
 
 
 		 this.res.addEventListener("click", (e) => {
-      e.preventDefault();
+    /*  e.preventDefault();
 
       const url = this.link;
 
@@ -43,7 +43,43 @@ class Link extends Animator {
         // Fallback for browsers without Navigation API
         history.pushState({}, "", url);
         document.dispatchEvent(new PopStateEvent("popstate")); 
-      }
+      }*/
+
+
+		const url = this.link || this.res.getAttribute("href");
+  if (!url) return;
+
+  const isExternal = /^https?:\/\//i.test(url);
+  const isAnchor = url.startsWith("#");
+
+  if (isExternal) {
+    // 🌍 External full URL → let browser handle it normally
+    return;
+  }
+
+  if (isAnchor) {
+    // 🔗 Anchor (#section) → let browser scroll to it
+    return;
+  }
+
+  // At this point it’s a relative or root path (e.g. "/about" or "about.html")
+  const isHTMLFile = url.endsWith(".html");
+
+  if (isHTMLFile) {
+    // 📄 Normal multipage HTML site → let browser load it
+    return;
+  }
+
+  // 🚫 Otherwise → treat as SPA route
+  e.preventDefault();
+
+  if ("navigation" in window) {
+    navigation.navigate(url);
+  } else {
+    history.pushState({}, "", url);
+    document.dispatchEvent(new PopStateEvent("popstate"));
+  }
+  
     });
 	}
 
@@ -69,7 +105,20 @@ class Link extends Animator {
 	}
 
 	toCode(){
-		return this.code; // 120646 ovewrite 25/03
+		if (this.excludeFromCodeTrue){
+			return [""];
+		}
+
+		const cleanedObj = Object.fromEntries(
+   		 Object.entries(this.options).filter(([key, value]) => value !== null)
+		);
+
+		const objString = JSON
+			.stringify(cleanedObj, null, 4)
+			.replace(/"([^"]+)":/g, '$1:');
+
+        return [`new Link().set(${objString})`];
+		//return this.code; // 120646 ovewrite 25/03
 	}
 
 	setArea(area){
@@ -83,7 +132,7 @@ class Link extends Animator {
 		el.style.textDecoration = "none";
 		//el.style.fontWeight = "bold";
 		el.style.color = "black";
-		el.style.textAlign = "center";
+		//el.style.textAlign = "center";
 		el.style.fontFamily = "Arial";
 		
 		var text = document.createTextNode(this.text);
@@ -175,6 +224,9 @@ true && (this.elCSS.push(`text-decoration: none; \n`));
 this.options = obj;
 
 let stra = "";
+
+ obj.tags && super.setTags(obj.tags); // Has to be in both
+
 obj.id && this.res.setAttribute("id",  obj.id);
 
 obj.id && super.setID(obj.id);
@@ -482,6 +534,12 @@ if (ft.length > 0){
 
 		if (obj.gradient){
 				this.globalGradient = obj.gradient.op.gradient;
+			
+				if (obj.gradient.op.direction === "radial") {
+					this.globalGradient = "radial-gradient(circle at center, orange, green)";
+				}
+			
+			
 			}
 
 		

package/layout/list-OLD.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/list.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/metaAdder.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/modal2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/modernwrap.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/multiswitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/multiswitcherBeta.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/navBar-OLD.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/navBar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/navFactor/customDiv.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/newFlatAdder.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/newNavBar copy 2.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/newNavBar copy.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/newNavBar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -132,7 +132,7 @@ class UINavBar extends Animator {
       
 
         let back = document.createElement("div");
-        back.style.background = "green";
+       // back.style.background = "green";
         back.style.position = "absolute";
 
         el.style.margin = "20px";

package/layout/offsetContainer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/polygon.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/progress.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/savedNewNavBar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/scrollvideo.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/sideBar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -28,6 +28,7 @@ class SideBar {
 	setup(obj){
         
         
+        obj.tags && super.setTags(obj.tags);
         
         if (obj.width){
             this.width = obj.width;

package/layout/sideNavBar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -13,6 +13,7 @@ class SideNav extends Animator {
 
     setup(obj) {
         this.obj = obj; // this.obj.animate || true LOL    this.obj.animate ? this.obj.animate : true
+       this.setTags(this.obj.tags);
         this.animate = this.obj.animate !== undefined ? this.obj.animate : true; // could be never false
         this.res = this.createSideNav(obj);
         this.res.style.position = "relative";
@@ -32,11 +33,17 @@ class SideNav extends Animator {
 
             if (this.animate) {
                 // Animate hiding with translateX
-                sideNavWrapper.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(100%)' }], {
+              this.ope =  sideNavWrapper.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(100%)' }], {
                     duration: duration,
                     fill: 'forwards'
                 });
 
+                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;
 
                 for (let childa of sideNavWrapper.children) {
@@ -65,7 +72,7 @@ class SideNav extends Animator {
 
 
             sideNavWrapper.style.overflowX = "none";
-            sideNavWrapper.children[1].style.border = "1px solid orange";
+          //  sideNavWrapper.children[1].style.border = "1px solid orange";
 
 
             let idx = -1;
@@ -123,14 +130,70 @@ class SideNav extends Animator {
             button.style.opacity = 0;
             if (this.animate) {
                 sideNavWrapper.style.display = "flex"; // Ensure it's visible
-                sideNavWrapper.animate([{ transform: 'translateX(100%)' }, { transform: 'translateX(0)' }], {
+              this.opeClose =    sideNavWrapper.animate([{ transform: 'translateX(100%)' }, { transform: 'translateX(0)' }], {
                     duration: duration,
                     fill: 'forwards'
                 });
+
+                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
             }
         }
+
+      //  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 {
+  console.log("OWO");
+  console.log(this.opeClose);
+  console.log(this.ope);
+}*/
+
+/*
+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 {
+    alert("PPP")
+}*/
+
+
     }
 
     createToggleButton(color) {
@@ -144,6 +207,10 @@ class SideNav extends Animator {
         button.style.cursor = "pointer";
         button.style.zIndex = 1;
         button.style.fontSize = "1.6rem";
+       if (this.obj.fixed){
+        button.style.position = "fixed";
+       }
+       
         return button;
     }
 

package/layout/simpleBar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/slider2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/spacer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/stack.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/styler.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */

package/layout/switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.98
+ * nodality v1.0.0
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */