shaders 2.0.657 → 2.0.658

package/dist/svelte/components/Ascii.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const Ascii: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/Checkerboard.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const Checkerboard: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/Circle.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const Circle: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/DotGrid.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const DotGrid: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/FilmGrain.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const FilmGrain: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/GlassTiles.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const GlassTiles: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/Grayscale.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const Grayscale: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/Grid.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const Grid: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/GridDistortion.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const GridDistortion: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/HueShift.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const HueShift: import("svelte").Component<ExtendedComponentProps, {}, "">;

package/dist/svelte/components/ImageTexture.svelte

@@ -21,12 +21,14 @@
         id?: string;
         maskSource?: string;
         maskType?: string;
+        renderOrder?: number;
         children?: import('svelte').Snippet;
     }
 
     // Define the component props and their default values from the shader definition
     const componentDefaults = {
         blendMode: 'normal' as BlendMode,
+        renderOrder: 0,
         // opacity intentionally has no default - handled by renderer
         ...Object.entries(componentDefinition.props).reduce(
             (acc, [key, config]) => {
@@ -46,6 +48,7 @@
     const id = props.id;
     const maskSource = props.maskSource;
     const maskType = props.maskType;
+    const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
     const { children } = props;
 
     /**
@@ -76,7 +79,7 @@
         
         // Only include props that differ from defaults (excluding special props)
         for (const key in props) {
-            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
+            if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
                 const propValue = (props as any)[key];
                 const defaultValue = (componentDefaults as any)[key];
                 if (propValue !== undefined && propValue !== defaultValue) {
@@ -150,7 +153,7 @@
                 source: maskSource,
                 type: (maskType || 'alpha') as MaskConfig['type']
             } : undefined,
-            renderOrder: 0
+            renderOrder
         };
         parentMetadataUpdate(instanceId, metadata);
     });
@@ -178,7 +181,7 @@
                         source: maskSource,
                         type: (maskType || 'alpha') as MaskConfig['type']
                     } as MaskConfig : undefined,
-                    renderOrder: 0
+                    renderOrder
                 },
                 uniforms
             );

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     id?: string;
     maskSource?: string;
     maskType?: string;
+    renderOrder?: number;
     children?: import('svelte').Snippet;
 }
 declare const ImageTexture: import("svelte").Component<ExtendedComponentProps, {}, "">;