nodality 1.0.30 → 1.0.32

package/layout/modal2025.js

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

package/layout/modernwrap.js

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

package/layout/multiswitcher.js

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

package/layout/multiswitcherBeta.js

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

package/layout/navBar-OLD.js

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

package/layout/navBar.js

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

package/layout/navFactor/customDiv.js

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

package/layout/newFlatAdder.js

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

package/layout/newNavBar copy 2.js

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

package/layout/newNavBar copy.js

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

package/layout/newNavBar.js

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

package/layout/offsetContainer.js

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

package/layout/polygon.js

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

package/layout/progress.js

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

package/layout/row.js

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

package/layout/savedNewNavBar.js

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

package/layout/scrollvideo.js

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

package/layout/sideBar.js

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

package/layout/sideNavBar.js

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

package/layout/simpleBar.js

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

package/layout/slider2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.30
+ * nodality v1.0.32
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -22,17 +22,19 @@ class Slider {
     if (!this.buttons) {
       let buttons = {
         leftButton: new Button("L").set({
-          frame: { width: 50, height: 50 },
-          url: "../assets/arrow-left.png",
+        frame: { width: 50, height: 50 },
+        //  url: "../assets/arrow-left.png",
+        svg: this.createArrowSVG("left", 28),
           color: "#1abc9c",
-          image: new Image().set({ url: "../assets/arrow-left.png", width: "50px", height: "50px" }),
+         // image: new Image().set({ url: "../assets/arrow-left.png", width: "50px", height: "50px" }),
           radius: "100%",
           arrayMargin: { sides: ["all"], value: "1rem" },
         }),
 
         rightButton: new Button("R").set({
           frame: { width: 50, height: 50 },
-          url: "../assets/arrow-right.png",
+          svg: this.createArrowSVG("right", 28),
+         // url: "../assets/arrow-right.png",
           color: "#1abc9c",
           radius: "100%",
           arrayMargin: { sides: ["all"], value: "1rem" },
@@ -45,6 +47,31 @@ class Slider {
     this.init();
   }
 
+   createArrowSVG(direction = 'left', size = 28) {
+  const svgNS = "http://www.w3.org/2000/svg";
+  const svg = document.createElementNS(svgNS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", String(size));
+  svg.setAttribute("height", String(size));
+  svg.setAttribute("aria-hidden", "true");
+  svg.style.display = "block"; // avoid inline-gap issues
+  svg.style.pointerEvents = "none"; // prevent internal svg catching pointer
+
+  const path = document.createElementNS(svgNS, "path");
+  path.setAttribute("fill", "currentColor");
+
+  if (direction === "left") {
+    // chevron-left path
+    path.setAttribute("d", "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z");
+  } else {
+    // chevron-right path
+    path.setAttribute("d", "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z");
+  }
+
+  svg.appendChild(path);
+  return svg;
+}
+
   toCode() {
     let code = `new Slider([${this.elements.map((el) => el.toCode())}], null)`;
     code = code.replace(/,\s*\./g, ".");
@@ -110,7 +137,7 @@ class Slider {
     nav.style.position = "absolute";
     nav.style.bottom = "10%";
     nav.style.left = "50%";
-    nav.style.width = "200px";
+    //nav.style.width = "200px";
     nav.style.transform = "translateX(-50%)";
     nav.style.textAlign = "center";
 
@@ -130,7 +157,7 @@ class Slider {
     // ✅ Thumbnails section (fixed and robust)
     const thumbsContainer = document.createElement("div");
     thumbsContainer.style.display = "flex";
-    thumbsContainer.style.justifyContent = "center";
+    thumbsContainer.style.justifyContent = "flex-start";
     thumbsContainer.style.marginTop = "10px";
     thumbsContainer.style.gap = "10px";
     thumbsContainer.style.flexWrap = "nowrap";
@@ -160,7 +187,7 @@ class Slider {
       preview.style.transformOrigin = "top left";
       // make width/height big enough so scale produces visible result
       preview.style.width = "300px";
-      preview.style.height = "200px";
+      preview.style.height = "auto";
       preview.style.pointerEvents = "none"; // prevent interactive elements inside preview catching clicks
 
       thumb.appendChild(preview);
@@ -261,3 +288,44 @@ class Slider {
 }
 
 export { Slider };
+
+
+
+/*
+
+new Slider(texts, /*{
+
+    leftButton: new Button("").set({
+        url: "true",
+        img: new Image().set({
+            url: "../assets/arrow-left.png",
+            width: "50px",
+            height: "50px"
+        }),
+        color: "#1abc9c",
+        radius: "100%",
+        mar: {
+            "a":40
+        }
+    }),
+
+    rightButton: new Button("").set({
+        url: "true",
+        img: new Image().set({
+            url: "../assets/arrow-right.png",
+            width: "50px",
+            height: "50px"
+        }),
+        color: "#1abc9c",
+        frame: {
+            width: 50,
+            height: 50
+        },
+        radius: "100%",
+        mar: {
+            "a":40
+        }
+    })
+
+}, null)
+*/

package/layout/spacer.js

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

package/layout/stack.js

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

package/layout/styler.js

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

package/layout/switcher.js

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

package/layout/table.js

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

package/layout/text.js

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

package/layout/textField.js

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

package/layout/ulist.js

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

package/layout/video.js

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

package/layout/withoutNew.js

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

package/layout/wrap.js

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

package/layout/zoomCard.js

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

package/lib/AppleAnim.js

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

package/lib/KeyframeAnimation.js

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

package/lib/Stacker.js

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

package/lib/TransformAnim.js

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

package/lib/cardGetter.js

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

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.30
+ * nodality v1.0.32
  * (c) 2025 Filip Vabrousek
  * License: MIT
  */
@@ -956,58 +956,21 @@ replaceMedium(customOptions);
                 this.code.push(`  
 let texts = [
 
-    new Wrapper().set({}).add([
-
-        new Text("One").set({size: "S1", color: "#1abc9c", font: "Arial"
-        }),
-
-        new Text("First time").set({
-            font: "Arial"
-        })
-    ]),
+new Text("One").set({size: "S1", color: "#1abc9c", font: "Arial"}),
+    /*new Image().set({
+    url: "https://image.datart.cz/foto/500/7/0/8/product_7766807.jpg",
+    width: "400px",
+    height: "auto"
+    }),*/
 
     new Text("Two").set({size: "S1", color: "#1abc9c", font: "Arial"}),
     
     new Text("Three").set({size: "S1", color: "#1abc9c", font: "Arial"}),
 
-    new Text("Four").set({size: "S1", color: "#1abc9c", font: "Arial"})
+    new Text("Four").set({size: "S1", color: "#1abc9c", font: "Arial"}),
 ];
 
-new Slider(texts, {
-
-    leftButton: new Button("").set({
-        url: "true",
-        img: new Image().set({
-            url: "../assets/arrow-left.png",
-            width: "50px",
-            height: "50px"
-        }),
-        color: "#1abc9c",
-        radius: "100%",
-        mar: {
-            "a":40
-        }
-    }),
-
-    rightButton: new Button("").set({
-        url: "true",
-        img: new Image().set({
-            url: "../assets/arrow-right.png",
-            width: "50px",
-            height: "50px"
-        }),
-        color: "#1abc9c",
-        frame: {
-            width: 50,
-            height: 50
-        },
-        radius: "100%",
-        mar: {
-            "a":40
-        }
-    })
-
-})
+new Slider(texts, null)
  
 `);
 

package/lib/elementMapper.js

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

package/lib/linkGetter.js

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

package/lib/scrollvideo.js

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

package/package.json

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