nodality 1.0.177 → 1.0.180
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/base.cjs.js +1 -1
- package/dist/base.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/data-list.cjs.js +1 -1
- package/dist/data-list.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/horizontal-scroller.cjs.js +1 -1
- package/dist/horizontal-scroller.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/meta-adder.cjs.js +1 -1
- package/dist/meta-adder.esm.js +1 -1
- package/dist/modal-2025.cjs.js +1 -1
- package/dist/modal-2025.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/progress.cjs.js +1 -1
- package/dist/progress.esm.js +1 -1
- package/dist/radio.cjs.js +1 -1
- package/dist/radio.esm.js +1 -1
- package/dist/range.cjs.js +1 -1
- package/dist/range.esm.js +1 -1
- package/dist/side-bar.cjs.js +1 -1
- package/dist/side-bar.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/spacer.cjs.js +1 -1
- package/dist/spacer.esm.js +1 -1
- package/dist/stack.cjs.js +1 -1
- package/dist/stack.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/wrap.cjs.js +1 -1
- package/dist/wrap.esm.js +1 -1
- package/dist/zoom-card.cjs.js +1 -1
- package/dist/zoom-card.esm.js +1 -1
- package/layout/animator.js +34 -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 -3
- 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 -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 +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 +1 -1
- package/layout/text.js +5 -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/data.js +1 -1
- package/lib/designer.js +17 -2
- package/lib/element-mapper.js +24 -1
- package/lib/keyframe-animation.js +1 -1
- package/lib/link-getter.js +1 -1
- package/lib/raster-ops.js +593 -0
- 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/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/prerender-site.js
CHANGED
package/layout/prerender.js
CHANGED
package/layout/progress.js
CHANGED
package/layout/row.js
CHANGED
package/layout/scroll-video.js
CHANGED
package/layout/side-bar.js
CHANGED
package/layout/side-nav-bar.js
CHANGED
package/layout/simple-bar.js
CHANGED
package/layout/slider-2025.js
CHANGED
package/layout/spacer.js
CHANGED
package/layout/stack.js
CHANGED
package/layout/styler.js
CHANGED
package/layout/svg.js
CHANGED
package/layout/switcher.js
CHANGED
package/layout/table.js
CHANGED
package/layout/text-field.js
CHANGED
package/layout/text.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.180
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -330,10 +330,13 @@ console.log(html);
|
|
|
330
330
|
return html;
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
-
set(obj){
|
|
333
|
+
set(obj){
|
|
334
334
|
this.resCopy = this.res;
|
|
335
335
|
this.options = obj;
|
|
336
336
|
super.setPrevText(this.text);
|
|
337
|
+
// Text.set does not route through Animator.commonMethods, so
|
|
338
|
+
// react to element-level raster ops (lib/raster-ops.js) here.
|
|
339
|
+
obj.raster && this.rasterize(obj.raster);
|
|
337
340
|
let stra = "";
|
|
338
341
|
|
|
339
342
|
|
package/layout/ulist.js
CHANGED
package/layout/video.js
CHANGED
package/layout/without-new.js
CHANGED
package/layout/wrap.js
CHANGED
package/layout/zoom-card.js
CHANGED
package/lib/card-getter.js
CHANGED
package/lib/data.js
CHANGED
package/lib/designer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.180
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -582,7 +582,9 @@ customOptions.forEach(item => {
|
|
|
582
582
|
let range = customOptions[index].range;
|
|
583
583
|
let filter = customOptions[index].filter;
|
|
584
584
|
let gradient = customOptions[index].gradient;
|
|
585
|
-
|
|
585
|
+
let color = customOptions[index].color;
|
|
586
|
+
let width = customOptions[index].width;
|
|
587
|
+
|
|
586
588
|
let as = replacementObjects[q];
|
|
587
589
|
as.target = target;
|
|
588
590
|
|
|
@@ -601,6 +603,19 @@ customOptions.forEach(item => {
|
|
|
601
603
|
// as.op.dir = "radial";
|
|
602
604
|
}
|
|
603
605
|
|
|
606
|
+
// Op-level color/width override, blast only, so
|
|
607
|
+
// other ops that might carry these fields are
|
|
608
|
+
// untouched (e.g. { op: "blast", color: "#fff",
|
|
609
|
+
// width: "3px" }).
|
|
610
|
+
if (ops[q] === "blast") {
|
|
611
|
+
if (color != null) {
|
|
612
|
+
as.op.color = color;
|
|
613
|
+
}
|
|
614
|
+
if (width != null) {
|
|
615
|
+
as.op.width = width;
|
|
616
|
+
}
|
|
617
|
+
}
|
|
618
|
+
|
|
604
619
|
customOptions[index] = as;
|
|
605
620
|
}
|
|
606
621
|
}
|
package/lib/element-mapper.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.
|
|
2
|
+
* nodality v1.0.180
|
|
3
3
|
* (c) 2026 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
// CORE
|
|
8
8
|
import { Animator } from "../layout/animator.js";
|
|
9
|
+
import { RASTER_OP_NAMES } from "../lib/raster-ops.js";
|
|
9
10
|
import { Base } from "../layout/base.js";
|
|
10
11
|
import { Text } from "../layout/text.js";
|
|
11
12
|
import { Image } from "../layout/image.js";
|
|
@@ -181,6 +182,7 @@ class ElementMapper { // 22:09:58 04/11/2024
|
|
|
181
182
|
marginOp: this.filtero("margin", el.id, obj.customOptions),
|
|
182
183
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
183
184
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
185
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
184
186
|
});
|
|
185
187
|
|
|
186
188
|
|
|
@@ -209,6 +211,7 @@ class ElementMapper { // 22:09:58 04/11/2024
|
|
|
209
211
|
marginOp: this.filtero("margin", el.id, obj.customOptions),
|
|
210
212
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
211
213
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
214
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
212
215
|
}).items([
|
|
213
216
|
|
|
214
217
|
new Text("This").set({
|
|
@@ -246,6 +249,7 @@ new Text("row.").set({
|
|
|
246
249
|
marginOp: this.filtero("margin", el.id, obj.customOptions),
|
|
247
250
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
248
251
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
252
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
249
253
|
pad: [
|
|
250
254
|
{ l: 30 },
|
|
251
255
|
],
|
|
@@ -1333,6 +1337,7 @@ return new Circle()
|
|
|
1333
1337
|
marginOp: this.filtero("margin", el.id, obj.customOptions),
|
|
1334
1338
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
1335
1339
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
1340
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
1336
1341
|
})
|
|
1337
1342
|
}
|
|
1338
1343
|
|
|
@@ -1359,6 +1364,7 @@ let elo = new Polygon({ id: "hex" })
|
|
|
1359
1364
|
marginOp: this.filtero("margin", el.id, obj.customOptions),
|
|
1360
1365
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
1361
1366
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
1367
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
1362
1368
|
})
|
|
1363
1369
|
|
|
1364
1370
|
console.log(elo.code);
|
|
@@ -1398,6 +1404,7 @@ console.log(obj.customOptions);
|
|
|
1398
1404
|
marginOp: this.filtero("margin", el.id, obj.customOptions),
|
|
1399
1405
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
1400
1406
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
1407
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
1401
1408
|
resprop: el.resprop ? [
|
|
1402
1409
|
{ breakpoint: "1400px", background: "orange", width: "200px", height: "200px" },
|
|
1403
1410
|
{ breakpoint: "900px", background: "green", height: "100px", width: "100px" }
|
|
@@ -1419,6 +1426,7 @@ console.log(obj.customOptions);
|
|
|
1419
1426
|
shadow: this.filtero("shadow", el.id, obj.customOptions),//customOptions.filter(l => l.op.name === "shadow")[0],
|
|
1420
1427
|
marginOp: this.filtero("margin", el.id, obj.customOptions),//customOptions.filter(l => l.op.name === "margin")[0],
|
|
1421
1428
|
filtera: this.filtero("filter", el.id, obj.customOptions),//customOptions.filter(l => l.op.name === "filter")[0]
|
|
1429
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
1422
1430
|
// zIndex: -1
|
|
1423
1431
|
});
|
|
1424
1432
|
}
|
|
@@ -1820,6 +1828,7 @@ return `new AreaSwitcher()
|
|
|
1820
1828
|
shadow: this.filtero("shadow", el.id, obj.customOptions),
|
|
1821
1829
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
1822
1830
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
1831
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
1823
1832
|
}).add([
|
|
1824
1833
|
new Text("Hello").set({}),
|
|
1825
1834
|
new Text("Hello").set({}),
|
|
@@ -1855,6 +1864,7 @@ return `new AreaSwitcher()
|
|
|
1855
1864
|
shadow: this.filtero("shadow", el.id, obj.customOptions),
|
|
1856
1865
|
transform: this.filtero("transform", el.id, obj.customOptions),
|
|
1857
1866
|
filtera: this.filtero("filter", el.id, obj.customOptions),
|
|
1867
|
+
raster: this.filteroRaster(el.id, obj.customOptions),
|
|
1858
1868
|
}).setItems([
|
|
1859
1869
|
new Text("First").set({}),
|
|
1860
1870
|
new Text("Second").set({}),
|
|
@@ -1897,6 +1907,19 @@ return `new AreaSwitcher()
|
|
|
1897
1907
|
|
|
1898
1908
|
return aro[0];
|
|
1899
1909
|
}
|
|
1910
|
+
|
|
1911
|
+
// Raster ops (lib/raster-ops.js) — unlike filtero, the whole ordered
|
|
1912
|
+
// list matters: ops chain in nodes-array order (hexalize -> offset ->
|
|
1913
|
+
// duotone). Raster nodes carry `op` as a plain string, so they are
|
|
1914
|
+
// invisible to filtero's `l.op.name` matching and never collide with
|
|
1915
|
+
// the CSS-level ops. Returns undefined when nothing applies so the
|
|
1916
|
+
// property is dropped from the generated code.
|
|
1917
|
+
static filteroRaster(id, customOptions) {
|
|
1918
|
+
const list = (customOptions || []).filter((l) =>
|
|
1919
|
+
l && typeof l.op === "string" && RASTER_OP_NAMES.includes(l.op) &&
|
|
1920
|
+
(!l.target || (id && l.target.includes(id))));
|
|
1921
|
+
return list.length > 0 ? list : undefined;
|
|
1922
|
+
}
|
|
1900
1923
|
}
|
|
1901
1924
|
|
|
1902
1925
|
|
package/lib/link-getter.js
CHANGED