nodality 1.0.133 → 1.0.135
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 +1 -1
- package/dist/animator.esm.js +1 -1
- package/dist/audionew.cjs.js +1 -1
- package/dist/audionew.esm.js +1 -1
- package/dist/beta-desktop-bar.cjs.js +1 -1
- package/dist/beta-desktop-bar.esm.js +1 -1
- package/dist/beta-mobile-bar.cjs.js +1 -1
- package/dist/beta-mobile-bar.esm.js +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/button.cjs.js +1 -1
- package/dist/button.esm.js +1 -1
- package/dist/center.cjs.js +1 -1
- package/dist/center.esm.js +1 -1
- package/dist/checkbox.cjs.js +1 -1
- package/dist/checkbox.esm.js +1 -1
- package/dist/code.cjs.js +1 -1
- package/dist/code.esm.js +1 -1
- package/dist/container.cjs.js +1 -1
- package/dist/container.esm.js +1 -1
- package/dist/designer.cjs.js +1 -1
- package/dist/designer.esm.js +1 -1
- package/dist/dropdown.cjs.js +1 -1
- package/dist/dropdown.esm.js +1 -1
- package/dist/element-mapper.cjs.js +1 -1
- package/dist/element-mapper.esm.js +1 -1
- package/dist/finalresult.esm.js +1 -1
- package/dist/flex-card.cjs.js +1 -1
- package/dist/flex-card.esm.js +1 -1
- package/dist/flex-grid.cjs.js +1 -1
- package/dist/flex-grid.esm.js +1 -1
- package/dist/flex-row.cjs.js +1 -1
- package/dist/flex-row.esm.js +1 -1
- package/dist/floating-input.cjs.js +1 -1
- package/dist/floating-input.esm.js +1 -1
- package/dist/free.cjs.js +1 -1
- package/dist/free.esm.js +1 -1
- package/dist/image-picker.cjs.js +1 -1
- package/dist/image-picker.esm.js +1 -1
- package/dist/image.cjs.js +1 -1
- package/dist/image.esm.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/link-getter.cjs.js +1 -1
- package/dist/link-getter.esm.js +1 -1
- package/dist/link.cjs.js +1 -1
- package/dist/link.esm.js +1 -1
- package/dist/multiswitcher.cjs.js +1 -1
- package/dist/multiswitcher.esm.js +1 -1
- package/dist/new-nav-bar.cjs.js +1 -1
- package/dist/new-nav-bar.esm.js +1 -1
- package/dist/picker.cjs.js +1 -1
- package/dist/picker.esm.js +1 -1
- package/dist/side-nav-bar.cjs.js +1 -1
- package/dist/side-nav-bar.esm.js +1 -1
- package/dist/simple-bar.cjs.js +1 -1
- package/dist/simple-bar.esm.js +1 -1
- package/dist/slider-2025.cjs.js +1 -1
- package/dist/slider-2025.esm.js +1 -1
- package/dist/table.cjs.js +1 -1
- package/dist/table.esm.js +1 -1
- package/dist/text-field.cjs.js +1 -1
- package/dist/text-field.esm.js +1 -1
- package/dist/text.cjs.js +1 -1
- package/dist/text.esm.js +1 -1
- package/dist/ulist.cjs.js +1 -1
- package/dist/ulist.esm.js +1 -1
- package/dist/video.cjs.js +1 -1
- package/dist/video.esm.js +1 -1
- package/dist/zoom-card.cjs.js +1 -1
- package/dist/zoom-card.esm.js +1 -1
- package/layout/animator.js +30 -11
- 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/beta-desktop-bar.js +1 -1
- package/layout/beta-mobile-bar.js +1 -1
- package/layout/box.js +1 -1
- package/layout/button.js +1 -1
- 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/clean-row.js +1 -1
- package/layout/code.js +1 -1
- package/layout/container.js +9 -2
- package/layout/custom.js +1 -1
- package/layout/div-image.js +1 -1
- package/layout/dropdown-2025.js +1 -1
- package/layout/dropdown.js +1 -1
- package/layout/empty-element.js +1 -1
- package/layout/external-stylesheet.js +1 -1
- package/layout/flex-card.js +8 -1
- package/layout/flex-grid.js +9 -2
- package/layout/flex-row.js +10 -3
- package/layout/footer.js +1 -1
- package/layout/form-components/custom.js +1 -1
- package/layout/form-components/data-list.js +1 -1
- package/layout/form-components/floating-input.js +1 -1
- package/layout/form-components/form-all.js +1 -1
- package/layout/form-components/form.js +1 -1
- package/layout/form-components/image-picker.js +1 -1
- package/layout/form-components/picker.js +1 -1
- package/layout/form-components/radio.js +1 -1
- package/layout/form-components/radiogroup.js +1 -1
- package/layout/form-components/range.js +1 -1
- package/layout/free.js +1 -1
- package/layout/grid-new.js +1 -1
- package/layout/grid-switcher.js +1 -1
- package/layout/grid.js +1 -1
- package/layout/group.js +1 -1
- package/layout/header.js +1 -1
- package/layout/horizontal-scroller.js +1 -1
- package/layout/image-old.js +1 -1
- package/layout/image.js +10 -9
- package/layout/index.js +1 -1
- package/layout/label.js +1 -1
- package/layout/link.js +9 -2
- package/layout/list-OLD.js +1 -1
- package/layout/list.js +1 -1
- package/layout/meta-adder.js +1 -1
- package/layout/modal-2025.js +1 -1
- package/layout/modernwrap.js +1 -1
- package/layout/multiswitcher.js +1 -1
- package/layout/multiswitcherBeta.js +1 -1
- package/layout/nav-bar.js +1 -1
- package/layout/nav-factor/custom-div.js +1 -1
- package/layout/navBar-OLD.js +1 -1
- package/layout/new-flat-adder.js +1 -1
- package/layout/new-nav-bar.js +1 -1
- package/layout/offset-container.js +1 -1
- package/layout/polygon.js +1 -1
- package/layout/progress.js +1 -1
- package/layout/row.js +1 -1
- package/layout/saved-new-nav-bar.js +1 -1
- package/layout/scroll-video.js +1 -1
- package/layout/side-bar.js +1 -1
- package/layout/side-nav-bar.js +1 -1
- package/layout/simple-bar.js +1 -1
- package/layout/slider-2025.js +1 -1
- 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-field.js +1 -1
- package/layout/text.js +1 -1
- package/layout/ulist.js +1 -1
- package/layout/video.js +1 -1
- package/layout/without-new.js +1 -1
- package/layout/wrap.js +1 -1
- package/layout/zoom-card.js +1 -1
- package/lib/card-getter.js +1 -1
- package/lib/designer.js +1 -1
- package/lib/element-mapper.js +1 -1
- package/lib/keyframe-animation.js +1 -1
- package/lib/link-getter.js +1 -1
- package/lib/scroll-video.js +1 -1
- package/lib/stacker.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/transform-anim.js +1 -1
- package/package.json +1 -1
package/layout/animator.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -1387,6 +1387,13 @@ resmar(arr) {
|
|
|
1387
1387
|
|
|
1388
1388
|
mar(arr){
|
|
1389
1389
|
|
|
1390
|
+
// Shorthand: mar: "center" → margin: 0 auto
|
|
1391
|
+
if (arr === "center"){
|
|
1392
|
+
this.res.style.marginLeft = "auto";
|
|
1393
|
+
this.res.style.marginRight = "auto";
|
|
1394
|
+
return this;
|
|
1395
|
+
}
|
|
1396
|
+
|
|
1390
1397
|
for(let i = 0; i < arr.length; i++) {
|
|
1391
1398
|
let keys = Object.keys(arr[i]);
|
|
1392
1399
|
for(let j = 0; j < keys.length; j++) {
|
|
@@ -1395,29 +1402,41 @@ resmar(arr) {
|
|
|
1395
1402
|
for(let k = 0; k < key.length; k++) {
|
|
1396
1403
|
switch(key[k]) {
|
|
1397
1404
|
case 'a':
|
|
1398
|
-
|
|
1399
|
-
|
|
1405
|
+
// mar: [{ a: "auto" }] → margin: 0 auto (centers block-level elements)
|
|
1406
|
+
if (value === "auto"){
|
|
1407
|
+
this.res.style.marginLeft = "auto";
|
|
1408
|
+
this.res.style.marginRight = "auto";
|
|
1409
|
+
} else {
|
|
1410
|
+
this.res.style.margin = this.isNumber(value) ? `${value}px` : value;
|
|
1411
|
+
}
|
|
1400
1412
|
break;
|
|
1401
1413
|
case 't':
|
|
1402
|
-
this.res.style.marginTop = this.isNumber(value) ? `${value}px` : value
|
|
1414
|
+
this.res.style.marginTop = this.isNumber(value) ? `${value}px` : value;
|
|
1403
1415
|
break;
|
|
1404
1416
|
case 'l':
|
|
1405
|
-
this.res.style.marginLeft = this.isNumber(value) ? `${value}px` : value;
|
|
1417
|
+
this.res.style.marginLeft = this.isNumber(value) ? `${value}px` : value;
|
|
1406
1418
|
break;
|
|
1407
1419
|
case 'r':
|
|
1408
|
-
this.res.style.marginRight = this.isNumber(value) ? `${value}px` : value;
|
|
1420
|
+
this.res.style.marginRight = this.isNumber(value) ? `${value}px` : value;
|
|
1409
1421
|
break;
|
|
1410
1422
|
case 'b':
|
|
1411
|
-
this.res.style.marginBottom = this.isNumber(value) ? `${value}px` : value
|
|
1423
|
+
this.res.style.marginBottom = this.isNumber(value) ? `${value}px` : value;
|
|
1412
1424
|
break;
|
|
1413
1425
|
default:
|
|
1414
1426
|
// console.log(`Invalid key: ${key[k]}`);
|
|
1415
1427
|
}
|
|
1428
|
+
}
|
|
1416
1429
|
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1430
|
+
// Per-entry shorthand: { center: true } → marginLeft/Right = auto
|
|
1431
|
+
if (key === "center" && value === true){
|
|
1432
|
+
this.res.style.marginLeft = "auto";
|
|
1433
|
+
this.res.style.marginRight = "auto";
|
|
1434
|
+
}
|
|
1435
|
+
|
|
1436
|
+
// Value-based detection: if any value === "auto" on l/r/lr keys, force centering
|
|
1437
|
+
if (value === "auto" && (key.includes("l") || key.includes("r"))){
|
|
1438
|
+
if (key.includes("l")) this.res.style.marginLeft = "auto";
|
|
1439
|
+
if (key.includes("r")) this.res.style.marginRight = "auto";
|
|
1421
1440
|
}
|
|
1422
1441
|
}
|
|
1423
1442
|
}
|
package/layout/audio.js
CHANGED
package/layout/audionew.js
CHANGED
package/layout/base-2.js
CHANGED
package/layout/base.js
CHANGED
package/layout/box.js
CHANGED
package/layout/button.js
CHANGED
package/layout/cards.js
CHANGED
package/layout/center.js
CHANGED
package/layout/checkbox.js
CHANGED
package/layout/circle.js
CHANGED
package/layout/clean-row.js
CHANGED
package/layout/code.js
CHANGED
package/layout/container.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -82,6 +82,11 @@ code = `${pad}new Wrapper()`;
|
|
|
82
82
|
return this;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
+
onTap(handler){
|
|
86
|
+
this.res.addEventListener("click", handler);
|
|
87
|
+
return this;
|
|
88
|
+
}
|
|
89
|
+
|
|
85
90
|
gpos(obj){
|
|
86
91
|
//alert(obj.col);
|
|
87
92
|
this.res.style.gridColumn = obj.col;
|
|
@@ -94,7 +99,9 @@ code = `${pad}new Wrapper()`;
|
|
|
94
99
|
this.obj = obj;
|
|
95
100
|
|
|
96
101
|
this.commonMethods(obj);
|
|
97
|
-
|
|
102
|
+
|
|
103
|
+
obj.onTap && this.onTap(obj.onTap);
|
|
104
|
+
|
|
98
105
|
let stra = ".set({";
|
|
99
106
|
|
|
100
107
|
obj.isHidden && this.isHidden(obj.isHidden);
|
package/layout/custom.js
CHANGED
package/layout/div-image.js
CHANGED
package/layout/dropdown-2025.js
CHANGED
package/layout/dropdown.js
CHANGED
package/layout/empty-element.js
CHANGED
package/layout/flex-card.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -33,10 +33,17 @@ class Card extends Animator {
|
|
|
33
33
|
return this;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
onTap(handler){
|
|
37
|
+
this.res.addEventListener("click", handler);
|
|
38
|
+
return this;
|
|
39
|
+
}
|
|
40
|
+
|
|
36
41
|
set(obj){
|
|
37
42
|
let stra = "";
|
|
38
43
|
this.obj = obj;
|
|
39
44
|
|
|
45
|
+
obj.onTap && this.onTap(obj.onTap);
|
|
46
|
+
|
|
40
47
|
obj.background && (this.res.style.background = obj.background);
|
|
41
48
|
|
|
42
49
|
if (obj.border){
|
package/layout/flex-grid.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -39,10 +39,17 @@ class FlexGrid extends Animator {
|
|
|
39
39
|
return "FlexRowLayoutElement";
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
+
onTap(handler){
|
|
43
|
+
this.res.addEventListener("click", handler);
|
|
44
|
+
return this;
|
|
45
|
+
}
|
|
46
|
+
|
|
42
47
|
set(options){
|
|
43
48
|
options.id && this.res.setAttribute("id", options.id);
|
|
44
49
|
this.commonMethods(options);
|
|
45
|
-
|
|
50
|
+
|
|
51
|
+
options.onTap && this.onTap(options.onTap);
|
|
52
|
+
|
|
46
53
|
this.code.push(".set({");
|
|
47
54
|
// this.code.push(JSON.stringify(options));
|
|
48
55
|
// console.log("OPE");
|
package/layout/flex-row.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -32,8 +32,9 @@ class FlexRow extends Animator {
|
|
|
32
32
|
|
|
33
33
|
var obj = options;
|
|
34
34
|
//------
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
|
|
36
|
+
obj.onTap && this.onTap(obj.onTap);
|
|
37
|
+
|
|
37
38
|
obj.id && this.res.setAttribute("id", obj.id); //"#ABC";
|
|
38
39
|
obj.position && (this.res.style.position = obj.position);
|
|
39
40
|
obj.top !== undefined && (this.res.style.top = obj.top);
|
|
@@ -328,6 +329,12 @@ let stringified = JSON.stringify(options.borderObj);
|
|
|
328
329
|
|
|
329
330
|
this.callReact(obj);
|
|
330
331
|
|
|
332
|
+
// Centering shorthand: center: true → marginLeft/Right = auto (applied last so nothing overrides)
|
|
333
|
+
if (options.center === true){
|
|
334
|
+
this.res.style.marginLeft = "auto";
|
|
335
|
+
this.res.style.marginRight = "auto";
|
|
336
|
+
}
|
|
337
|
+
|
|
331
338
|
// this.code.push(`\n })`);
|
|
332
339
|
return this;
|
|
333
340
|
}
|
package/layout/footer.js
CHANGED
package/layout/free.js
CHANGED
package/layout/grid-new.js
CHANGED
package/layout/grid-switcher.js
CHANGED
package/layout/grid.js
CHANGED
package/layout/group.js
CHANGED
package/layout/header.js
CHANGED
package/layout/image-old.js
CHANGED
package/layout/image.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -127,19 +127,20 @@ class Image extends Animator {
|
|
|
127
127
|
|
|
128
128
|
set(options){
|
|
129
129
|
|
|
130
|
-
|
|
130
|
+
|
|
131
131
|
let stra = ""
|
|
132
|
-
|
|
132
|
+
|
|
133
133
|
this.options = options;
|
|
134
134
|
let obj = options;
|
|
135
|
-
|
|
136
135
|
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
136
|
+
obj.onTap && this.onTap(obj.onTap);
|
|
140
137
|
|
|
141
|
-
|
|
142
|
-
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
let type = options.isFull;
|
|
143
144
|
|
|
144
145
|
|
|
145
146
|
// options.isFull && (stra += `\n isFull: "${options.isFull}",`);
|
package/layout/index.js
CHANGED
package/layout/label.js
CHANGED
package/layout/link.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.135
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -266,8 +266,13 @@ document.body.appendChild(link);
|
|
|
266
266
|
|
|
267
267
|
|
|
268
268
|
|
|
269
|
+
onTap(handler){
|
|
270
|
+
this.res.addEventListener("click", handler);
|
|
271
|
+
return this;
|
|
272
|
+
}
|
|
273
|
+
|
|
269
274
|
set(obj){ // make it like I would like it
|
|
270
|
-
// `1px solid ${this.blastData.color}
|
|
275
|
+
// `1px solid ${this.blastData.color}
|
|
271
276
|
|
|
272
277
|
// push at all times
|
|
273
278
|
true && (this.elCSS.push(`text-decoration: none; \n`));
|
|
@@ -275,6 +280,8 @@ this.options = obj;
|
|
|
275
280
|
|
|
276
281
|
let stra = "";
|
|
277
282
|
|
|
283
|
+
obj.onTap && this.onTap(obj.onTap);
|
|
284
|
+
|
|
278
285
|
//obj.isHidden && this.isHidden(obj.isHidden);
|
|
279
286
|
|
|
280
287
|
//obj.exact && (this.res.style.fontSize = obj.exact);
|
package/layout/list-OLD.js
CHANGED
package/layout/list.js
CHANGED
package/layout/meta-adder.js
CHANGED
package/layout/modal-2025.js
CHANGED
package/layout/modernwrap.js
CHANGED
package/layout/multiswitcher.js
CHANGED
package/layout/nav-bar.js
CHANGED