shaders 2.5.102 → 2.5.103

package/dist/registry.js

@@ -10083,8 +10083,29 @@ export const shaderRegistry = [
       "name": "Halftone",
       "category": "Stylize",
       "description": "Halftone dot pattern effect for printing aesthetics",
+      "requiresRTT": true,
       "requiresChild": true,
       "props": {
+        "style": {
+          "default": "classic",
+          "compileTime": true,
+          "description": "Halftone rendering style",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Simple",
+                "value": "classic"
+              },
+              {
+                "label": "CMYK Print",
+                "value": "cmyk"
+              }
+            ],
+            "label": "Style",
+            "group": "Effect"
+          }
+        },
         "frequency": {
           "default": 100,
           "description": "Frequency of the halftone dots",
@@ -10112,27 +10133,202 @@ export const shaderRegistry = [
             "max": 360,
             "step": 1,
             "label": "Angle",
-            "group": "Effect"
+            "group": "Effect",
+            "condition": {
+              "style": "classic"
+            }
           }
         },
-        "smoothness": {
-          "default": 0.1,
-          "description": "Edge smoothness of the dots",
+        "cyanAngle": {
+          "default": 15,
+          "description": "Screen angle for the cyan plate (in degrees)",
           "ui": {
             "type": [
               "range",
               "map"
             ],
             "min": 0,
-            "max": 0.3,
-            "step": 0.1,
-            "label": "Smoothness",
-            "group": "Effect"
+            "max": 360,
+            "step": 1,
+            "label": "Cyan Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "magentaAngle": {
+          "default": 75,
+          "description": "Screen angle for the magenta plate (in degrees)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Magenta Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "yellowAngle": {
+          "default": 0,
+          "description": "Screen angle for the yellow plate (in degrees)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Yellow Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "blackAngle": {
+          "default": 45,
+          "description": "Screen angle for the black plate (in degrees)",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Black Angle",
+            "group": "Plate Angles",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "misprint": {
+          "default": 0,
+          "description": "Simulated mis-registration between plates. Plates are offset around the misprint angle, producing colour fringing at the edges of inked regions.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 0.01,
+            "step": 0.0005,
+            "label": "Misprint",
+            "group": "Effect",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "misprintAngle": {
+          "default": 0,
+          "description": "Direction the plates drift apart. Rotating this rotates the colour-fringing pattern.",
+          "ui": {
+            "type": [
+              "range",
+              "map"
+            ],
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Misprint Angle",
+            "group": "Effect",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "paperColor": {
+          "default": "#ffffff",
+          "description": "Paper/substrate color shown where no ink lands",
+          "ui": {
+            "type": "color",
+            "label": "Paper",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "cyanColor": {
+          "default": "#00ffff",
+          "description": "Cyan ink color",
+          "ui": {
+            "type": "color",
+            "label": "Cyan",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "magentaColor": {
+          "default": "#ff00ff",
+          "description": "Magenta ink color",
+          "ui": {
+            "type": "color",
+            "label": "Magenta",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "yellowColor": {
+          "default": "#ffff00",
+          "description": "Yellow ink color",
+          "ui": {
+            "type": "color",
+            "label": "Yellow",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
+          }
+        },
+        "blackColor": {
+          "default": "#000000",
+          "description": "Black (key) ink color",
+          "ui": {
+            "type": "color",
+            "label": "Black",
+            "group": "Inks",
+            "condition": {
+              "style": "cmyk"
+            }
           }
         }
       }
     },
     "propsMetadata": {
+      "style": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Simple",
+              "value": "classic"
+            },
+            {
+              "label": "CMYK Print",
+              "value": "cmyk"
+            }
+          ],
+          "label": "Style",
+          "group": "Effect"
+        },
+        "default": "classic",
+        "description": "Halftone rendering style"
+      },
       "frequency": {
         "ui": {
           "type": [
@@ -10158,25 +10354,181 @@ export const shaderRegistry = [
           "max": 360,
           "step": 1,
           "label": "Angle",
-          "group": "Effect"
+          "group": "Effect",
+          "condition": {
+            "style": "classic"
+          }
         },
         "default": 45,
         "description": "Rotation angle of the pattern (in degrees)"
       },
-      "smoothness": {
+      "cyanAngle": {
         "ui": {
           "type": [
             "range",
             "map"
           ],
           "min": 0,
-          "max": 0.3,
-          "step": 0.1,
-          "label": "Smoothness",
-          "group": "Effect"
+          "max": 360,
+          "step": 1,
+          "label": "Cyan Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
         },
-        "default": 0.1,
-        "description": "Edge smoothness of the dots"
+        "default": 15,
+        "description": "Screen angle for the cyan plate (in degrees)"
+      },
+      "magentaAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Magenta Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 75,
+        "description": "Screen angle for the magenta plate (in degrees)"
+      },
+      "yellowAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Yellow Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 0,
+        "description": "Screen angle for the yellow plate (in degrees)"
+      },
+      "blackAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Black Angle",
+          "group": "Plate Angles",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 45,
+        "description": "Screen angle for the black plate (in degrees)"
+      },
+      "misprint": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 0.01,
+          "step": 0.0005,
+          "label": "Misprint",
+          "group": "Effect",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 0,
+        "description": "Simulated mis-registration between plates. Plates are offset around the misprint angle, producing colour fringing at the edges of inked regions."
+      },
+      "misprintAngle": {
+        "ui": {
+          "type": [
+            "range",
+            "map"
+          ],
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Misprint Angle",
+          "group": "Effect",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": 0,
+        "description": "Direction the plates drift apart. Rotating this rotates the colour-fringing pattern."
+      },
+      "paperColor": {
+        "ui": {
+          "type": "color",
+          "label": "Paper",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#ffffff",
+        "description": "Paper/substrate color shown where no ink lands"
+      },
+      "cyanColor": {
+        "ui": {
+          "type": "color",
+          "label": "Cyan",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#00ffff",
+        "description": "Cyan ink color"
+      },
+      "magentaColor": {
+        "ui": {
+          "type": "color",
+          "label": "Magenta",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#ff00ff",
+        "description": "Magenta ink color"
+      },
+      "yellowColor": {
+        "ui": {
+          "type": "color",
+          "label": "Yellow",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#ffff00",
+        "description": "Yellow ink color"
+      },
+      "blackColor": {
+        "ui": {
+          "type": "color",
+          "label": "Black",
+          "group": "Inks",
+          "condition": {
+            "style": "cmyk"
+          }
+        },
+        "default": "#000000",
+        "description": "Black (key) ink color"
       }
     }
   },

package/dist/solid/components/Halftone.d.ts

@@ -20,10 +20,15 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'frequency' | 'angle' | 'smoothness'>> & {
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'frequency' | 'angle' | 'cyanAngle' | 'magentaAngle' | 'yellowAngle' | 'blackAngle' | 'misprint' | 'misprintAngle'>> & {
     frequency?: ComponentProps['frequency'] | PropDriver;
     angle?: ComponentProps['angle'] | PropDriver;
-    smoothness?: ComponentProps['smoothness'] | PropDriver;
+    cyanAngle?: ComponentProps['cyanAngle'] | PropDriver;
+    magentaAngle?: ComponentProps['magentaAngle'] | PropDriver;
+    yellowAngle?: ComponentProps['yellowAngle'] | PropDriver;
+    blackAngle?: ComponentProps['blackAngle'] | PropDriver;
+    misprint?: ComponentProps['misprint'] | PropDriver;
+    misprintAngle?: ComponentProps['misprintAngle'] | PropDriver;
 };
 /**
  * The main Solid wrapper component for Shader shader nodes

package/dist/solid/components/Halftone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Halftone.d.ts","sourceRoot":"","sources":["../../src/components/Halftone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC,CAAC,GAAG;IAClH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;CACxD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA8NlE"}
+{"version":3,"file":"Halftone.d.ts","sourceRoot":"","sources":["../../src/components/Halftone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0F,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE5H,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAY/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAOD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,eAAe,CAAC,CAAC,GAAG;IAChM,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;IAC3D,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC;IACzD,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IACnD,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;CAC9D,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA8NlE"}

package/dist/solid/engine/Shader.js

@@ -67,7 +67,7 @@ function Shader(allProps) {
     const checkRendering = () => {
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "2.5.102";
+        const version = "2.5.103";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA64CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAw5CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -582,9 +582,20 @@ const shaderMetadata = {
   "Halftone": {
     "opacity": 1,
     "blendMode": "normal",
+    "style": "classic",
     "frequency": 100,
     "angle": 45,
-    "smoothness": 0.1
+    "cyanAngle": 15,
+    "magentaAngle": 75,
+    "yellowAngle": 0,
+    "blackAngle": 45,
+    "misprint": 0,
+    "misprintAngle": 0,
+    "paperColor": "#ffffff",
+    "cyanColor": "#00ffff",
+    "magentaColor": "#ff00ff",
+    "yellowColor": "#ffff00",
+    "blackColor": "#000000"
   },
   "HexGrid": {
     "opacity": 1,

package/dist/svelte/components/Halftone.svelte.d.ts

@@ -6,7 +6,12 @@ import { type ComponentProps } from '../../core/shaders/Halftone';
 interface ExtendedComponentProps extends Partial<ComponentProps> {
     frequency?: ComponentProps['frequency'] | PropDriver;
     angle?: ComponentProps['angle'] | PropDriver;
-    smoothness?: ComponentProps['smoothness'] | PropDriver;
+    cyanAngle?: ComponentProps['cyanAngle'] | PropDriver;
+    magentaAngle?: ComponentProps['magentaAngle'] | PropDriver;
+    yellowAngle?: ComponentProps['yellowAngle'] | PropDriver;
+    blackAngle?: ComponentProps['blackAngle'] | PropDriver;
+    misprint?: ComponentProps['misprint'] | PropDriver;
+    misprintAngle?: ComponentProps['misprintAngle'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/{generatePresetCode-BygAdFRo.js → generatePresetCode-psTzYsW3.js}

@@ -580,9 +580,20 @@ var shaderMetadata = {
 	"Halftone": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"style": "classic",
 		"frequency": 100,
 		"angle": 45,
-		"smoothness": .1
+		"cyanAngle": 15,
+		"magentaAngle": 75,
+		"yellowAngle": 0,
+		"blackAngle": 45,
+		"misprint": 0,
+		"misprintAngle": 0,
+		"paperColor": "#ffffff",
+		"cyanColor": "#00ffff",
+		"magentaColor": "#ff00ff",
+		"yellowColor": "#ffff00",
+		"blackColor": "#000000"
 	},
 	"HexGrid": {
 		"opacity": 1,

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-BygAdFRo.js";
+import { n as generatePresetCode } from "./generatePresetCode-psTzYsW3.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -20745,7 +20745,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.102", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.103", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);

package/dist/svelte/source/components/Halftone.svelte

@@ -29,7 +29,12 @@
     interface ExtendedComponentProps extends Partial<ComponentProps> {
         frequency?: ComponentProps['frequency'] | PropDriver;
         angle?: ComponentProps['angle'] | PropDriver;
-        smoothness?: ComponentProps['smoothness'] | PropDriver;
+        cyanAngle?: ComponentProps['cyanAngle'] | PropDriver;
+        magentaAngle?: ComponentProps['magentaAngle'] | PropDriver;
+        yellowAngle?: ComponentProps['yellowAngle'] | PropDriver;
+        blackAngle?: ComponentProps['blackAngle'] | PropDriver;
+        misprint?: ComponentProps['misprint'] | PropDriver;
+        misprintAngle?: ComponentProps['misprintAngle'] | PropDriver;
         blendMode?: BlendMode;
         opacity?: number;
         visible?: boolean;

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-BygAdFRo.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-psTzYsW3.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/Halftone.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,12 @@ var Halftone_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	props: /* @__PURE__ */ mergeDefaults({
 		frequency: {},
 		angle: {},
-		smoothness: {},
+		cyanAngle: {},
+		magentaAngle: {},
+		yellowAngle: {},
+		blackAngle: {},
+		misprint: {},
+		misprintAngle: {},
 		blendMode: {},
 		opacity: {},
 		visible: { type: Boolean },
@@ -17,7 +22,13 @@ var Halftone_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		maskSource: {},
 		maskType: {},
 		renderOrder: {},
-		transform: {}
+		transform: {},
+		style: {},
+		paperColor: {},
+		cyanColor: {},
+		magentaColor: {},
+		yellowColor: {},
+		blackColor: {}
 	}, {
 		blendMode: "normal",
 		visible: true,

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -60,7 +60,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.102", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.103", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/vue/components/Halftone.vue.d.ts

@@ -7,7 +7,12 @@ import { ComponentProps } from '../../core/shaders/Halftone';
 interface ExtendedComponentProps extends Partial<ComponentProps> {
     frequency?: ComponentProps['frequency'] | PropDriver;
     angle?: ComponentProps['angle'] | PropDriver;
-    smoothness?: ComponentProps['smoothness'] | PropDriver;
+    cyanAngle?: ComponentProps['cyanAngle'] | PropDriver;
+    magentaAngle?: ComponentProps['magentaAngle'] | PropDriver;
+    yellowAngle?: ComponentProps['yellowAngle'] | PropDriver;
+    blackAngle?: ComponentProps['blackAngle'] | PropDriver;
+    misprint?: ComponentProps['misprint'] | PropDriver;
+    misprintAngle?: ComponentProps['misprintAngle'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/vue/components/Halftone.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Halftone.vue.d.ts","sourceRoot":"","sources":["../../src/components/Halftone.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,uBAAuB,CAAA;AAY9E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AAyTD,iBAAS,cAAc;qBAkFO,GAAG;EAGhC;AAeD,QAAA,MAAM,eAAe;;;;;;;eAraP,SAAS;aAEX,OAAO;4EAyajB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Halftone.vue.d.ts","sourceRoot":"","sources":["../../src/components/Halftone.vue"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,uBAAuB,CAAA;AAY9E;;GAEG;AACH,UAAU,sBAAuB,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC9D,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;IAC3D,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC;IACzD,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;IACvD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IACnD,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC7D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACtC;AAyTD,iBAAS,cAAc;qBAkFO,GAAG;EAGhC;AAeD,QAAA,MAAM,eAAe;;;;;;;eAraP,SAAS;aAEX,OAAO;4EAyajB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/vue/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA44CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAu5CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4FlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -578,9 +578,20 @@ var shaderMetadata = {
 	"Halftone": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"style": "classic",
 		"frequency": 100,
 		"angle": 45,
-		"smoothness": .1
+		"cyanAngle": 15,
+		"magentaAngle": 75,
+		"yellowAngle": 0,
+		"blackAngle": 45,
+		"misprint": 0,
+		"misprintAngle": 0,
+		"paperColor": "#ffffff",
+		"cyanColor": "#00ffff",
+		"magentaColor": "#ff00ff",
+		"yellowColor": "#ffff00",
+		"blackColor": "#000000"
 	},
 	"HexGrid": {
 		"opacity": 1,