nodality 1.0.31 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/animator.cjs.js.LICENSE.txt +1 -1
- package/dist/animator.esm.js.LICENSE.txt +1 -1
- package/dist/appleanim.cjs.js.LICENSE.txt +1 -1
- package/dist/appleanim.esm.js.LICENSE.txt +1 -1
- package/dist/audionew.cjs.js.LICENSE.txt +1 -1
- package/dist/audionew.esm.js.LICENSE.txt +1 -1
- package/dist/base.cjs.js.LICENSE.txt +1 -1
- package/dist/base.esm.js.LICENSE.txt +1 -1
- package/dist/betaDesktopBar.esm.js.LICENSE.txt +1 -1
- package/dist/betaMobileBar.esm.js.LICENSE.txt +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/bundle.umd.js.LICENSE.txt +1 -1
- package/dist/button.cjs.js +1 -1
- package/dist/button.cjs.js.LICENSE.txt +1 -1
- package/dist/button.esm.js +1 -1
- package/dist/button.esm.js.LICENSE.txt +1 -1
- package/dist/cardGetter.cjs.js.LICENSE.txt +1 -1
- package/dist/cardGetter.esm.js.LICENSE.txt +1 -1
- package/dist/center.cjs.js.LICENSE.txt +1 -1
- package/dist/center.esm.js.LICENSE.txt +1 -1
- package/dist/checkbox.cjs.js.LICENSE.txt +1 -1
- package/dist/checkbox.esm.js.LICENSE.txt +1 -1
- package/dist/code.cjs.js.LICENSE.txt +1 -1
- package/dist/code.esm.js.LICENSE.txt +1 -1
- package/dist/container.cjs.js.LICENSE.txt +1 -1
- package/dist/container.esm.js.LICENSE.txt +1 -1
- package/dist/datalist.cjs.js.LICENSE.txt +1 -1
- package/dist/datalist.esm.js.LICENSE.txt +1 -1
- package/dist/designer.cjs.js +1 -1
- package/dist/designer.cjs.js.LICENSE.txt +1 -1
- package/dist/designer.esm.js +1 -1
- package/dist/designer.esm.js.LICENSE.txt +1 -1
- package/dist/dropdown.cjs.js.LICENSE.txt +1 -1
- package/dist/dropdown.esm.js.LICENSE.txt +1 -1
- package/dist/elementMapper.cjs.js +1 -1
- package/dist/elementMapper.cjs.js.LICENSE.txt +1 -1
- package/dist/elementMapper.esm.js +1 -1
- package/dist/elementMapper.esm.js.LICENSE.txt +1 -1
- package/dist/finalresult.esm.js +1 -1
- package/dist/finalresult.esm.js.LICENSE.txt +1 -1
- package/dist/flexCard.cjs.js.LICENSE.txt +1 -1
- package/dist/flexCard.esm.js.LICENSE.txt +1 -1
- package/dist/flexGrid.cjs.js.LICENSE.txt +1 -1
- package/dist/flexGrid.esm.js.LICENSE.txt +1 -1
- package/dist/flexRow.cjs.js.LICENSE.txt +1 -1
- package/dist/flexRow.esm.js.LICENSE.txt +1 -1
- package/dist/floatingInput.cjs.js.LICENSE.txt +1 -1
- package/dist/floatingInput.esm.js.LICENSE.txt +1 -1
- package/dist/free.cjs.js.LICENSE.txt +1 -1
- package/dist/free.esm.js.LICENSE.txt +1 -1
- package/dist/horizontalScroller.esm.js.LICENSE.txt +1 -1
- package/dist/image.cjs.js.LICENSE.txt +1 -1
- package/dist/image.esm.js.LICENSE.txt +1 -1
- package/dist/imagePicker.cjs.js.LICENSE.txt +1 -1
- package/dist/imagePicker.esm.js.LICENSE.txt +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.LICENSE.txt +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.LICENSE.txt +1 -1
- package/dist/link.cjs.js.LICENSE.txt +1 -1
- package/dist/link.esm.js.LICENSE.txt +1 -1
- package/dist/linkGetter.cjs.js.LICENSE.txt +1 -1
- package/dist/linkGetter.esm.js.LICENSE.txt +1 -1
- package/dist/metaAdder.cjs.js.LICENSE.txt +1 -1
- package/dist/metaAdder.esm.js.LICENSE.txt +1 -1
- package/dist/modal2025.cjs.js.LICENSE.txt +1 -1
- package/dist/modal2025.esm.js.LICENSE.txt +1 -1
- package/dist/multiswitchers.esm.js.LICENSE.txt +1 -1
- package/dist/newNavBar.cjs.js.LICENSE.txt +1 -1
- package/dist/newNavBar.esm.js.LICENSE.txt +1 -1
- package/dist/picker.cjs.js.LICENSE.txt +1 -1
- package/dist/picker.esm.js.LICENSE.txt +1 -1
- package/dist/progress.cjs.js.LICENSE.txt +1 -1
- package/dist/progress.esm.js.LICENSE.txt +1 -1
- package/dist/radio.cjs.js.LICENSE.txt +1 -1
- package/dist/radio.esm.js.LICENSE.txt +1 -1
- package/dist/range.cjs.js.LICENSE.txt +1 -1
- package/dist/range.esm.js.LICENSE.txt +1 -1
- package/dist/scrollvideo.cjs.js.LICENSE.txt +1 -1
- package/dist/scrollvideo.esm.js.LICENSE.txt +1 -1
- package/dist/sideBar.cjs.js.LICENSE.txt +1 -1
- package/dist/sideBar.esm.js.LICENSE.txt +1 -1
- package/dist/sideNavBar.cjs.js.LICENSE.txt +1 -1
- package/dist/sideNavBar.esm.js.LICENSE.txt +1 -1
- package/dist/simpleBar.cjs.js.LICENSE.txt +1 -1
- package/dist/simpleBar.esm.js.LICENSE.txt +1 -1
- package/dist/slider2025.cjs.js +1 -1
- package/dist/slider2025.cjs.js.LICENSE.txt +1 -1
- package/dist/slider2025.esm.js +1 -1
- package/dist/slider2025.esm.js.LICENSE.txt +1 -1
- package/dist/spacer.cjs.js.LICENSE.txt +1 -1
- package/dist/stack.cjs.js.LICENSE.txt +1 -1
- package/dist/stack.esm.js.LICENSE.txt +1 -1
- package/dist/stacker.cjs.js.LICENSE.txt +1 -1
- package/dist/stacker.esm.js.LICENSE.txt +1 -1
- package/dist/table.cjs.js.LICENSE.txt +1 -1
- package/dist/table.esm.js.LICENSE.txt +1 -1
- package/dist/text.cjs.js.LICENSE.txt +1 -1
- package/dist/text.esm.js.LICENSE.txt +1 -1
- package/dist/textField.cjs.js.LICENSE.txt +1 -1
- package/dist/textField.esm.js.LICENSE.txt +1 -1
- package/dist/transformanim.cjs.js.LICENSE.txt +1 -1
- package/dist/transformanim.esm.js.LICENSE.txt +1 -1
- package/dist/ulist.cjs.js.LICENSE.txt +1 -1
- package/dist/ulist.esm.js.LICENSE.txt +1 -1
- package/dist/video.esm.js.LICENSE.txt +1 -1
- package/dist/wrap.cjs.js.LICENSE.txt +1 -1
- package/dist/wrap.esm.js.LICENSE.txt +1 -1
- package/dist/zoomCard.cjs.js.LICENSE.txt +1 -1
- package/dist/zoomCard.esm.js.LICENSE.txt +1 -1
- package/layout/DEPRECATED-PARAGRAPH.js +1 -1
- package/layout/animator.js +1 -1
- package/layout/audio.js +1 -1
- package/layout/audionew.js +1 -1
- package/layout/base-2.js +1 -1
- package/layout/base.js +1 -1
- package/layout/betaDesktopBar.js +1 -1
- package/layout/betaMobileBar.js +1 -1
- package/layout/box.js +1 -1
- package/layout/button.js +32 -8
- package/layout/cards.js +1 -1
- package/layout/center.js +1 -1
- package/layout/checkbox.js +1 -1
- package/layout/circle.js +1 -1
- package/layout/cleanRow.js +1 -1
- package/layout/code.js +1 -1
- package/layout/container.js +1 -1
- package/layout/custom.js +1 -1
- package/layout/divImage.js +1 -1
- package/layout/dropdown.js +1 -1
- package/layout/dropdown2025.js +1 -1
- package/layout/emptyElement.js +1 -1
- package/layout/externalStylesheet.js +1 -1
- package/layout/flexCard.js +1 -1
- package/layout/flexGrid.js +1 -1
- package/layout/flexrow.js +1 -1
- package/layout/footer.js +1 -1
- package/layout/formComponents/custom.js +1 -1
- package/layout/formComponents/dataList.js +1 -1
- package/layout/formComponents/floatingInput.js +1 -1
- package/layout/formComponents/form-all.js +1 -1
- package/layout/formComponents/form.js +1 -1
- package/layout/formComponents/imagePicker.js +1 -1
- package/layout/formComponents/picker.js +1 -1
- package/layout/formComponents/radio.js +1 -1
- package/layout/formComponents/radiogroup.js +1 -1
- package/layout/formComponents/range.js +1 -1
- package/layout/free.js +1 -1
- package/layout/grid-new.js +1 -1
- package/layout/grid.js +1 -1
- package/layout/gridSwitcher.js +1 -1
- package/layout/group.js +1 -1
- package/layout/header.js +1 -1
- package/layout/horizontalScroller.js +1 -1
- package/layout/image-old.js +1 -1
- package/layout/image.js +1 -1
- package/layout/index.js +1 -1
- package/layout/label.js +1 -1
- package/layout/link.js +1 -1
- package/layout/list-OLD.js +1 -1
- package/layout/list.js +1 -1
- package/layout/metaAdder.js +1 -1
- package/layout/modal2025.js +1 -1
- package/layout/modernwrap.js +1 -1
- package/layout/multiswitcher.js +1 -1
- package/layout/multiswitcherBeta.js +1 -1
- package/layout/navBar-OLD.js +1 -1
- package/layout/navBar.js +1 -1
- package/layout/navFactor/customDiv.js +1 -1
- package/layout/newFlatAdder.js +1 -1
- package/layout/newNavBar copy 2.js +1 -1
- package/layout/newNavBar copy.js +1 -1
- package/layout/newNavBar.js +1 -1
- package/layout/offsetContainer.js +1 -1
- package/layout/polygon.js +1 -1
- package/layout/progress.js +1 -1
- package/layout/row.js +1 -1
- package/layout/savedNewNavBar.js +1 -1
- package/layout/scrollvideo.js +1 -1
- package/layout/sideBar.js +1 -1
- package/layout/sideNavBar.js +1 -1
- package/layout/simpleBar.js +1 -1
- package/layout/slider2025.js +75 -7
- package/layout/spacer.js +1 -1
- package/layout/stack.js +1 -1
- package/layout/styler.js +1 -1
- package/layout/switcher.js +1 -1
- package/layout/table.js +1 -1
- package/layout/text.js +1 -1
- package/layout/textField.js +1 -1
- package/layout/ulist.js +1 -1
- package/layout/video.js +1 -1
- package/layout/withoutNew.js +1 -1
- package/layout/wrap.js +1 -1
- package/layout/zoomCard.js +1 -1
- package/lib/AppleAnim.js +1 -1
- package/lib/KeyframeAnimation.js +1 -1
- package/lib/Stacker.js +1 -1
- package/lib/TransformAnim.js +1 -1
- package/lib/cardGetter.js +1 -1
- package/lib/designer.js +3 -37
- package/lib/elementMapper.js +1 -1
- package/lib/linkGetter.js +1 -1
- package/lib/scrollvideo.js +1 -1
- package/package.json +1 -1
package/layout/modal2025.js
CHANGED
package/layout/modernwrap.js
CHANGED
package/layout/multiswitcher.js
CHANGED
package/layout/navBar-OLD.js
CHANGED
package/layout/navBar.js
CHANGED
package/layout/newFlatAdder.js
CHANGED
package/layout/newNavBar copy.js
CHANGED
package/layout/newNavBar.js
CHANGED
package/layout/polygon.js
CHANGED
package/layout/progress.js
CHANGED
package/layout/row.js
CHANGED
package/layout/savedNewNavBar.js
CHANGED
package/layout/scrollvideo.js
CHANGED
package/layout/sideBar.js
CHANGED
package/layout/sideNavBar.js
CHANGED
package/layout/simpleBar.js
CHANGED
package/layout/slider2025.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.32
|
|
3
3
|
* (c) 2025 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -22,17 +22,19 @@ class Slider {
|
|
|
22
22
|
if (!this.buttons) {
|
|
23
23
|
let buttons = {
|
|
24
24
|
leftButton: new Button("L").set({
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
frame: { width: 50, height: 50 },
|
|
26
|
+
// url: "../assets/arrow-left.png",
|
|
27
|
+
svg: this.createArrowSVG("left", 28),
|
|
27
28
|
color: "#1abc9c",
|
|
28
|
-
|
|
29
|
+
// image: new Image().set({ url: "../assets/arrow-left.png", width: "50px", height: "50px" }),
|
|
29
30
|
radius: "100%",
|
|
30
31
|
arrayMargin: { sides: ["all"], value: "1rem" },
|
|
31
32
|
}),
|
|
32
33
|
|
|
33
34
|
rightButton: new Button("R").set({
|
|
34
35
|
frame: { width: 50, height: 50 },
|
|
35
|
-
|
|
36
|
+
svg: this.createArrowSVG("right", 28),
|
|
37
|
+
// url: "../assets/arrow-right.png",
|
|
36
38
|
color: "#1abc9c",
|
|
37
39
|
radius: "100%",
|
|
38
40
|
arrayMargin: { sides: ["all"], value: "1rem" },
|
|
@@ -45,6 +47,31 @@ class Slider {
|
|
|
45
47
|
this.init();
|
|
46
48
|
}
|
|
47
49
|
|
|
50
|
+
createArrowSVG(direction = 'left', size = 28) {
|
|
51
|
+
const svgNS = "http://www.w3.org/2000/svg";
|
|
52
|
+
const svg = document.createElementNS(svgNS, "svg");
|
|
53
|
+
svg.setAttribute("viewBox", "0 0 24 24");
|
|
54
|
+
svg.setAttribute("width", String(size));
|
|
55
|
+
svg.setAttribute("height", String(size));
|
|
56
|
+
svg.setAttribute("aria-hidden", "true");
|
|
57
|
+
svg.style.display = "block"; // avoid inline-gap issues
|
|
58
|
+
svg.style.pointerEvents = "none"; // prevent internal svg catching pointer
|
|
59
|
+
|
|
60
|
+
const path = document.createElementNS(svgNS, "path");
|
|
61
|
+
path.setAttribute("fill", "currentColor");
|
|
62
|
+
|
|
63
|
+
if (direction === "left") {
|
|
64
|
+
// chevron-left path
|
|
65
|
+
path.setAttribute("d", "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z");
|
|
66
|
+
} else {
|
|
67
|
+
// chevron-right path
|
|
68
|
+
path.setAttribute("d", "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z");
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
svg.appendChild(path);
|
|
72
|
+
return svg;
|
|
73
|
+
}
|
|
74
|
+
|
|
48
75
|
toCode() {
|
|
49
76
|
let code = `new Slider([${this.elements.map((el) => el.toCode())}], null)`;
|
|
50
77
|
code = code.replace(/,\s*\./g, ".");
|
|
@@ -110,7 +137,7 @@ class Slider {
|
|
|
110
137
|
nav.style.position = "absolute";
|
|
111
138
|
nav.style.bottom = "10%";
|
|
112
139
|
nav.style.left = "50%";
|
|
113
|
-
nav.style.width = "200px";
|
|
140
|
+
//nav.style.width = "200px";
|
|
114
141
|
nav.style.transform = "translateX(-50%)";
|
|
115
142
|
nav.style.textAlign = "center";
|
|
116
143
|
|
|
@@ -130,7 +157,7 @@ class Slider {
|
|
|
130
157
|
// ✅ Thumbnails section (fixed and robust)
|
|
131
158
|
const thumbsContainer = document.createElement("div");
|
|
132
159
|
thumbsContainer.style.display = "flex";
|
|
133
|
-
thumbsContainer.style.justifyContent = "
|
|
160
|
+
thumbsContainer.style.justifyContent = "flex-start";
|
|
134
161
|
thumbsContainer.style.marginTop = "10px";
|
|
135
162
|
thumbsContainer.style.gap = "10px";
|
|
136
163
|
thumbsContainer.style.flexWrap = "nowrap";
|
|
@@ -261,3 +288,44 @@ class Slider {
|
|
|
261
288
|
}
|
|
262
289
|
|
|
263
290
|
export { Slider };
|
|
291
|
+
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
/*
|
|
295
|
+
|
|
296
|
+
new Slider(texts, /*{
|
|
297
|
+
|
|
298
|
+
leftButton: new Button("").set({
|
|
299
|
+
url: "true",
|
|
300
|
+
img: new Image().set({
|
|
301
|
+
url: "../assets/arrow-left.png",
|
|
302
|
+
width: "50px",
|
|
303
|
+
height: "50px"
|
|
304
|
+
}),
|
|
305
|
+
color: "#1abc9c",
|
|
306
|
+
radius: "100%",
|
|
307
|
+
mar: {
|
|
308
|
+
"a":40
|
|
309
|
+
}
|
|
310
|
+
}),
|
|
311
|
+
|
|
312
|
+
rightButton: new Button("").set({
|
|
313
|
+
url: "true",
|
|
314
|
+
img: new Image().set({
|
|
315
|
+
url: "../assets/arrow-right.png",
|
|
316
|
+
width: "50px",
|
|
317
|
+
height: "50px"
|
|
318
|
+
}),
|
|
319
|
+
color: "#1abc9c",
|
|
320
|
+
frame: {
|
|
321
|
+
width: 50,
|
|
322
|
+
height: 50
|
|
323
|
+
},
|
|
324
|
+
radius: "100%",
|
|
325
|
+
mar: {
|
|
326
|
+
"a":40
|
|
327
|
+
}
|
|
328
|
+
})
|
|
329
|
+
|
|
330
|
+
}, null)
|
|
331
|
+
*/
|
package/layout/spacer.js
CHANGED
package/layout/stack.js
CHANGED
package/layout/styler.js
CHANGED
package/layout/switcher.js
CHANGED
package/layout/table.js
CHANGED
package/layout/text.js
CHANGED
package/layout/textField.js
CHANGED
package/layout/ulist.js
CHANGED
package/layout/video.js
CHANGED
package/layout/withoutNew.js
CHANGED
package/layout/wrap.js
CHANGED
package/layout/zoomCard.js
CHANGED
package/lib/AppleAnim.js
CHANGED
package/lib/KeyframeAnimation.js
CHANGED
package/lib/Stacker.js
CHANGED
package/lib/TransformAnim.js
CHANGED
package/lib/cardGetter.js
CHANGED
package/lib/designer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.32
|
|
3
3
|
* (c) 2025 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -967,44 +967,10 @@ new Text("One").set({size: "S1", color: "#1abc9c", font: "Arial"}),
|
|
|
967
967
|
|
|
968
968
|
new Text("Three").set({size: "S1", color: "#1abc9c", font: "Arial"}),
|
|
969
969
|
|
|
970
|
-
new Text("Four").set({size: "S1", color: "#1abc9c", font: "Arial"})
|
|
970
|
+
new Text("Four").set({size: "S1", color: "#1abc9c", font: "Arial"}),
|
|
971
971
|
];
|
|
972
972
|
|
|
973
|
-
new Slider(texts,
|
|
974
|
-
|
|
975
|
-
leftButton: new Button("").set({
|
|
976
|
-
url: "true",
|
|
977
|
-
img: new Image().set({
|
|
978
|
-
url: "../assets/arrow-left.png",
|
|
979
|
-
width: "50px",
|
|
980
|
-
height: "50px"
|
|
981
|
-
}),
|
|
982
|
-
color: "#1abc9c",
|
|
983
|
-
radius: "100%",
|
|
984
|
-
mar: {
|
|
985
|
-
"a":40
|
|
986
|
-
}
|
|
987
|
-
}),
|
|
988
|
-
|
|
989
|
-
rightButton: new Button("").set({
|
|
990
|
-
url: "true",
|
|
991
|
-
img: new Image().set({
|
|
992
|
-
url: "../assets/arrow-right.png",
|
|
993
|
-
width: "50px",
|
|
994
|
-
height: "50px"
|
|
995
|
-
}),
|
|
996
|
-
color: "#1abc9c",
|
|
997
|
-
frame: {
|
|
998
|
-
width: 50,
|
|
999
|
-
height: 50
|
|
1000
|
-
},
|
|
1001
|
-
radius: "100%",
|
|
1002
|
-
mar: {
|
|
1003
|
-
"a":40
|
|
1004
|
-
}
|
|
1005
|
-
})
|
|
1006
|
-
|
|
1007
|
-
})
|
|
973
|
+
new Slider(texts, null)
|
|
1008
974
|
|
|
1009
975
|
`);
|
|
1010
976
|
|
package/lib/elementMapper.js
CHANGED
package/lib/linkGetter.js
CHANGED
package/lib/scrollvideo.js
CHANGED