nodality 1.0.105 → 1.0.107
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 +90 -4
- 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 +1 -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 +2 -2
- 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/transform-anim.js +1 -1
- package/package.json +1 -2
package/layout/animator.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.107
|
|
3
3
|
* (c) 2025 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -407,7 +407,7 @@ resmar(arr) {
|
|
|
407
407
|
});
|
|
408
408
|
}
|
|
409
409
|
|
|
410
|
-
|
|
410
|
+
/*
|
|
411
411
|
resprop(arr) {
|
|
412
412
|
this.prevStyles = {};
|
|
413
413
|
for (let i = 0; i < this.res.style.length; i++) {
|
|
@@ -418,7 +418,80 @@ resprop(arr) {
|
|
|
418
418
|
this._applyResponsive(arr, (applied) => {
|
|
419
419
|
console.log("Applying styles for", applied.breakpoint);
|
|
420
420
|
|
|
421
|
-
// Reset to previous styles
|
|
421
|
+
// Reset to previous styles (Important for cascading/overwriting)
|
|
422
|
+
for (const key in this.prevStyles) {
|
|
423
|
+
// NOTE: If this.res.style[key] was set to null/undefined before,
|
|
424
|
+
// you might want to consider deleting the property here instead of setting it.
|
|
425
|
+
// For simplicity, I'm sticking to your original reset structure.
|
|
426
|
+
this.res.style[key] = this.prevStyles[key];
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
// 3. Apply new responsive properties with custom logic check.
|
|
430
|
+
for (const key in applied) {
|
|
431
|
+
if (key !== "breakpoint" && key !== "_value" && key !== "values") {
|
|
432
|
+
const value = applied[key];
|
|
433
|
+
|
|
434
|
+
// --- Custom Logic: Detect Non-Standard Property ---
|
|
435
|
+
if (typeof this[key] === 'function') {
|
|
436
|
+
// If a method with the property name exists on 'this',
|
|
437
|
+
// call it with the value. (e.g., if key is "mar", calls this.mar(value))
|
|
438
|
+
this[key](value);
|
|
439
|
+
} else {
|
|
440
|
+
// Standard CSS property: set the style directly.
|
|
441
|
+
this.res.style[key] = value;
|
|
442
|
+
}
|
|
443
|
+
// --------------------------------------------------
|
|
444
|
+
}
|
|
445
|
+
}
|
|
446
|
+
});
|
|
447
|
+
|
|
448
|
+
}*/
|
|
449
|
+
|
|
450
|
+
resprop(arr) {
|
|
451
|
+
|
|
452
|
+
// 1. Find or create the 'default' breakpoint object in the array
|
|
453
|
+
let defaultItem = arr.find(item => item.breakpoint === "default");
|
|
454
|
+
if (!defaultItem) {
|
|
455
|
+
defaultItem = { breakpoint: "default" };
|
|
456
|
+
arr.unshift(defaultItem); // Add it to the start of the array
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
// 2. Identify base properties from the initial set() call (this.options)
|
|
460
|
+
const baseProperties = Object.keys(this.options);
|
|
461
|
+
|
|
462
|
+
// Define properties that should NOT be injected into the default reset,
|
|
463
|
+
// or properties that are only for control flow.
|
|
464
|
+
const excludedKeys = ['resprop', 'breakpoint', '_value', 'values'];
|
|
465
|
+
|
|
466
|
+
// 3. Inject missing reset values into the default item
|
|
467
|
+
baseProperties.forEach(key => {
|
|
468
|
+
// Check if the property is a valid style/prop and not already set in the default item
|
|
469
|
+
if (!excludedKeys.includes(key) && defaultItem[key] !== undefined) {
|
|
470
|
+
|
|
471
|
+
// Use "initial" as a general CSS reset for styles, or null/undefined
|
|
472
|
+
// if the property is custom or needs an explicit clear.
|
|
473
|
+
// Since the property comes from this.options, using "initial" is a safe general CSS reset.
|
|
474
|
+
defaultItem[key] = "initial";
|
|
475
|
+
|
|
476
|
+
alert(key);
|
|
477
|
+
}
|
|
478
|
+
});
|
|
479
|
+
|
|
480
|
+
|
|
481
|
+
this.prevStyles = {};
|
|
482
|
+
|
|
483
|
+
// 1. Store the initial styles (using for...in loop for object properties)
|
|
484
|
+
// Assuming this.res.style is an object containing current styles.
|
|
485
|
+
for (const prop in this.res.style) {
|
|
486
|
+
if (this.res.style.hasOwnProperty(prop) && isNaN(parseInt(prop))) {
|
|
487
|
+
this.prevStyles[prop] = this.res.style[prop];
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
this._applyResponsive(arr, (applied) => {
|
|
492
|
+
console.log("Applying styles for", applied.breakpoint);
|
|
493
|
+
|
|
494
|
+
// Reset to initial styles (from before resprop was called)
|
|
422
495
|
for (const key in this.prevStyles) {
|
|
423
496
|
this.res.style[key] = this.prevStyles[key];
|
|
424
497
|
}
|
|
@@ -426,7 +499,20 @@ resprop(arr) {
|
|
|
426
499
|
// Apply responsive props
|
|
427
500
|
for (const key in applied) {
|
|
428
501
|
if (key !== "breakpoint" && key !== "_value" && key !== "values") {
|
|
429
|
-
|
|
502
|
+
const value = applied[key];
|
|
503
|
+
|
|
504
|
+
// --- Modified Custom Logic: Detect and Call Custom Method ---
|
|
505
|
+
if (typeof this[key] === 'function') {
|
|
506
|
+
// If a method exists, call it.
|
|
507
|
+
// NOTE: The custom method (e.g., this.pad) is responsible
|
|
508
|
+
// for CLEARING its own associated CSS styles if 'value' implies a reset
|
|
509
|
+
// or before applying the new derived styles.
|
|
510
|
+
this[key](value);
|
|
511
|
+
} else {
|
|
512
|
+
// Standard CSS property: set the style directly.
|
|
513
|
+
this.res.style[key] = value;
|
|
514
|
+
}
|
|
515
|
+
// --------------------------------------------------
|
|
430
516
|
}
|
|
431
517
|
}
|
|
432
518
|
});
|
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
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
package/layout/scroll-video.js
CHANGED