nodality 1.0.109 → 1.0.111
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 +84 -3
- 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 +4 -1
- 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 +1 -1
- package/layout/flex-grid.js +1 -1
- package/layout/flex-row.js +1 -1
- 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 +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/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 +81 -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/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.111
|
|
3
3
|
* (c) 2025 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -113,7 +113,7 @@ class Animator {
|
|
|
113
113
|
this.res.style[styleMap[key]] = obj[key];
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
|
|
116
|
+
//alert(obj.respad);
|
|
117
117
|
// Special methods
|
|
118
118
|
obj.pad && this.pad(obj.pad);
|
|
119
119
|
obj.mar && this.mar(obj.mar);
|
|
@@ -485,6 +485,7 @@ resprop(arr) {
|
|
|
485
485
|
|
|
486
486
|
|
|
487
487
|
respad(arr) {
|
|
488
|
+
|
|
488
489
|
// --- 1. CONFIGURATION & NORMALIZATION ---
|
|
489
490
|
const breakpoints = {
|
|
490
491
|
default: [0, 100000], xs: [0, 575], sm: [576, 767], md: [768, 991],
|
|
@@ -544,6 +545,7 @@ respad(arr) {
|
|
|
544
545
|
// Determine the final padding value: use applied.values if it exists, otherwise defaultItem.values
|
|
545
546
|
const finalPadValue = applied.values !== undefined ? applied.values : defaultItem.values;
|
|
546
547
|
|
|
548
|
+
|
|
547
549
|
|
|
548
550
|
if (finalPadValue !== undefined && finalPadValue !== null) {
|
|
549
551
|
// Note: We trust this.pad handles the style application and clearing
|
|
@@ -1043,12 +1045,91 @@ resprop(arr) {
|
|
|
1043
1045
|
}, 0);
|
|
1044
1046
|
}*/
|
|
1045
1047
|
|
|
1046
|
-
|
|
1048
|
+
/*
|
|
1047
1049
|
resmar(arr) {
|
|
1048
1050
|
this._applyResponsive(arr, (applied) => {
|
|
1049
1051
|
console.log("Applying margin for", applied.breakpoint);
|
|
1050
1052
|
this.mar(applied.values);
|
|
1051
1053
|
});
|
|
1054
|
+
}*/
|
|
1055
|
+
|
|
1056
|
+
|
|
1057
|
+
resmar(arr) {
|
|
1058
|
+
|
|
1059
|
+
// --- 1. CONFIGURATION & NORMALIZATION ---
|
|
1060
|
+
const breakpoints = {
|
|
1061
|
+
default: [0, 100000], xs: [0, 575], sm: [576, 767], md: [768, 991],
|
|
1062
|
+
lg: [992, 1199], xl: [1200, 1399], xxl: [1400, 100000]
|
|
1063
|
+
};
|
|
1064
|
+
// Note: 'values' is handled specifically here, so it is not excluded globally.
|
|
1065
|
+
|
|
1066
|
+
// A. Normalize breakpoints and assign range (handles named, [min, max], and "px" inputs)
|
|
1067
|
+
arr.forEach(item => {
|
|
1068
|
+
if (breakpoints[item.breakpoint] !== undefined) {
|
|
1069
|
+
item.range = breakpoints[item.breakpoint];
|
|
1070
|
+
} else if (Array.isArray(item.breakpoint) && item.breakpoint.length === 2) {
|
|
1071
|
+
item.range = [parseInt(item.breakpoint[0], 10), parseInt(item.breakpoint[1], 10)];
|
|
1072
|
+
} else {
|
|
1073
|
+
item.range = [parseInt(item.breakpoint, 10), 100000];
|
|
1074
|
+
}
|
|
1075
|
+
});
|
|
1076
|
+
|
|
1077
|
+
// B. Sort by the minimum value of the range
|
|
1078
|
+
arr.sort((a, b) => a.range[0] - b.range[0]);
|
|
1079
|
+
|
|
1080
|
+
// C. Find/Ensure the base style object
|
|
1081
|
+
let defaultItem = arr.find(item => item.breakpoint === "default");
|
|
1082
|
+
if (!defaultItem) {
|
|
1083
|
+
defaultItem = { breakpoint: "default", range: breakpoints.default };
|
|
1084
|
+
arr.unshift(defaultItem);
|
|
1085
|
+
}
|
|
1086
|
+
|
|
1087
|
+
// --- 2. STATE CAPTURE & RESET PREPARATION ---
|
|
1088
|
+
|
|
1089
|
+
// D. Ensure 'defaultItem' has a 'values' property, falling back to the base 'pad' option.
|
|
1090
|
+
if (defaultItem.values === undefined) {
|
|
1091
|
+
defaultItem.values = this.options.pad || null;
|
|
1092
|
+
}
|
|
1093
|
+
|
|
1094
|
+
|
|
1095
|
+
// --- 3. CORE LOGIC: The Responsive Task Function ---
|
|
1096
|
+
const resmarTask = () => {
|
|
1097
|
+
const width = window.innerWidth;
|
|
1098
|
+
let applied = defaultItem;
|
|
1099
|
+
|
|
1100
|
+
// 1. RANGE LOGIC: Find the exact breakpoint whose range matches the current width.
|
|
1101
|
+
for (let i = 0; i < arr.length; i++) {
|
|
1102
|
+
const bp = arr[i];
|
|
1103
|
+
const [min, max] = bp.range;
|
|
1104
|
+
|
|
1105
|
+
if (bp.breakpoint === "default") continue;
|
|
1106
|
+
|
|
1107
|
+
if (width >= min && width <= max) {
|
|
1108
|
+
applied = bp;
|
|
1109
|
+
break;
|
|
1110
|
+
}
|
|
1111
|
+
}
|
|
1112
|
+
|
|
1113
|
+
// --- Apply Pad Style ---
|
|
1114
|
+
|
|
1115
|
+
// Determine the final padding value: use applied.values if it exists, otherwise defaultItem.values
|
|
1116
|
+
const finalPadValue = applied.values !== undefined ? applied.values : defaultItem.values;
|
|
1117
|
+
|
|
1118
|
+
|
|
1119
|
+
|
|
1120
|
+
if (finalPadValue !== undefined && finalPadValue !== null) {
|
|
1121
|
+
// Note: We trust this.pad handles the style application and clearing
|
|
1122
|
+
this.mar(finalPadValue);
|
|
1123
|
+
}
|
|
1124
|
+
};
|
|
1125
|
+
|
|
1126
|
+
|
|
1127
|
+
// --- 4. REGISTRATION ---
|
|
1128
|
+
this._responsiveTasks = this._responsiveTasks || [];
|
|
1129
|
+
this._responsiveTasks.push(resmarTask);
|
|
1130
|
+
|
|
1131
|
+
// Ensure the unified handler is set up and starts listening
|
|
1132
|
+
this._setupResponsiveManager();
|
|
1052
1133
|
}
|
|
1053
1134
|
|
|
1054
1135
|
|
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.111
|
|
3
3
|
* (c) 2025 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -92,6 +92,9 @@ code = `${pad}new Wrapper()`;
|
|
|
92
92
|
|
|
93
93
|
set(obj){
|
|
94
94
|
this.obj = obj;
|
|
95
|
+
|
|
96
|
+
this.commonMethods(obj);
|
|
97
|
+
|
|
95
98
|
let stra = ".set({";
|
|
96
99
|
|
|
97
100
|
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
package/layout/flex-grid.js
CHANGED
package/layout/flex-row.js
CHANGED
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
package/layout/index.js
CHANGED
package/layout/label.js
CHANGED
package/layout/link.js
CHANGED
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
package/layout/navBar-OLD.js
CHANGED
package/layout/new-flat-adder.js
CHANGED
package/layout/new-nav-bar.js
CHANGED
package/layout/polygon.js
CHANGED
package/layout/progress.js
CHANGED
package/layout/row.js
CHANGED