nodality 1.0.0-beta.97 → 1.0.0-beta.99

package/lib/TransformAnim.js

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

package/lib/cardGetter.js

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

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.97
+ * nodality v1.0.0-beta.99
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -401,8 +401,27 @@ new Text("row.").set({
         this.elHTML = [];
 
         let customOptions = this.options;
-        //console.log("COO");
-        //console.log(customOptions);
+        console.log("COO");
+        console.log(customOptions);
+
+customOptions.forEach(item => {
+    console.log("mid")
+    console.log(item);
+    console.log("checking:", item.direction);
+  if (item.direction === "radial" ) {
+  //  alert("//")
+    item.gradient = "radial-gradient(orange, green)";
+  }
+});
+
+
+
+//console.log(updated);
+
+//customOptions = updated;
+
+
+
         for (var i = 0; i < arr.length; i++) {
             let el = arr[i];
             let ela = null;
@@ -424,7 +443,7 @@ new Text("row.").set({
                         name: "gradient",
                         // gradient: "linear-gradient(#3498db,#1abc9c)"
                         gradient: "linear-gradient(orange, green)",
-                        direction: "radial"
+                     //   direction: "radial"
                     },
 
                 },
@@ -569,8 +588,8 @@ new Text("row.").set({
 
                         if (gradient != null) {
                             as.op.gradient = gradient;
-                            alert("PPP")
-                            as.op.dir = "radial";
+                          //  alert("PPP")
+                           // as.op.dir = "radial";
                         }
 
                         customOptions[index] = as;

package/lib/elementMapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.0-beta.97
+ * nodality v1.0.0-beta.99
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -1012,82 +1012,91 @@ new Wrapper().set({
             font: "Arial",
             pad: [{a:20}], 
             bold: true,
-            align: "left" // 21:04:58
+             tags: {open: "sidebar:open", close: "sidebar:closed"},
+            align: "left", // 21:04:58
+             hover: { 
+	            color: "wheat", 
+	            animation: 0.3 
+            }
         }));
 
 
         const dropdown = new Dropdown().set({
             behaviour: "mouseover",
-      pad: [{"a":40}],
-      //socenter: true,
-      padding: "10px",
-      border: "1px solid black",
-      animation: { // also works without animation block
-        range: ["0px", "1900px"],
-        op: {
-            name: "animation",
-            color: "green", // 102410 19/11/24 staggered
-            width: "1px",
-            keyframesOpen: [ // staggered effect 
-                { transform: `translate(100%, ${1*10}%)`, opacity: 0 },
-                { transform: `translate(0%)`, opacity: 1  }
-            ], 
-            keyframesClose: [ // put where approprriate
-                { transform: 'translate(0%)', opacity: 1 },
-                { transform: `translate(100%, ${1*10}%)`, opacity: 0 }
-            ], 
-            openOptions: {
-                duration: 300,
-                fill: 'forwards',
-                delay: 1000 // 1000
-            },
-            closeOptions:{
-                duration: 1, // 1 should be acceptable here when I close
-                fill: 'forwards',
-                delay: 1000 // 1000 why does 3000 work during open but not during close??
+            pad: [{ "a": 40 }],
+            //socenter: true,
+            padding: "10px",
+            border: "1px solid black",
+            animation: { // also works without animation block
+                range: ["0px", "1900px"],
+                op: {
+                    name: "animation",
+                    color: "green", // 102410 19/11/24 staggered
+                    width: "1px",
+                    keyframesOpen: [ // staggered effect 
+                        { transform: `translate(100%, ${1 * 10}%)`, opacity: 0 },
+                        { transform: `translate(0%)`, opacity: 1 }
+                    ],
+                    keyframesClose: [ // put where approprriate
+                        { transform: 'translate(0%)', opacity: 1 },
+                        { transform: `translate(100%, ${1 * 10}%)`, opacity: 0 }
+                    ],
+                    openOptions: {
+                        duration: 300,
+                        fill: 'forwards',
+                        delay: 1000 // 1000
+                    },
+                    closeOptions: {
+                        duration: 1, // 1 should be acceptable here when I close
+                        fill: 'forwards',
+                        delay: 1000 // 1000 why does 3000 work during open but not during close??
+                    },
+                },
             },
-        },
-    },
-          }).add([
-     new Text("First")
-     .set({
-     cursor: "hand",
-     icon: {padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},
-     fluidc: "S6",
-     pad: [{l:10,r:10}], 
-     font: "Arial",
-     align: "center",
-     weight: "bold", 
-     
-     })
-     
-    ,
-     new Wrapper() 
-    .set({centerColumn: true,
-     radius: "0.7rem",background: "#1abc9c",
-     makeResponsiveBehaviour: "undefined",})
-    .add([ 
-    
-     new Link()
-     .set({
-     pad: [{a:10}],
-     font: "Arial",
-     hover: {color:"wheat",animation:0.3},
-     bold: true,
-     link: "https://www.apple.com",
-     text: "Second",
-     icon: {padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"},}) 
-    ,
-     new Link()
-     .set({
-     pad: [{a:10}],
-     font: "Arial",
-     hover: {color:"wheat",animation:0.3},
-     bold: true,
-     link: "https://www.apple.com",
-     text: "Third",
-     icon: {padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"},}) 
-    ])]);
+        }).add([
+            new Text("First")
+                .set({
+                    cursor: "hand",
+                    icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/60/60995.png" },
+                    fluidc: "S6",
+                    pad: [{ l: 10, r: 10 }],
+                    font: "Arial",
+                    align: "center",
+                    weight: "bold",
+
+                })
+
+            ,
+            new Wrapper()
+                .set({
+                    centerColumn: true,
+                    radius: "0.7rem", background: "#1abc9c",
+                    makeResponsiveBehaviour: "undefined",
+                })
+                .add([
+
+                    new Link()
+                        .set({
+                            pad: [{ a: 10 }],
+                            font: "Arial",
+                            hover: { color: "wheat", animation: 0.3 },
+                            bold: true,
+                            link: "https://www.apple.com",
+                            text: "Second",
+                            icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/32/32339.png" },
+                        })
+                    ,
+                    new Link()
+                        .set({
+                            pad: [{ a: 10 }],
+                            font: "Arial",
+                            hover: { color: "wheat", animation: 0.3 },
+                            bold: true,
+                            link: "https://www.apple.com",
+                            text: "Third",
+                            icon: { padding: 30, url: "https://cdn-icons-png.flaticon.com/512/32/32339.png" },
+                        })
+                ])]);
 
 
        
@@ -1099,12 +1108,17 @@ new Wrapper().set({
             text: i.title,
             link: i.link,
             isNavA: true,
-            url: "#e",
+            url: "#myURL",
             id: "#" + i.title.toLowerCase(),
             font: "Arial",
             pad: [{a:20}], 
             bold: true,
+             tags: {open: "sidebar:open", close: "sidebar:closed"},
             align: "left", // 21:04:58
+            hover: { 
+	            color: "wheat", 
+	            animation: 0.3 
+            },
             animation: { // also works without animation block
                 range: ["0px", "1900px"],
                 op: {
@@ -1143,14 +1157,14 @@ if (obj.el.dropdown){
 
         // Always require link wrapper
         const linkWrapper = new Wrapper().set({column: true}).add([
-            new Text("Ultra Reckoning")
+            new Text("Sidebar")
              .set({   
-                   fluidc: "S6",
+                   size: "S6",
                    font: "Arial",
                    id: "#olod",
                    italic: true,
                    animation: {range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}},
-                   pad: [{l:40}, {t:20}], // Insert in the right plce
+                   pad: [{l:20}, {t:20}], // Insert in the right plce
                  //  pad: {sides: ["all"], value: "1rem"}
                 }),
 
@@ -1159,7 +1173,7 @@ if (obj.el.dropdown){
             obj.el.animation ? animatedLinks[2] : links[2],
             (obj.el.animation && obj.el.dropdown) ? animatedLinks[3] : new Text("").set({}).excludeFromCode(),
 
-            new Text("Paramount, 2024")
+            new Text("Company, 2025")
             .set({ // no ID, no animation
                 pad: [{a: 20}],
                 animation: {range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}},
@@ -1196,6 +1210,8 @@ if (obj.el.dropdown){
             background: "#ecf0f1",
             hamColour: {opened: "#1abc9c", closed: "#e67e22"},
             mobileSize: "1.2em",
+            fixed: true,
+            tags: {open: "sidebar:open", close: "sidebar:closed"}
         }).items(obj.el.offcanvas ? offCanvas : linkWrapper );
 
 
@@ -1500,7 +1516,8 @@ const blast    = this.filtero("blast", el.id, obj.customOptions);
                     background: "#3498db", 
                     pad: [{ lr: "0.5rem", tb: "1rem" }], 
                     radius: "0.4rem", 
-                    color: "white"
+                    color: "white",
+                    mar: [{"a": 21}]
                 })
             ])`;
 

package/lib/linkGetter.js

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

package/lib/scrollvideo.js

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

package/package.json

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