nodality 1.0.0-beta.74 → 1.0.0-beta.76

package/layout/image-old.js

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

package/layout/image.js

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

package/layout/index.js

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

package/layout/label.js

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

package/layout/link.js

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

package/layout/list-OLD.js

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

package/layout/list.js

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

package/layout/metaAdder.js

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

package/layout/modal2025.js

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

package/layout/modernwrap.js

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

package/layout/multiswitcher.js

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

package/layout/multiswitcherBeta.js

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

package/layout/navBar-OLD.js

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

package/layout/navBar.js

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

package/layout/navFactor/customDiv.js

@@ -1,9 +1,11 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
 
+
+
 class CustomDivRenderer {
     constructor(obj, items) {
         this.obj = obj || {};

package/layout/newFlatAdder.js

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

package/layout/newNavBar copy 2.js

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

package/layout/newNavBar copy.js

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

package/layout/newNavBar.js

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

package/layout/offsetContainer.js

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

package/layout/progress.js

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

package/layout/row.js

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

package/layout/savedNewNavBar.js

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

package/layout/scrollvideo.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -66,7 +66,8 @@ class ScrollVideo {
         const setHeight = document.createElement("div");
         setHeight.id = "set-height";
         setHeight.style.display = "block";
-        this.res.appendChild(setHeight);
+        this.sh = setHeight;
+      //  this.res.appendChild(setHeight);
     }
 
     sticky() {
@@ -79,7 +80,7 @@ class ScrollVideo {
         // Set up event listener for when the video metadata is loaded
         this.vid.addEventListener("loadedmetadata", () => {
             // Dynamically set the page height based on video duration
-            const setHeight = document.getElementById("set-height");
+            const setHeight = this.sh;//document.getElementById("set-height");
             if (setHeight) {
                 const scrollableHeight = this.maxScrollHeight - this.minScrollHeight;
                 setHeight.style.height = `${scrollableHeight}px`;
@@ -117,7 +118,10 @@ class ScrollVideo {
     toCode() {
         return [""];
     }
-    render() {
+    render(div) {
+        if (div){
+            document.querySelector(div).appendChild(this.res);
+        }
         // Return the container div with all elements
         return this.res;
     }

package/layout/sideBar.js

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

package/layout/sideNavBar.js

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

package/layout/simpleBar.js

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

package/layout/slider2025.js

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

package/layout/spacer.js

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

package/layout/stack.js

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

package/layout/styler.js

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

package/layout/switcher.js

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

package/layout/table.js

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

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -306,6 +306,15 @@ console.log("DEL");
 		super.setPrevText(this.text);
 		let stra = "";
 
+		//alert(obj.top);
+		obj.top && (this.res.style.top = obj.top);
+		obj.left && (this.res.style.left = obj.left);
+
+		if (obj.left || obj.top){
+this.res.style.position = "absolute";
+		}
+		
+
 		obj.maxWidth && (this.res.style.maxWidth = obj.maxWidth);
 
 		obj.cursor && (this.res.style.cursor = "hand");
@@ -472,7 +481,9 @@ console.log("DEL");
 			keep.push("transform");
 		}*/
 
-		console.log("ARA IS " + arr);
+		// console.log("ARA IS " + arr);
+		console.log("ARA IS ");
+		console.log(arr);
 
 			this.chainReact(arr, this.options.id, keep);
 		}
@@ -1279,10 +1290,12 @@ checkForAnimation(queries){
 		let el;
 		
 		if (obj){
-		//	alert(obj.type);
+			// alert(obj.type);
 			el = document.createElement(obj.type);
-el.setAttribute("id", obj.id);
+			el.setAttribute("id", obj.id);
 			if (obj.type === "span"){
+				
+				//el = document.createElement("span");
 				//el.style.display = "block";
 			}
 
@@ -1677,9 +1690,16 @@ el.setAttribute("id", obj.id);
 				this.res.setAttribute("id", this.options.id);
 			}
 			
+			
+			if (this.options && !this.options.span){
+			//	alert("P")
+			this.res.textContent = this.text;
+			}
 			document.querySelector(div).appendChild(this.res);
 		} else {
-
+			if (this.options && !this.options.span){
+			this.res.textContent = this.text;
+			}
 			return this.res;
 		}
 

package/layout/textField.js

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

package/layout/ulist.js

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

package/layout/video.js

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

package/layout/withoutNew.js

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

package/layout/wrap.js

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

package/layout/zoomCard.js

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

package/lib/AppleAnim.js

@@ -1,9 +1,10 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
 
+
 class KeyframeAnim {
     constructor(data) {
         this.fromFirstImageFlag = false;

package/lib/Stacker.js

@@ -1,9 +1,11 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
 
+
+
 class Stacker {
     constructor(){
         this.res = document.createElement("div");

package/lib/TransformAnim.js

@@ -1,9 +1,12 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
 
+
+
+
 function convertRange(value, oldRange, newRange) {
     let val = ((value - oldRange.min) * (newRange.max - newRange.min)) / (oldRange.max - oldRange.min) + newRange.min;
 
@@ -76,7 +79,7 @@ toCode(){
         img.style.gridArea = "1/1";
         img.style.display = "none";
         img.style.width = "50%";
-        img.setAttribute("src", "M2.jpeg");
+      //  img.setAttribute("src", "M2.jpeg");
         img.setAttribute("class", "m2");
        // img.setAttribute("id", this.data.identifiers.imageID);
       //  img.style.transform = `scale(1.5)`;

package/lib/cardGetter.js

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

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.74
+ * nodality v1.0.0-beta.76
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -399,7 +399,7 @@ new Text("row.").set({
             let el = arr[i];
             let ela = null;
 
-            let ops = ["blast", "gradient", "shadow", "filter", "animationSimple", "transform"];
+            let ops = ["blast", "gradient", "shadow", "filter", "animationSimple", "transform", "span"];
             let replacementObjects = [
                 {
                     // range: ["0px", "1900px"],
@@ -420,13 +420,21 @@ new Text("row.").set({
 
                 },
 
-                {
+             /*   {
 
                     op: {
                         name: "shadow",
                         color: "#1abc9c",
                         steps: 3
                     },
+                },*/
+            {
+                 op: {
+                        name: "shadow",
+                        color: "#1abc9c",
+                        steps: 3,
+                        colors: ["orange", "green", "yellow"]
+                    }
                 },
 
                 {
@@ -483,6 +491,37 @@ new Text("row.").set({
                             "matrix(1, 0, 0, 1, 50, 50)"
                         ],
                     }
+                },
+
+                  {
+                    op: {
+                        name: "span",
+                        parts: [
+        {
+          text: "The first time",
+          style: {
+            italic: true,
+            arrpad: {
+              sides: ["left"],
+              value: "3rem"
+            },
+            stroke: {
+              range: ["950px", "1000px"],
+              op: {
+                name: "blast",
+                background: ["header", "button"],
+                color: "yellow",
+                width: "1px"
+              }
+            }
+          }
+        },
+        {
+          text: "We went to the Moon",
+          style: {}
+        }
+      ]
+                    }
                 }
             ];