nodality 1.0.207 → 1.0.209
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/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/beta-desktop-bar.cjs.js.LICENSE.txt +1 -1
- package/dist/beta-desktop-bar.esm.js.LICENSE.txt +1 -1
- package/dist/beta-mobile-bar.cjs.js.LICENSE.txt +1 -1
- package/dist/beta-mobile-bar.esm.js.LICENSE.txt +1 -1
- package/dist/bundle.umd.js.LICENSE.txt +1 -1
- package/dist/button.cjs.js.LICENSE.txt +1 -1
- package/dist/button.esm.js.LICENSE.txt +1 -1
- package/dist/card-getter.cjs.js.LICENSE.txt +1 -1
- package/dist/card-getter.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/data-list.cjs.js.LICENSE.txt +1 -1
- package/dist/data-list.esm.js.LICENSE.txt +1 -1
- package/dist/designer.cjs.js.LICENSE.txt +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/element-mapper.cjs.js.LICENSE.txt +1 -1
- package/dist/element-mapper.esm.js.LICENSE.txt +1 -1
- package/dist/finalresult.esm.js.LICENSE.txt +1 -1
- package/dist/flex-card.cjs.js.LICENSE.txt +1 -1
- package/dist/flex-card.esm.js.LICENSE.txt +1 -1
- package/dist/flex-grid.cjs.js.LICENSE.txt +1 -1
- package/dist/flex-grid.esm.js.LICENSE.txt +1 -1
- package/dist/flex-row.cjs.js.LICENSE.txt +1 -1
- package/dist/flex-row.esm.js.LICENSE.txt +1 -1
- package/dist/floating-input.cjs.js.LICENSE.txt +1 -1
- package/dist/floating-input.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/horizontal-scroller.cjs.js.LICENSE.txt +1 -1
- package/dist/horizontal-scroller.esm.js.LICENSE.txt +1 -1
- package/dist/image-picker.cjs.js.LICENSE.txt +1 -1
- package/dist/image-picker.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/index.cjs.js.LICENSE.txt +1 -1
- package/dist/index.esm.js.LICENSE.txt +1 -1
- package/dist/keyframe-animation.cjs.js.LICENSE.txt +1 -1
- package/dist/keyframe-animation.esm.js.LICENSE.txt +1 -1
- package/dist/link-getter.cjs.js.LICENSE.txt +1 -1
- package/dist/link-getter.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/meta-adder.cjs.js.LICENSE.txt +1 -1
- package/dist/meta-adder.esm.js.LICENSE.txt +1 -1
- package/dist/modal-2025.cjs.js.LICENSE.txt +1 -1
- package/dist/modal-2025.esm.js.LICENSE.txt +1 -1
- package/dist/multiswitcher.cjs.js.LICENSE.txt +1 -1
- package/dist/multiswitcher.esm.js.LICENSE.txt +1 -1
- package/dist/new-nav-bar.cjs.js.LICENSE.txt +1 -1
- package/dist/new-nav-bar.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/scroll-video.cjs.js.LICENSE.txt +1 -1
- package/dist/scroll-video.esm.js.LICENSE.txt +1 -1
- package/dist/side-bar.cjs.js.LICENSE.txt +1 -1
- package/dist/side-bar.esm.js.LICENSE.txt +1 -1
- package/dist/side-nav-bar.cjs.js.LICENSE.txt +1 -1
- package/dist/side-nav-bar.esm.js.LICENSE.txt +1 -1
- package/dist/simple-bar.cjs.js.LICENSE.txt +1 -1
- package/dist/simple-bar.esm.js.LICENSE.txt +1 -1
- package/dist/slider-2025.cjs.js.LICENSE.txt +1 -1
- package/dist/slider-2025.esm.js.LICENSE.txt +1 -1
- package/dist/spacer.cjs.js.LICENSE.txt +1 -1
- package/dist/spacer.esm.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-field.cjs.js.LICENSE.txt +1 -1
- package/dist/text-field.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/theme.cjs.js.LICENSE.txt +1 -1
- package/dist/theme.esm.js.LICENSE.txt +1 -1
- package/dist/transform-anim.cjs.js.LICENSE.txt +1 -1
- package/dist/transform-anim.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.cjs.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/zoom-card.cjs.js.LICENSE.txt +1 -1
- package/dist/zoom-card.esm.js.LICENSE.txt +1 -1
- package/layout/animator.js +7 -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/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 +15 -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/prerender-site.js +1 -1
- package/layout/prerender.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/svg.js +1 -1
- package/layout/switcher.js +1 -1
- package/layout/table.js +1 -1
- package/layout/text-field.js +9 -1
- package/layout/text.js +5 -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/data.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/raster-ops.js +1 -1
- package/lib/scroll-video.js +1 -1
- package/lib/seo.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.209
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -355,8 +355,11 @@ class Animator {
|
|
|
355
355
|
}
|
|
356
356
|
//alert(obj.respad);
|
|
357
357
|
// Special methods
|
|
358
|
+
//@ pad: Padding. Array of side objects — [{t:14},{b:14},{l:30},{r:30}], or [{a:24}] for all sides.
|
|
358
359
|
obj.pad && this.pad(obj.pad);
|
|
360
|
+
//@ mar: Margin. Same array-of-sides form as `pad`; `mar: "center"` is shorthand for 0 auto.
|
|
359
361
|
obj.mar && this.mar(obj.mar);
|
|
362
|
+
//@ respad: Responsive padding — per-breakpoint overrides of `pad`.
|
|
360
363
|
obj.respad && this.respad(obj.respad);
|
|
361
364
|
|
|
362
365
|
// `borderObj` was never dispatched from here, so a component with no
|
|
@@ -378,15 +381,18 @@ class Animator {
|
|
|
378
381
|
// component that understands it. Components that already apply this
|
|
379
382
|
// option set the same property to the same value, so it stays
|
|
380
383
|
// idempotent for them.
|
|
384
|
+
//@ borderObj: Border as {width, color, type?, radius?}. Width carries its unit, e.g. "1px".
|
|
381
385
|
obj.borderObj && obj.borderObj.width && this.borderObj(obj.borderObj);
|
|
382
386
|
obj.resmar && this.resmar(obj.resmar);
|
|
383
387
|
obj.hover && this.hover(obj.hover);
|
|
384
388
|
obj.size && this.fluidCopy(obj.size);
|
|
385
389
|
obj.resprop && this.resprop(obj.resprop, obj);
|
|
390
|
+
//@ keySet: Escape hatch — {key, value} written straight to element.style, or an array of them.
|
|
386
391
|
obj.keySet && this.keySet(obj.keySet);
|
|
387
392
|
obj.noTheme && (this._noTheme = true);
|
|
388
393
|
obj.theme && this.theme(obj.theme);
|
|
389
394
|
obj.hide && this.isHidden(obj.hide);
|
|
395
|
+
//@ raster: Attach a WebGL raster pipeline. Array of op nodes; see the Raster section.
|
|
390
396
|
obj.raster && this.rasterize(obj.raster);
|
|
391
397
|
// Only route to the animation system for object-shaped transforms.
|
|
392
398
|
// String transforms are applied above via the styleMap path.
|
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.209
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -104,6 +104,7 @@ code = `${pad}new Wrapper()`;
|
|
|
104
104
|
|
|
105
105
|
let stra = ".set({";
|
|
106
106
|
|
|
107
|
+
//@ isHidden: Hide the element.
|
|
107
108
|
obj.isHidden && this.isHidden(obj.isHidden);
|
|
108
109
|
obj.scale && (this.res.style.scale=obj.scale);
|
|
109
110
|
obj.scale && (stra += `scale: ${obj.scale}`);
|
|
@@ -121,6 +122,7 @@ code = `${pad}new Wrapper()`;
|
|
|
121
122
|
// obj.mar && (stra += `mar: {sides: [${obj.mar.sides.map(x => `"${x}"`).join(", ")}], value: "${obj.arrpad.value}"}, `);
|
|
122
123
|
obj.arrpad && (stra += `pad: {sides: [${obj.arrpad.sides.map(x => `"${x}"`).join(", ")}], value: "${obj.arrpad.value}"}, `); // 2345 06/03
|
|
123
124
|
|
|
125
|
+
//@ gpos: Grid placement — {col, row}, written to grid-column and grid-row.
|
|
124
126
|
obj.gpos && this.gpos(obj.gpos);
|
|
125
127
|
|
|
126
128
|
|
|
@@ -263,12 +265,14 @@ code = `${pad}new Wrapper()`;
|
|
|
263
265
|
|
|
264
266
|
obj.mar && this.mar(obj.mar); // has to be here
|
|
265
267
|
|
|
268
|
+
//@ sticky: Stick to the top of the scroll container (position: sticky; top: 0).
|
|
266
269
|
obj.sticky && this.sticky();
|
|
267
270
|
|
|
268
271
|
obj.transition && (this.res.style.transition = obj.transition);
|
|
269
272
|
|
|
270
273
|
obj.class && this.res.setAttribute("class", obj.class);
|
|
271
274
|
|
|
275
|
+
//@ ga: CSS grid-area, verbatim.
|
|
272
276
|
obj.ga && (this.res.style.gridArea = obj.ga);
|
|
273
277
|
|
|
274
278
|
if (obj.opacity) {
|
|
@@ -294,6 +298,7 @@ code = `${pad}new Wrapper()`;
|
|
|
294
298
|
obj.center && this.toCenter(obj.center);
|
|
295
299
|
obj.center && (stra += `center: "${obj.center}",`);
|
|
296
300
|
|
|
301
|
+
//@ simpleCenter: Centre children on both axes (justify + align, content + items).
|
|
297
302
|
obj.simpleCenter && this.simpleCenter();
|
|
298
303
|
obj.simpleCenter && (stra += `center: "${obj.simpleCenter}",`);
|
|
299
304
|
|
|
@@ -304,6 +309,7 @@ code = `${pad}new Wrapper()`;
|
|
|
304
309
|
obj.radius && (stra += `\n radius: "${obj.radius}",`);
|
|
305
310
|
obj.border && this.border(obj.border);
|
|
306
311
|
|
|
312
|
+
//@ simpleBorder: Border as one CSS shorthand string, e.g. "1px solid #eee".
|
|
307
313
|
obj.simpleBorder && (this.res.style.border = obj.simpleBorder);
|
|
308
314
|
|
|
309
315
|
obj.width && this.width(obj.width);
|
|
@@ -349,14 +355,18 @@ code = `${pad}new Wrapper()`;
|
|
|
349
355
|
obj.font && this.font(obj.font);
|
|
350
356
|
obj.font && (stra += `font: "${obj.font}",`);
|
|
351
357
|
obj.maxWidth && this.maxWidth(obj.maxWidth);
|
|
358
|
+
//@ flexCenter: Flex column with justify-content: center.
|
|
352
359
|
obj.flexCenter && this.flexc(obj.flexCenter);
|
|
360
|
+
//@ multipad: Several padding values applied together.
|
|
353
361
|
obj.multipad && this.makeMultiPad(obj.multipad);
|
|
362
|
+
//@ multimargin: Several margin values applied together.
|
|
354
363
|
obj.multimargin && this.makeMultiMargin(obj.multimargin);
|
|
355
364
|
obj.color && this.color(obj.color);
|
|
356
365
|
obj.background && this.background(obj.background);
|
|
357
366
|
obj.background && (stra += `background: "${obj.background}",`);
|
|
358
367
|
|
|
359
368
|
obj.weight && this.weight(obj.weight);
|
|
369
|
+
//@ paddings: Padding via the paddingo() form.
|
|
360
370
|
obj.paddings && this.paddingo(obj.paddings);
|
|
361
371
|
|
|
362
372
|
obj.area && this.setArea(obj.area);
|
|
@@ -369,9 +379,13 @@ code = `${pad}new Wrapper()`;
|
|
|
369
379
|
obj.alignIts && (this.res.style.alignItems = "flex-start"/*obj.alignIts*/);
|
|
370
380
|
obj.alignIts && (this.res.style.justifyItems = "flex-start"/*obj.alignIts*/);
|
|
371
381
|
|
|
382
|
+
//@ customAlign: align-items, verbatim — for values `align` does not cover.
|
|
372
383
|
obj.customAlign && (this.res.style.alignItems = obj.customAlign);
|
|
384
|
+
//@ customJustify: justify-items, verbatim.
|
|
373
385
|
obj.customJustify && (this.res.style.justifyItems = obj.customJustify);
|
|
386
|
+
//@ disp: CSS display, verbatim — "block", "grid", "inline-flex".
|
|
374
387
|
obj.disp && (this.res.style.display = obj.disp);
|
|
388
|
+
//@ flexDir: Flex direction. Also sets display:flex, so it is enough on its own.
|
|
375
389
|
obj.flexDir && (this.res.style.flexDirection = obj.flexDir);
|
|
376
390
|
obj.flexDir && (this.res.style.display = "flex");
|
|
377
391
|
obj.flexDir && (stra += `\n flexDir: "${obj.flexDir}",`)
|
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