shaders 2.0.657 → 2.0.658
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/react/engine/component.template.d.ts +1 -0
- package/dist/react/engine/component.template.d.ts.map +1 -1
- package/dist/react/index.cjs +41 -41
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +16003 -15970
- package/dist/react/index.js.map +1 -1
- package/dist/svelte/components/Ascii.svelte +6 -3
- package/dist/svelte/components/Ascii.svelte.d.ts +1 -0
- package/dist/svelte/components/Checkerboard.svelte +6 -3
- package/dist/svelte/components/Checkerboard.svelte.d.ts +1 -0
- package/dist/svelte/components/Circle.svelte +6 -3
- package/dist/svelte/components/Circle.svelte.d.ts +1 -0
- package/dist/svelte/components/DotGrid.svelte +6 -3
- package/dist/svelte/components/DotGrid.svelte.d.ts +1 -0
- package/dist/svelte/components/FilmGrain.svelte +6 -3
- package/dist/svelte/components/FilmGrain.svelte.d.ts +1 -0
- package/dist/svelte/components/GlassTiles.svelte +6 -3
- package/dist/svelte/components/GlassTiles.svelte.d.ts +1 -0
- package/dist/svelte/components/Grayscale.svelte +6 -3
- package/dist/svelte/components/Grayscale.svelte.d.ts +1 -0
- package/dist/svelte/components/Grid.svelte +6 -3
- package/dist/svelte/components/Grid.svelte.d.ts +1 -0
- package/dist/svelte/components/GridDistortion.svelte +6 -3
- package/dist/svelte/components/GridDistortion.svelte.d.ts +1 -0
- package/dist/svelte/components/HueShift.svelte +6 -3
- package/dist/svelte/components/HueShift.svelte.d.ts +1 -0
- package/dist/svelte/components/ImageTexture.svelte +6 -3
- package/dist/svelte/components/ImageTexture.svelte.d.ts +1 -0
- package/dist/svelte/components/Invert.svelte +6 -3
- package/dist/svelte/components/Invert.svelte.d.ts +1 -0
- package/dist/svelte/components/LinearGradient.svelte +6 -3
- package/dist/svelte/components/LinearGradient.svelte.d.ts +1 -0
- package/dist/svelte/components/Liquify.svelte +6 -3
- package/dist/svelte/components/Liquify.svelte.d.ts +1 -0
- package/dist/svelte/components/Pixelate.svelte +6 -3
- package/dist/svelte/components/Pixelate.svelte.d.ts +1 -0
- package/dist/svelte/components/Posterize.svelte +6 -3
- package/dist/svelte/components/Posterize.svelte.d.ts +1 -0
- package/dist/svelte/components/RadialGradient.svelte +6 -3
- package/dist/svelte/components/RadialGradient.svelte.d.ts +1 -0
- package/dist/svelte/components/Ripple.svelte +6 -3
- package/dist/svelte/components/Ripple.svelte.d.ts +1 -0
- package/dist/svelte/components/Saturation.svelte +6 -3
- package/dist/svelte/components/Saturation.svelte.d.ts +1 -0
- package/dist/svelte/components/SolidColor.svelte +6 -3
- package/dist/svelte/components/SolidColor.svelte.d.ts +1 -0
- package/dist/svelte/components/Spiral.svelte +6 -3
- package/dist/svelte/components/Spiral.svelte.d.ts +1 -0
- package/dist/svelte/components/Swirl.svelte +6 -3
- package/dist/svelte/components/Swirl.svelte.d.ts +1 -0
- package/dist/svelte/components/Twirl.svelte +6 -3
- package/dist/svelte/components/Twirl.svelte.d.ts +1 -0
- package/dist/svelte/components/Vibrance.svelte +6 -3
- package/dist/svelte/components/Vibrance.svelte.d.ts +1 -0
- package/dist/svelte/engine/component.template.svelte +6 -3
- package/dist/svelte/engine/component.template.svelte.d.ts +1 -0
- package/dist/vue/components/Ascii.vue.d.ts +4 -0
- package/dist/vue/components/Ascii.vue.d.ts.map +1 -1
- package/dist/vue/components/Checkerboard.vue.d.ts +4 -0
- package/dist/vue/components/Checkerboard.vue.d.ts.map +1 -1
- package/dist/vue/components/Circle.vue.d.ts +4 -0
- package/dist/vue/components/Circle.vue.d.ts.map +1 -1
- package/dist/vue/components/DotGrid.vue.d.ts +4 -0
- package/dist/vue/components/DotGrid.vue.d.ts.map +1 -1
- package/dist/vue/components/FilmGrain.vue.d.ts +4 -0
- package/dist/vue/components/FilmGrain.vue.d.ts.map +1 -1
- package/dist/vue/components/GlassTiles.vue.d.ts +4 -0
- package/dist/vue/components/GlassTiles.vue.d.ts.map +1 -1
- package/dist/vue/components/Grayscale.vue.d.ts +4 -0
- package/dist/vue/components/Grayscale.vue.d.ts.map +1 -1
- package/dist/vue/components/Grid.vue.d.ts +4 -0
- package/dist/vue/components/Grid.vue.d.ts.map +1 -1
- package/dist/vue/components/GridDistortion.vue.d.ts +4 -0
- package/dist/vue/components/GridDistortion.vue.d.ts.map +1 -1
- package/dist/vue/components/HueShift.vue.d.ts +4 -0
- package/dist/vue/components/HueShift.vue.d.ts.map +1 -1
- package/dist/vue/components/ImageTexture.vue.d.ts +4 -0
- package/dist/vue/components/ImageTexture.vue.d.ts.map +1 -1
- package/dist/vue/components/Invert.vue.d.ts +4 -0
- package/dist/vue/components/Invert.vue.d.ts.map +1 -1
- package/dist/vue/components/LinearGradient.vue.d.ts +4 -0
- package/dist/vue/components/LinearGradient.vue.d.ts.map +1 -1
- package/dist/vue/components/Liquify.vue.d.ts +4 -0
- package/dist/vue/components/Liquify.vue.d.ts.map +1 -1
- package/dist/vue/components/Pixelate.vue.d.ts +4 -0
- package/dist/vue/components/Pixelate.vue.d.ts.map +1 -1
- package/dist/vue/components/Posterize.vue.d.ts +4 -0
- package/dist/vue/components/Posterize.vue.d.ts.map +1 -1
- package/dist/vue/components/RadialGradient.vue.d.ts +4 -0
- package/dist/vue/components/RadialGradient.vue.d.ts.map +1 -1
- package/dist/vue/components/Ripple.vue.d.ts +4 -0
- package/dist/vue/components/Ripple.vue.d.ts.map +1 -1
- package/dist/vue/components/Saturation.vue.d.ts +4 -0
- package/dist/vue/components/Saturation.vue.d.ts.map +1 -1
- package/dist/vue/components/SolidColor.vue.d.ts +4 -0
- package/dist/vue/components/SolidColor.vue.d.ts.map +1 -1
- package/dist/vue/components/Spiral.vue.d.ts +4 -0
- package/dist/vue/components/Spiral.vue.d.ts.map +1 -1
- package/dist/vue/components/Swirl.vue.d.ts +4 -0
- package/dist/vue/components/Swirl.vue.d.ts.map +1 -1
- package/dist/vue/components/Twirl.vue.d.ts +4 -0
- package/dist/vue/components/Twirl.vue.d.ts.map +1 -1
- package/dist/vue/components/Vibrance.vue.d.ts +4 -0
- package/dist/vue/components/Vibrance.vue.d.ts.map +1 -1
- package/dist/vue/index.js +38 -38
- package/package.json +1 -1
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Invert: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const LinearGradient: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Liquify: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Pixelate: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Posterize: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const RadialGradient: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Ripple: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Saturation: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const SolidColor: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Spiral: import("svelte").Component<ExtendedComponentProps, {}, "">;
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
id?: string;
|
|
22
22
|
maskSource?: string;
|
|
23
23
|
maskType?: string;
|
|
24
|
+
renderOrder?: number;
|
|
24
25
|
children?: import('svelte').Snippet;
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// Define the component props and their default values from the shader definition
|
|
28
29
|
const componentDefaults = {
|
|
29
30
|
blendMode: 'normal' as BlendMode,
|
|
31
|
+
renderOrder: 0,
|
|
30
32
|
// opacity intentionally has no default - handled by renderer
|
|
31
33
|
...Object.entries(componentDefinition.props).reduce(
|
|
32
34
|
(acc, [key, config]) => {
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
const id = props.id;
|
|
47
49
|
const maskSource = props.maskSource;
|
|
48
50
|
const maskType = props.maskType;
|
|
51
|
+
const renderOrder = props.renderOrder ?? componentDefaults.renderOrder;
|
|
49
52
|
const { children } = props;
|
|
50
53
|
|
|
51
54
|
/**
|
|
@@ -76,7 +79,7 @@
|
|
|
76
79
|
|
|
77
80
|
// Only include props that differ from defaults (excluding special props)
|
|
78
81
|
for (const key in props) {
|
|
79
|
-
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType') {
|
|
82
|
+
if (key !== 'blendMode' && key !== 'opacity' && key !== 'id' && key !== 'maskSource' && key !== 'maskType' && key !== 'renderOrder') {
|
|
80
83
|
const propValue = (props as any)[key];
|
|
81
84
|
const defaultValue = (componentDefaults as any)[key];
|
|
82
85
|
if (propValue !== undefined && propValue !== defaultValue) {
|
|
@@ -150,7 +153,7 @@
|
|
|
150
153
|
source: maskSource,
|
|
151
154
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
152
155
|
} : undefined,
|
|
153
|
-
renderOrder
|
|
156
|
+
renderOrder
|
|
154
157
|
};
|
|
155
158
|
parentMetadataUpdate(instanceId, metadata);
|
|
156
159
|
});
|
|
@@ -178,7 +181,7 @@
|
|
|
178
181
|
source: maskSource,
|
|
179
182
|
type: (maskType || 'alpha') as MaskConfig['type']
|
|
180
183
|
} as MaskConfig : undefined,
|
|
181
|
-
renderOrder
|
|
184
|
+
renderOrder
|
|
182
185
|
},
|
|
183
186
|
uniforms
|
|
184
187
|
);
|
|
@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
|
|
|
9
9
|
id?: string;
|
|
10
10
|
maskSource?: string;
|
|
11
11
|
maskType?: string;
|
|
12
|
+
renderOrder?: number;
|
|
12
13
|
children?: import('svelte').Snippet;
|
|
13
14
|
}
|
|
14
15
|
declare const Swirl: import("svelte").Component<ExtendedComponentProps, {}, "">;
|