nodality 1.0.178 → 1.0.181

package/layout/stack.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/styler.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/svg.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/table.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/text-field.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -330,10 +330,13 @@ console.log(html);
     return html;
   }
 	
-	set(obj){ 
+	set(obj){
 		this.resCopy = this.res;
 		this.options = obj;
 		super.setPrevText(this.text);
+		// Text.set does not route through Animator.commonMethods, so
+		// react to element-level raster ops (lib/raster-ops.js) here.
+		obj.raster && this.rasterize(obj.raster);
 		let stra = "";
 
 

package/layout/ulist.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/without-new.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/wrap.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/zoom-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/card-getter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/data.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -582,7 +582,9 @@ customOptions.forEach(item => {
                         let range = customOptions[index].range;
                         let filter = customOptions[index].filter;
                         let gradient = customOptions[index].gradient;
-                       
+                        let color = customOptions[index].color;
+                        let width = customOptions[index].width;
+
                         let as = replacementObjects[q];
                         as.target = target;
 
@@ -601,6 +603,19 @@ customOptions.forEach(item => {
                            // as.op.dir = "radial";
                         }
 
+                        // Op-level color/width override, blast only, so
+                        // other ops that might carry these fields are
+                        // untouched (e.g. { op: "blast", color: "#fff",
+                        // width: "3px" }).
+                        if (ops[q] === "blast") {
+                            if (color != null) {
+                                as.op.color = color;
+                            }
+                            if (width != null) {
+                                as.op.width = width;
+                            }
+                        }
+
                         customOptions[index] = as;
                     }
                 }

package/lib/element-mapper.js

@@ -1,11 +1,12 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
 
 // CORE
 import { Animator } from "../layout/animator.js";
+import { RASTER_OP_NAMES } from "../lib/raster-ops.js";
 import { Base } from "../layout/base.js";
 import { Text } from "../layout/text.js";
 import { Image } from "../layout/image.js";
@@ -181,6 +182,7 @@ class ElementMapper { // 22:09:58 04/11/2024
               marginOp: this.filtero("margin", el.id, obj.customOptions),
               transform: this.filtero("transform", el.id, obj.customOptions),
               filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
           });
 
 
@@ -209,6 +211,7 @@ class ElementMapper { // 22:09:58 04/11/2024
                          marginOp: this.filtero("margin", el.id, obj.customOptions),
                          transform: this.filtero("transform", el.id, obj.customOptions),
                          filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
         }).items([
 
 new Text("This").set({
@@ -246,6 +249,7 @@ new Text("row.").set({
                          marginOp: this.filtero("margin", el.id, obj.customOptions),
                          transform: this.filtero("transform", el.id, obj.customOptions),
                          filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
                         pad: [
                             { l: 30 },
                         ], 
@@ -1333,6 +1337,7 @@ return new Circle()
                 marginOp: this.filtero("margin", el.id, obj.customOptions),
                 transform: this.filtero("transform", el.id, obj.customOptions),
                 filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
    })
  }
 
@@ -1359,6 +1364,7 @@ let elo = new Polygon({ id: "hex" })
                 marginOp: this.filtero("margin", el.id, obj.customOptions),
                 transform: this.filtero("transform", el.id, obj.customOptions),
                 filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
   })
 
   console.log(elo.code);
@@ -1398,6 +1404,7 @@ console.log(obj.customOptions);
                 marginOp: this.filtero("margin", el.id, obj.customOptions),
                 transform: this.filtero("transform", el.id, obj.customOptions),
                 filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
                 resprop: el.resprop ? [
 	{ breakpoint: "1400px", background: "orange", width: "200px", height: "200px" },
 	{ breakpoint: "900px", background: "green", height: "100px", width: "100px" }
@@ -1419,6 +1426,7 @@ console.log(obj.customOptions);
             shadow: this.filtero("shadow", el.id, obj.customOptions),//customOptions.filter(l => l.op.name === "shadow")[0],
             marginOp: this.filtero("margin", el.id, obj.customOptions),//customOptions.filter(l => l.op.name === "margin")[0],
             filtera: this.filtero("filter", el.id, obj.customOptions),//customOptions.filter(l => l.op.name === "filter")[0]
+            raster: this.filteroRaster(el.id, obj.customOptions),
       // zIndex: -1
         });
     }
@@ -1820,6 +1828,7 @@ return `new AreaSwitcher()
                 shadow: this.filtero("shadow", el.id, obj.customOptions),
                 transform: this.filtero("transform", el.id, obj.customOptions),
                 filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
             }).add([
                 new Text("Hello").set({}),
                  new Text("Hello").set({}),
@@ -1855,6 +1864,7 @@ return `new AreaSwitcher()
                 shadow: this.filtero("shadow", el.id, obj.customOptions),
                 transform: this.filtero("transform", el.id, obj.customOptions),
                 filtera: this.filtero("filter", el.id, obj.customOptions),
+                raster: this.filteroRaster(el.id, obj.customOptions),
             }).setItems([
                new Text("First").set({}),
                new Text("Second").set({}),
@@ -1897,6 +1907,19 @@ return `new AreaSwitcher()
 
         return aro[0];
     }
+
+    // Raster ops (lib/raster-ops.js) — unlike filtero, the whole ordered
+    // list matters: ops chain in nodes-array order (hexalize -> offset ->
+    // duotone). Raster nodes carry `op` as a plain string, so they are
+    // invisible to filtero's `l.op.name` matching and never collide with
+    // the CSS-level ops. Returns undefined when nothing applies so the
+    // property is dropped from the generated code.
+    static filteroRaster(id, customOptions) {
+        const list = (customOptions || []).filter((l) =>
+            l && typeof l.op === "string" && RASTER_OP_NAMES.includes(l.op) &&
+            (!l.target || (id && l.target.includes(id))));
+        return list.length > 0 ? list : undefined;
+    }
 }
 
 

package/lib/keyframe-animation.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/link-getter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.0.178
+ * nodality v1.0.181
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */