shaders 2.3.69 → 2.3.71

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.
Files changed (80) hide show
  1. package/dist/svelte/index.js +76 -76
  2. package/dist/svelte/source/components/AngularBlur.svelte +287 -0
  3. package/dist/svelte/source/components/Ascii.svelte +288 -0
  4. package/dist/svelte/source/components/Aurora.svelte +292 -0
  5. package/dist/svelte/source/components/Beam.svelte +290 -0
  6. package/dist/svelte/source/components/Blob.svelte +289 -0
  7. package/dist/svelte/source/components/Blur.svelte +287 -0
  8. package/dist/svelte/source/components/BrightnessContrast.svelte +288 -0
  9. package/dist/svelte/source/components/Bulge.svelte +289 -0
  10. package/dist/svelte/source/components/CRTScreen.svelte +294 -0
  11. package/dist/svelte/source/components/ChannelBlur.svelte +289 -0
  12. package/dist/svelte/source/components/Checkerboard.svelte +288 -0
  13. package/dist/svelte/source/components/ChromaFlow.svelte +286 -0
  14. package/dist/svelte/source/components/ChromaticAberration.svelte +291 -0
  15. package/dist/svelte/source/components/Circle.svelte +289 -0
  16. package/dist/svelte/source/components/ConcentricSpin.svelte +290 -0
  17. package/dist/svelte/source/components/ContourLines.svelte +289 -0
  18. package/dist/svelte/source/components/CursorRipples.svelte +288 -0
  19. package/dist/svelte/source/components/CursorTrail.svelte +286 -0
  20. package/dist/svelte/source/components/DiffuseBlur.svelte +287 -0
  21. package/dist/svelte/source/components/Dither.svelte +288 -0
  22. package/dist/svelte/source/components/DotGrid.svelte +288 -0
  23. package/dist/svelte/source/components/Duotone.svelte +287 -0
  24. package/dist/svelte/source/components/FilmGrain.svelte +287 -0
  25. package/dist/svelte/source/components/FloatingParticles.svelte +290 -0
  26. package/dist/svelte/source/components/FlowField.svelte +288 -0
  27. package/dist/svelte/source/components/GlassTiles.svelte +290 -0
  28. package/dist/svelte/source/components/Glitch.svelte +292 -0
  29. package/dist/svelte/source/components/Glow.svelte +289 -0
  30. package/dist/svelte/source/components/Godrays.svelte +289 -0
  31. package/dist/svelte/source/components/Grayscale.svelte +286 -0
  32. package/dist/svelte/source/components/Grid.svelte +288 -0
  33. package/dist/svelte/source/components/GridDistortion.svelte +287 -0
  34. package/dist/svelte/source/components/Group.svelte +286 -0
  35. package/dist/svelte/source/components/Halftone.svelte +289 -0
  36. package/dist/svelte/source/components/HueShift.svelte +287 -0
  37. package/dist/svelte/source/components/ImageTexture.svelte +286 -0
  38. package/dist/svelte/source/components/Invert.svelte +286 -0
  39. package/dist/svelte/source/components/Kaleidoscope.svelte +288 -0
  40. package/dist/svelte/source/components/LensFlare.svelte +299 -0
  41. package/dist/svelte/source/components/LinearBlur.svelte +288 -0
  42. package/dist/svelte/source/components/LinearGradient.svelte +287 -0
  43. package/dist/svelte/source/components/Liquify.svelte +286 -0
  44. package/dist/svelte/source/components/Mirror.svelte +287 -0
  45. package/dist/svelte/source/components/Perspective.svelte +290 -0
  46. package/dist/svelte/source/components/Pixelate.svelte +287 -0
  47. package/dist/svelte/source/components/Plasma.svelte +290 -0
  48. package/dist/svelte/source/components/PolarCoordinates.svelte +289 -0
  49. package/dist/svelte/source/components/Posterize.svelte +287 -0
  50. package/dist/svelte/source/components/ProgressiveBlur.svelte +289 -0
  51. package/dist/svelte/source/components/RadialGradient.svelte +287 -0
  52. package/dist/svelte/source/components/RectangularCoordinates.svelte +288 -0
  53. package/dist/svelte/source/components/Ripples.svelte +290 -0
  54. package/dist/svelte/source/components/Saturation.svelte +287 -0
  55. package/dist/svelte/source/components/Sharpness.svelte +287 -0
  56. package/dist/svelte/source/components/Shatter.svelte +289 -0
  57. package/dist/svelte/source/components/SimplexNoise.svelte +288 -0
  58. package/dist/svelte/source/components/SineWave.svelte +291 -0
  59. package/dist/svelte/source/components/SolidColor.svelte +286 -0
  60. package/dist/svelte/source/components/Spherize.svelte +290 -0
  61. package/dist/svelte/source/components/Spiral.svelte +290 -0
  62. package/dist/svelte/source/components/Strands.svelte +289 -0
  63. package/dist/svelte/source/components/Stretch.svelte +289 -0
  64. package/dist/svelte/source/components/Stripes.svelte +291 -0
  65. package/dist/svelte/source/components/StudioBackground.svelte +298 -0
  66. package/dist/svelte/source/components/Swirl.svelte +288 -0
  67. package/dist/svelte/source/components/TiltShift.svelte +290 -0
  68. package/dist/svelte/source/components/Tint.svelte +287 -0
  69. package/dist/svelte/source/components/Tritone.svelte +287 -0
  70. package/dist/svelte/source/components/Twirl.svelte +287 -0
  71. package/dist/svelte/source/components/Vibrance.svelte +287 -0
  72. package/dist/svelte/source/components/VideoTexture.svelte +286 -0
  73. package/dist/svelte/source/components/WaveDistortion.svelte +289 -0
  74. package/dist/svelte/source/components/WebcamTexture.svelte +286 -0
  75. package/dist/svelte/source/components/ZoomBlur.svelte +287 -0
  76. package/dist/svelte/source/engine/Preview.svelte +320 -0
  77. package/dist/svelte/source/engine/PreviewRenderComponent.svelte +27 -0
  78. package/dist/svelte/source/engine/Shader.svelte +263 -0
  79. package/dist/svelte/source/index.js +77 -0
  80. package/package.json +2 -1
@@ -194,7 +194,7 @@ function AngularBlur($$anchor, $$props) {
194
194
  maps: $.get(mapsFromProps),
195
195
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
196
196
  transform: $.get(effectiveTransform)
197
- }, uniforms);
197
+ }, uniforms, componentDefinition);
198
198
  $.set(isRegistered, true);
199
199
  if ($.get(renderOrder) === void 0 && orderMarker) {
200
200
  const parent = orderMarker.parentElement;
@@ -339,7 +339,7 @@ function Ascii($$anchor, $$props) {
339
339
  maps: $.get(mapsFromProps),
340
340
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
341
341
  transform: $.get(effectiveTransform)
342
- }, uniforms);
342
+ }, uniforms, componentDefinition$1);
343
343
  $.set(isRegistered, true);
344
344
  if ($.get(renderOrder) === void 0 && orderMarker) {
345
345
  const parent = orderMarker.parentElement;
@@ -484,7 +484,7 @@ function Aurora($$anchor, $$props) {
484
484
  maps: $.get(mapsFromProps),
485
485
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
486
486
  transform: $.get(effectiveTransform)
487
- }, uniforms);
487
+ }, uniforms, componentDefinition$2);
488
488
  $.set(isRegistered, true);
489
489
  if ($.get(renderOrder) === void 0 && orderMarker) {
490
490
  const parent = orderMarker.parentElement;
@@ -629,7 +629,7 @@ function Beam($$anchor, $$props) {
629
629
  maps: $.get(mapsFromProps),
630
630
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
631
631
  transform: $.get(effectiveTransform)
632
- }, uniforms);
632
+ }, uniforms, componentDefinition$3);
633
633
  $.set(isRegistered, true);
634
634
  if ($.get(renderOrder) === void 0 && orderMarker) {
635
635
  const parent = orderMarker.parentElement;
@@ -774,7 +774,7 @@ function Blob($$anchor, $$props) {
774
774
  maps: $.get(mapsFromProps),
775
775
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
776
776
  transform: $.get(effectiveTransform)
777
- }, uniforms);
777
+ }, uniforms, componentDefinition$4);
778
778
  $.set(isRegistered, true);
779
779
  if ($.get(renderOrder) === void 0 && orderMarker) {
780
780
  const parent = orderMarker.parentElement;
@@ -919,7 +919,7 @@ function Blur($$anchor, $$props) {
919
919
  maps: $.get(mapsFromProps),
920
920
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
921
921
  transform: $.get(effectiveTransform)
922
- }, uniforms);
922
+ }, uniforms, componentDefinition$5);
923
923
  $.set(isRegistered, true);
924
924
  if ($.get(renderOrder) === void 0 && orderMarker) {
925
925
  const parent = orderMarker.parentElement;
@@ -1064,7 +1064,7 @@ function BrightnessContrast($$anchor, $$props) {
1064
1064
  maps: $.get(mapsFromProps),
1065
1065
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1066
1066
  transform: $.get(effectiveTransform)
1067
- }, uniforms);
1067
+ }, uniforms, componentDefinition$6);
1068
1068
  $.set(isRegistered, true);
1069
1069
  if ($.get(renderOrder) === void 0 && orderMarker) {
1070
1070
  const parent = orderMarker.parentElement;
@@ -1209,7 +1209,7 @@ function Bulge($$anchor, $$props) {
1209
1209
  maps: $.get(mapsFromProps),
1210
1210
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1211
1211
  transform: $.get(effectiveTransform)
1212
- }, uniforms);
1212
+ }, uniforms, componentDefinition$7);
1213
1213
  $.set(isRegistered, true);
1214
1214
  if ($.get(renderOrder) === void 0 && orderMarker) {
1215
1215
  const parent = orderMarker.parentElement;
@@ -1354,7 +1354,7 @@ function CRTScreen($$anchor, $$props) {
1354
1354
  maps: $.get(mapsFromProps),
1355
1355
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1356
1356
  transform: $.get(effectiveTransform)
1357
- }, uniforms);
1357
+ }, uniforms, componentDefinition$8);
1358
1358
  $.set(isRegistered, true);
1359
1359
  if ($.get(renderOrder) === void 0 && orderMarker) {
1360
1360
  const parent = orderMarker.parentElement;
@@ -1499,7 +1499,7 @@ function ChannelBlur($$anchor, $$props) {
1499
1499
  maps: $.get(mapsFromProps),
1500
1500
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1501
1501
  transform: $.get(effectiveTransform)
1502
- }, uniforms);
1502
+ }, uniforms, componentDefinition$9);
1503
1503
  $.set(isRegistered, true);
1504
1504
  if ($.get(renderOrder) === void 0 && orderMarker) {
1505
1505
  const parent = orderMarker.parentElement;
@@ -1644,7 +1644,7 @@ function Checkerboard($$anchor, $$props) {
1644
1644
  maps: $.get(mapsFromProps),
1645
1645
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1646
1646
  transform: $.get(effectiveTransform)
1647
- }, uniforms);
1647
+ }, uniforms, componentDefinition$10);
1648
1648
  $.set(isRegistered, true);
1649
1649
  if ($.get(renderOrder) === void 0 && orderMarker) {
1650
1650
  const parent = orderMarker.parentElement;
@@ -1789,7 +1789,7 @@ function ChromaFlow($$anchor, $$props) {
1789
1789
  maps: $.get(mapsFromProps),
1790
1790
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1791
1791
  transform: $.get(effectiveTransform)
1792
- }, uniforms);
1792
+ }, uniforms, componentDefinition$11);
1793
1793
  $.set(isRegistered, true);
1794
1794
  if ($.get(renderOrder) === void 0 && orderMarker) {
1795
1795
  const parent = orderMarker.parentElement;
@@ -1934,7 +1934,7 @@ function ChromaticAberration($$anchor, $$props) {
1934
1934
  maps: $.get(mapsFromProps),
1935
1935
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
1936
1936
  transform: $.get(effectiveTransform)
1937
- }, uniforms);
1937
+ }, uniforms, componentDefinition$12);
1938
1938
  $.set(isRegistered, true);
1939
1939
  if ($.get(renderOrder) === void 0 && orderMarker) {
1940
1940
  const parent = orderMarker.parentElement;
@@ -2079,7 +2079,7 @@ function Circle($$anchor, $$props) {
2079
2079
  maps: $.get(mapsFromProps),
2080
2080
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2081
2081
  transform: $.get(effectiveTransform)
2082
- }, uniforms);
2082
+ }, uniforms, componentDefinition$13);
2083
2083
  $.set(isRegistered, true);
2084
2084
  if ($.get(renderOrder) === void 0 && orderMarker) {
2085
2085
  const parent = orderMarker.parentElement;
@@ -2224,7 +2224,7 @@ function ConcentricSpin($$anchor, $$props) {
2224
2224
  maps: $.get(mapsFromProps),
2225
2225
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2226
2226
  transform: $.get(effectiveTransform)
2227
- }, uniforms);
2227
+ }, uniforms, componentDefinition$14);
2228
2228
  $.set(isRegistered, true);
2229
2229
  if ($.get(renderOrder) === void 0 && orderMarker) {
2230
2230
  const parent = orderMarker.parentElement;
@@ -2369,7 +2369,7 @@ function ContourLines($$anchor, $$props) {
2369
2369
  maps: $.get(mapsFromProps),
2370
2370
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2371
2371
  transform: $.get(effectiveTransform)
2372
- }, uniforms);
2372
+ }, uniforms, componentDefinition$15);
2373
2373
  $.set(isRegistered, true);
2374
2374
  if ($.get(renderOrder) === void 0 && orderMarker) {
2375
2375
  const parent = orderMarker.parentElement;
@@ -2514,7 +2514,7 @@ function CursorRipples($$anchor, $$props) {
2514
2514
  maps: $.get(mapsFromProps),
2515
2515
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2516
2516
  transform: $.get(effectiveTransform)
2517
- }, uniforms);
2517
+ }, uniforms, componentDefinition$16);
2518
2518
  $.set(isRegistered, true);
2519
2519
  if ($.get(renderOrder) === void 0 && orderMarker) {
2520
2520
  const parent = orderMarker.parentElement;
@@ -2659,7 +2659,7 @@ function CursorTrail($$anchor, $$props) {
2659
2659
  maps: $.get(mapsFromProps),
2660
2660
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2661
2661
  transform: $.get(effectiveTransform)
2662
- }, uniforms);
2662
+ }, uniforms, componentDefinition$17);
2663
2663
  $.set(isRegistered, true);
2664
2664
  if ($.get(renderOrder) === void 0 && orderMarker) {
2665
2665
  const parent = orderMarker.parentElement;
@@ -2804,7 +2804,7 @@ function DiffuseBlur($$anchor, $$props) {
2804
2804
  maps: $.get(mapsFromProps),
2805
2805
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2806
2806
  transform: $.get(effectiveTransform)
2807
- }, uniforms);
2807
+ }, uniforms, componentDefinition$18);
2808
2808
  $.set(isRegistered, true);
2809
2809
  if ($.get(renderOrder) === void 0 && orderMarker) {
2810
2810
  const parent = orderMarker.parentElement;
@@ -2949,7 +2949,7 @@ function Dither($$anchor, $$props) {
2949
2949
  maps: $.get(mapsFromProps),
2950
2950
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
2951
2951
  transform: $.get(effectiveTransform)
2952
- }, uniforms);
2952
+ }, uniforms, componentDefinition$19);
2953
2953
  $.set(isRegistered, true);
2954
2954
  if ($.get(renderOrder) === void 0 && orderMarker) {
2955
2955
  const parent = orderMarker.parentElement;
@@ -3094,7 +3094,7 @@ function DotGrid($$anchor, $$props) {
3094
3094
  maps: $.get(mapsFromProps),
3095
3095
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3096
3096
  transform: $.get(effectiveTransform)
3097
- }, uniforms);
3097
+ }, uniforms, componentDefinition$20);
3098
3098
  $.set(isRegistered, true);
3099
3099
  if ($.get(renderOrder) === void 0 && orderMarker) {
3100
3100
  const parent = orderMarker.parentElement;
@@ -3239,7 +3239,7 @@ function Duotone($$anchor, $$props) {
3239
3239
  maps: $.get(mapsFromProps),
3240
3240
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3241
3241
  transform: $.get(effectiveTransform)
3242
- }, uniforms);
3242
+ }, uniforms, componentDefinition$21);
3243
3243
  $.set(isRegistered, true);
3244
3244
  if ($.get(renderOrder) === void 0 && orderMarker) {
3245
3245
  const parent = orderMarker.parentElement;
@@ -3384,7 +3384,7 @@ function FilmGrain($$anchor, $$props) {
3384
3384
  maps: $.get(mapsFromProps),
3385
3385
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3386
3386
  transform: $.get(effectiveTransform)
3387
- }, uniforms);
3387
+ }, uniforms, componentDefinition$22);
3388
3388
  $.set(isRegistered, true);
3389
3389
  if ($.get(renderOrder) === void 0 && orderMarker) {
3390
3390
  const parent = orderMarker.parentElement;
@@ -3529,7 +3529,7 @@ function FloatingParticles($$anchor, $$props) {
3529
3529
  maps: $.get(mapsFromProps),
3530
3530
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3531
3531
  transform: $.get(effectiveTransform)
3532
- }, uniforms);
3532
+ }, uniforms, componentDefinition$23);
3533
3533
  $.set(isRegistered, true);
3534
3534
  if ($.get(renderOrder) === void 0 && orderMarker) {
3535
3535
  const parent = orderMarker.parentElement;
@@ -3674,7 +3674,7 @@ function FlowField($$anchor, $$props) {
3674
3674
  maps: $.get(mapsFromProps),
3675
3675
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3676
3676
  transform: $.get(effectiveTransform)
3677
- }, uniforms);
3677
+ }, uniforms, componentDefinition$24);
3678
3678
  $.set(isRegistered, true);
3679
3679
  if ($.get(renderOrder) === void 0 && orderMarker) {
3680
3680
  const parent = orderMarker.parentElement;
@@ -3819,7 +3819,7 @@ function GlassTiles($$anchor, $$props) {
3819
3819
  maps: $.get(mapsFromProps),
3820
3820
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3821
3821
  transform: $.get(effectiveTransform)
3822
- }, uniforms);
3822
+ }, uniforms, componentDefinition$25);
3823
3823
  $.set(isRegistered, true);
3824
3824
  if ($.get(renderOrder) === void 0 && orderMarker) {
3825
3825
  const parent = orderMarker.parentElement;
@@ -3964,7 +3964,7 @@ function Glitch($$anchor, $$props) {
3964
3964
  maps: $.get(mapsFromProps),
3965
3965
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
3966
3966
  transform: $.get(effectiveTransform)
3967
- }, uniforms);
3967
+ }, uniforms, componentDefinition$26);
3968
3968
  $.set(isRegistered, true);
3969
3969
  if ($.get(renderOrder) === void 0 && orderMarker) {
3970
3970
  const parent = orderMarker.parentElement;
@@ -4109,7 +4109,7 @@ function Glow($$anchor, $$props) {
4109
4109
  maps: $.get(mapsFromProps),
4110
4110
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4111
4111
  transform: $.get(effectiveTransform)
4112
- }, uniforms);
4112
+ }, uniforms, componentDefinition$27);
4113
4113
  $.set(isRegistered, true);
4114
4114
  if ($.get(renderOrder) === void 0 && orderMarker) {
4115
4115
  const parent = orderMarker.parentElement;
@@ -4254,7 +4254,7 @@ function Godrays($$anchor, $$props) {
4254
4254
  maps: $.get(mapsFromProps),
4255
4255
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4256
4256
  transform: $.get(effectiveTransform)
4257
- }, uniforms);
4257
+ }, uniforms, componentDefinition$28);
4258
4258
  $.set(isRegistered, true);
4259
4259
  if ($.get(renderOrder) === void 0 && orderMarker) {
4260
4260
  const parent = orderMarker.parentElement;
@@ -4399,7 +4399,7 @@ function Grayscale($$anchor, $$props) {
4399
4399
  maps: $.get(mapsFromProps),
4400
4400
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4401
4401
  transform: $.get(effectiveTransform)
4402
- }, uniforms);
4402
+ }, uniforms, componentDefinition$29);
4403
4403
  $.set(isRegistered, true);
4404
4404
  if ($.get(renderOrder) === void 0 && orderMarker) {
4405
4405
  const parent = orderMarker.parentElement;
@@ -4544,7 +4544,7 @@ function Grid($$anchor, $$props) {
4544
4544
  maps: $.get(mapsFromProps),
4545
4545
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4546
4546
  transform: $.get(effectiveTransform)
4547
- }, uniforms);
4547
+ }, uniforms, componentDefinition$30);
4548
4548
  $.set(isRegistered, true);
4549
4549
  if ($.get(renderOrder) === void 0 && orderMarker) {
4550
4550
  const parent = orderMarker.parentElement;
@@ -4689,7 +4689,7 @@ function GridDistortion($$anchor, $$props) {
4689
4689
  maps: $.get(mapsFromProps),
4690
4690
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4691
4691
  transform: $.get(effectiveTransform)
4692
- }, uniforms);
4692
+ }, uniforms, componentDefinition$31);
4693
4693
  $.set(isRegistered, true);
4694
4694
  if ($.get(renderOrder) === void 0 && orderMarker) {
4695
4695
  const parent = orderMarker.parentElement;
@@ -4834,7 +4834,7 @@ function Group($$anchor, $$props) {
4834
4834
  maps: $.get(mapsFromProps),
4835
4835
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4836
4836
  transform: $.get(effectiveTransform)
4837
- }, uniforms);
4837
+ }, uniforms, componentDefinition$32);
4838
4838
  $.set(isRegistered, true);
4839
4839
  if ($.get(renderOrder) === void 0 && orderMarker) {
4840
4840
  const parent = orderMarker.parentElement;
@@ -4979,7 +4979,7 @@ function Halftone($$anchor, $$props) {
4979
4979
  maps: $.get(mapsFromProps),
4980
4980
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
4981
4981
  transform: $.get(effectiveTransform)
4982
- }, uniforms);
4982
+ }, uniforms, componentDefinition$33);
4983
4983
  $.set(isRegistered, true);
4984
4984
  if ($.get(renderOrder) === void 0 && orderMarker) {
4985
4985
  const parent = orderMarker.parentElement;
@@ -5124,7 +5124,7 @@ function HueShift($$anchor, $$props) {
5124
5124
  maps: $.get(mapsFromProps),
5125
5125
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5126
5126
  transform: $.get(effectiveTransform)
5127
- }, uniforms);
5127
+ }, uniforms, componentDefinition$34);
5128
5128
  $.set(isRegistered, true);
5129
5129
  if ($.get(renderOrder) === void 0 && orderMarker) {
5130
5130
  const parent = orderMarker.parentElement;
@@ -5269,7 +5269,7 @@ function ImageTexture($$anchor, $$props) {
5269
5269
  maps: $.get(mapsFromProps),
5270
5270
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5271
5271
  transform: $.get(effectiveTransform)
5272
- }, uniforms);
5272
+ }, uniforms, componentDefinition$35);
5273
5273
  $.set(isRegistered, true);
5274
5274
  if ($.get(renderOrder) === void 0 && orderMarker) {
5275
5275
  const parent = orderMarker.parentElement;
@@ -5414,7 +5414,7 @@ function Invert($$anchor, $$props) {
5414
5414
  maps: $.get(mapsFromProps),
5415
5415
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5416
5416
  transform: $.get(effectiveTransform)
5417
- }, uniforms);
5417
+ }, uniforms, componentDefinition$36);
5418
5418
  $.set(isRegistered, true);
5419
5419
  if ($.get(renderOrder) === void 0 && orderMarker) {
5420
5420
  const parent = orderMarker.parentElement;
@@ -5559,7 +5559,7 @@ function Kaleidoscope($$anchor, $$props) {
5559
5559
  maps: $.get(mapsFromProps),
5560
5560
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5561
5561
  transform: $.get(effectiveTransform)
5562
- }, uniforms);
5562
+ }, uniforms, componentDefinition$37);
5563
5563
  $.set(isRegistered, true);
5564
5564
  if ($.get(renderOrder) === void 0 && orderMarker) {
5565
5565
  const parent = orderMarker.parentElement;
@@ -5704,7 +5704,7 @@ function LensFlare($$anchor, $$props) {
5704
5704
  maps: $.get(mapsFromProps),
5705
5705
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5706
5706
  transform: $.get(effectiveTransform)
5707
- }, uniforms);
5707
+ }, uniforms, componentDefinition$38);
5708
5708
  $.set(isRegistered, true);
5709
5709
  if ($.get(renderOrder) === void 0 && orderMarker) {
5710
5710
  const parent = orderMarker.parentElement;
@@ -5849,7 +5849,7 @@ function LinearBlur($$anchor, $$props) {
5849
5849
  maps: $.get(mapsFromProps),
5850
5850
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5851
5851
  transform: $.get(effectiveTransform)
5852
- }, uniforms);
5852
+ }, uniforms, componentDefinition$39);
5853
5853
  $.set(isRegistered, true);
5854
5854
  if ($.get(renderOrder) === void 0 && orderMarker) {
5855
5855
  const parent = orderMarker.parentElement;
@@ -5994,7 +5994,7 @@ function LinearGradient($$anchor, $$props) {
5994
5994
  maps: $.get(mapsFromProps),
5995
5995
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
5996
5996
  transform: $.get(effectiveTransform)
5997
- }, uniforms);
5997
+ }, uniforms, componentDefinition$40);
5998
5998
  $.set(isRegistered, true);
5999
5999
  if ($.get(renderOrder) === void 0 && orderMarker) {
6000
6000
  const parent = orderMarker.parentElement;
@@ -6139,7 +6139,7 @@ function Liquify($$anchor, $$props) {
6139
6139
  maps: $.get(mapsFromProps),
6140
6140
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
6141
6141
  transform: $.get(effectiveTransform)
6142
- }, uniforms);
6142
+ }, uniforms, componentDefinition$41);
6143
6143
  $.set(isRegistered, true);
6144
6144
  if ($.get(renderOrder) === void 0 && orderMarker) {
6145
6145
  const parent = orderMarker.parentElement;
@@ -6284,7 +6284,7 @@ function Mirror($$anchor, $$props) {
6284
6284
  maps: $.get(mapsFromProps),
6285
6285
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
6286
6286
  transform: $.get(effectiveTransform)
6287
- }, uniforms);
6287
+ }, uniforms, componentDefinition$42);
6288
6288
  $.set(isRegistered, true);
6289
6289
  if ($.get(renderOrder) === void 0 && orderMarker) {
6290
6290
  const parent = orderMarker.parentElement;
@@ -6429,7 +6429,7 @@ function Perspective($$anchor, $$props) {
6429
6429
  maps: $.get(mapsFromProps),
6430
6430
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
6431
6431
  transform: $.get(effectiveTransform)
6432
- }, uniforms);
6432
+ }, uniforms, componentDefinition$43);
6433
6433
  $.set(isRegistered, true);
6434
6434
  if ($.get(renderOrder) === void 0 && orderMarker) {
6435
6435
  const parent = orderMarker.parentElement;
@@ -6574,7 +6574,7 @@ function Pixelate($$anchor, $$props) {
6574
6574
  maps: $.get(mapsFromProps),
6575
6575
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
6576
6576
  transform: $.get(effectiveTransform)
6577
- }, uniforms);
6577
+ }, uniforms, componentDefinition$44);
6578
6578
  $.set(isRegistered, true);
6579
6579
  if ($.get(renderOrder) === void 0 && orderMarker) {
6580
6580
  const parent = orderMarker.parentElement;
@@ -6719,7 +6719,7 @@ function Plasma($$anchor, $$props) {
6719
6719
  maps: $.get(mapsFromProps),
6720
6720
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
6721
6721
  transform: $.get(effectiveTransform)
6722
- }, uniforms);
6722
+ }, uniforms, componentDefinition$45);
6723
6723
  $.set(isRegistered, true);
6724
6724
  if ($.get(renderOrder) === void 0 && orderMarker) {
6725
6725
  const parent = orderMarker.parentElement;
@@ -6864,7 +6864,7 @@ function PolarCoordinates($$anchor, $$props) {
6864
6864
  maps: $.get(mapsFromProps),
6865
6865
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
6866
6866
  transform: $.get(effectiveTransform)
6867
- }, uniforms);
6867
+ }, uniforms, componentDefinition$46);
6868
6868
  $.set(isRegistered, true);
6869
6869
  if ($.get(renderOrder) === void 0 && orderMarker) {
6870
6870
  const parent = orderMarker.parentElement;
@@ -7009,7 +7009,7 @@ function Posterize($$anchor, $$props) {
7009
7009
  maps: $.get(mapsFromProps),
7010
7010
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7011
7011
  transform: $.get(effectiveTransform)
7012
- }, uniforms);
7012
+ }, uniforms, componentDefinition$47);
7013
7013
  $.set(isRegistered, true);
7014
7014
  if ($.get(renderOrder) === void 0 && orderMarker) {
7015
7015
  const parent = orderMarker.parentElement;
@@ -7154,7 +7154,7 @@ function ProgressiveBlur($$anchor, $$props) {
7154
7154
  maps: $.get(mapsFromProps),
7155
7155
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7156
7156
  transform: $.get(effectiveTransform)
7157
- }, uniforms);
7157
+ }, uniforms, componentDefinition$48);
7158
7158
  $.set(isRegistered, true);
7159
7159
  if ($.get(renderOrder) === void 0 && orderMarker) {
7160
7160
  const parent = orderMarker.parentElement;
@@ -7299,7 +7299,7 @@ function RadialGradient($$anchor, $$props) {
7299
7299
  maps: $.get(mapsFromProps),
7300
7300
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7301
7301
  transform: $.get(effectiveTransform)
7302
- }, uniforms);
7302
+ }, uniforms, componentDefinition$49);
7303
7303
  $.set(isRegistered, true);
7304
7304
  if ($.get(renderOrder) === void 0 && orderMarker) {
7305
7305
  const parent = orderMarker.parentElement;
@@ -7444,7 +7444,7 @@ function RectangularCoordinates($$anchor, $$props) {
7444
7444
  maps: $.get(mapsFromProps),
7445
7445
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7446
7446
  transform: $.get(effectiveTransform)
7447
- }, uniforms);
7447
+ }, uniforms, componentDefinition$50);
7448
7448
  $.set(isRegistered, true);
7449
7449
  if ($.get(renderOrder) === void 0 && orderMarker) {
7450
7450
  const parent = orderMarker.parentElement;
@@ -7589,7 +7589,7 @@ function Ripples($$anchor, $$props) {
7589
7589
  maps: $.get(mapsFromProps),
7590
7590
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7591
7591
  transform: $.get(effectiveTransform)
7592
- }, uniforms);
7592
+ }, uniforms, componentDefinition$51);
7593
7593
  $.set(isRegistered, true);
7594
7594
  if ($.get(renderOrder) === void 0 && orderMarker) {
7595
7595
  const parent = orderMarker.parentElement;
@@ -7734,7 +7734,7 @@ function Saturation($$anchor, $$props) {
7734
7734
  maps: $.get(mapsFromProps),
7735
7735
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7736
7736
  transform: $.get(effectiveTransform)
7737
- }, uniforms);
7737
+ }, uniforms, componentDefinition$52);
7738
7738
  $.set(isRegistered, true);
7739
7739
  if ($.get(renderOrder) === void 0 && orderMarker) {
7740
7740
  const parent = orderMarker.parentElement;
@@ -7879,7 +7879,7 @@ function Sharpness($$anchor, $$props) {
7879
7879
  maps: $.get(mapsFromProps),
7880
7880
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
7881
7881
  transform: $.get(effectiveTransform)
7882
- }, uniforms);
7882
+ }, uniforms, componentDefinition$53);
7883
7883
  $.set(isRegistered, true);
7884
7884
  if ($.get(renderOrder) === void 0 && orderMarker) {
7885
7885
  const parent = orderMarker.parentElement;
@@ -8024,7 +8024,7 @@ function Shatter($$anchor, $$props) {
8024
8024
  maps: $.get(mapsFromProps),
8025
8025
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8026
8026
  transform: $.get(effectiveTransform)
8027
- }, uniforms);
8027
+ }, uniforms, componentDefinition$54);
8028
8028
  $.set(isRegistered, true);
8029
8029
  if ($.get(renderOrder) === void 0 && orderMarker) {
8030
8030
  const parent = orderMarker.parentElement;
@@ -8169,7 +8169,7 @@ function SimplexNoise($$anchor, $$props) {
8169
8169
  maps: $.get(mapsFromProps),
8170
8170
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8171
8171
  transform: $.get(effectiveTransform)
8172
- }, uniforms);
8172
+ }, uniforms, componentDefinition$55);
8173
8173
  $.set(isRegistered, true);
8174
8174
  if ($.get(renderOrder) === void 0 && orderMarker) {
8175
8175
  const parent = orderMarker.parentElement;
@@ -8314,7 +8314,7 @@ function SineWave($$anchor, $$props) {
8314
8314
  maps: $.get(mapsFromProps),
8315
8315
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8316
8316
  transform: $.get(effectiveTransform)
8317
- }, uniforms);
8317
+ }, uniforms, componentDefinition$56);
8318
8318
  $.set(isRegistered, true);
8319
8319
  if ($.get(renderOrder) === void 0 && orderMarker) {
8320
8320
  const parent = orderMarker.parentElement;
@@ -8459,7 +8459,7 @@ function SolidColor($$anchor, $$props) {
8459
8459
  maps: $.get(mapsFromProps),
8460
8460
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8461
8461
  transform: $.get(effectiveTransform)
8462
- }, uniforms);
8462
+ }, uniforms, componentDefinition$57);
8463
8463
  $.set(isRegistered, true);
8464
8464
  if ($.get(renderOrder) === void 0 && orderMarker) {
8465
8465
  const parent = orderMarker.parentElement;
@@ -8604,7 +8604,7 @@ function Spherize($$anchor, $$props) {
8604
8604
  maps: $.get(mapsFromProps),
8605
8605
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8606
8606
  transform: $.get(effectiveTransform)
8607
- }, uniforms);
8607
+ }, uniforms, componentDefinition$58);
8608
8608
  $.set(isRegistered, true);
8609
8609
  if ($.get(renderOrder) === void 0 && orderMarker) {
8610
8610
  const parent = orderMarker.parentElement;
@@ -8749,7 +8749,7 @@ function Spiral($$anchor, $$props) {
8749
8749
  maps: $.get(mapsFromProps),
8750
8750
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8751
8751
  transform: $.get(effectiveTransform)
8752
- }, uniforms);
8752
+ }, uniforms, componentDefinition$59);
8753
8753
  $.set(isRegistered, true);
8754
8754
  if ($.get(renderOrder) === void 0 && orderMarker) {
8755
8755
  const parent = orderMarker.parentElement;
@@ -8894,7 +8894,7 @@ function Strands($$anchor, $$props) {
8894
8894
  maps: $.get(mapsFromProps),
8895
8895
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
8896
8896
  transform: $.get(effectiveTransform)
8897
- }, uniforms);
8897
+ }, uniforms, componentDefinition$60);
8898
8898
  $.set(isRegistered, true);
8899
8899
  if ($.get(renderOrder) === void 0 && orderMarker) {
8900
8900
  const parent = orderMarker.parentElement;
@@ -9039,7 +9039,7 @@ function Stretch($$anchor, $$props) {
9039
9039
  maps: $.get(mapsFromProps),
9040
9040
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9041
9041
  transform: $.get(effectiveTransform)
9042
- }, uniforms);
9042
+ }, uniforms, componentDefinition$61);
9043
9043
  $.set(isRegistered, true);
9044
9044
  if ($.get(renderOrder) === void 0 && orderMarker) {
9045
9045
  const parent = orderMarker.parentElement;
@@ -9184,7 +9184,7 @@ function Stripes($$anchor, $$props) {
9184
9184
  maps: $.get(mapsFromProps),
9185
9185
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9186
9186
  transform: $.get(effectiveTransform)
9187
- }, uniforms);
9187
+ }, uniforms, componentDefinition$62);
9188
9188
  $.set(isRegistered, true);
9189
9189
  if ($.get(renderOrder) === void 0 && orderMarker) {
9190
9190
  const parent = orderMarker.parentElement;
@@ -9329,7 +9329,7 @@ function StudioBackground($$anchor, $$props) {
9329
9329
  maps: $.get(mapsFromProps),
9330
9330
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9331
9331
  transform: $.get(effectiveTransform)
9332
- }, uniforms);
9332
+ }, uniforms, componentDefinition$63);
9333
9333
  $.set(isRegistered, true);
9334
9334
  if ($.get(renderOrder) === void 0 && orderMarker) {
9335
9335
  const parent = orderMarker.parentElement;
@@ -9474,7 +9474,7 @@ function Swirl($$anchor, $$props) {
9474
9474
  maps: $.get(mapsFromProps),
9475
9475
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9476
9476
  transform: $.get(effectiveTransform)
9477
- }, uniforms);
9477
+ }, uniforms, componentDefinition$64);
9478
9478
  $.set(isRegistered, true);
9479
9479
  if ($.get(renderOrder) === void 0 && orderMarker) {
9480
9480
  const parent = orderMarker.parentElement;
@@ -9619,7 +9619,7 @@ function TiltShift($$anchor, $$props) {
9619
9619
  maps: $.get(mapsFromProps),
9620
9620
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9621
9621
  transform: $.get(effectiveTransform)
9622
- }, uniforms);
9622
+ }, uniforms, componentDefinition$65);
9623
9623
  $.set(isRegistered, true);
9624
9624
  if ($.get(renderOrder) === void 0 && orderMarker) {
9625
9625
  const parent = orderMarker.parentElement;
@@ -9764,7 +9764,7 @@ function Tint($$anchor, $$props) {
9764
9764
  maps: $.get(mapsFromProps),
9765
9765
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9766
9766
  transform: $.get(effectiveTransform)
9767
- }, uniforms);
9767
+ }, uniforms, componentDefinition$66);
9768
9768
  $.set(isRegistered, true);
9769
9769
  if ($.get(renderOrder) === void 0 && orderMarker) {
9770
9770
  const parent = orderMarker.parentElement;
@@ -9909,7 +9909,7 @@ function Tritone($$anchor, $$props) {
9909
9909
  maps: $.get(mapsFromProps),
9910
9910
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
9911
9911
  transform: $.get(effectiveTransform)
9912
- }, uniforms);
9912
+ }, uniforms, componentDefinition$67);
9913
9913
  $.set(isRegistered, true);
9914
9914
  if ($.get(renderOrder) === void 0 && orderMarker) {
9915
9915
  const parent = orderMarker.parentElement;
@@ -10054,7 +10054,7 @@ function Twirl($$anchor, $$props) {
10054
10054
  maps: $.get(mapsFromProps),
10055
10055
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
10056
10056
  transform: $.get(effectiveTransform)
10057
- }, uniforms);
10057
+ }, uniforms, componentDefinition$68);
10058
10058
  $.set(isRegistered, true);
10059
10059
  if ($.get(renderOrder) === void 0 && orderMarker) {
10060
10060
  const parent = orderMarker.parentElement;
@@ -10199,7 +10199,7 @@ function Vibrance($$anchor, $$props) {
10199
10199
  maps: $.get(mapsFromProps),
10200
10200
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
10201
10201
  transform: $.get(effectiveTransform)
10202
- }, uniforms);
10202
+ }, uniforms, componentDefinition$69);
10203
10203
  $.set(isRegistered, true);
10204
10204
  if ($.get(renderOrder) === void 0 && orderMarker) {
10205
10205
  const parent = orderMarker.parentElement;
@@ -10344,7 +10344,7 @@ function VideoTexture($$anchor, $$props) {
10344
10344
  maps: $.get(mapsFromProps),
10345
10345
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
10346
10346
  transform: $.get(effectiveTransform)
10347
- }, uniforms);
10347
+ }, uniforms, componentDefinition$70);
10348
10348
  $.set(isRegistered, true);
10349
10349
  if ($.get(renderOrder) === void 0 && orderMarker) {
10350
10350
  const parent = orderMarker.parentElement;
@@ -10489,7 +10489,7 @@ function WaveDistortion($$anchor, $$props) {
10489
10489
  maps: $.get(mapsFromProps),
10490
10490
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
10491
10491
  transform: $.get(effectiveTransform)
10492
- }, uniforms);
10492
+ }, uniforms, componentDefinition$71);
10493
10493
  $.set(isRegistered, true);
10494
10494
  if ($.get(renderOrder) === void 0 && orderMarker) {
10495
10495
  const parent = orderMarker.parentElement;
@@ -10634,7 +10634,7 @@ function WebcamTexture($$anchor, $$props) {
10634
10634
  maps: $.get(mapsFromProps),
10635
10635
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
10636
10636
  transform: $.get(effectiveTransform)
10637
- }, uniforms);
10637
+ }, uniforms, componentDefinition$72);
10638
10638
  $.set(isRegistered, true);
10639
10639
  if ($.get(renderOrder) === void 0 && orderMarker) {
10640
10640
  const parent = orderMarker.parentElement;
@@ -10779,7 +10779,7 @@ function ZoomBlur($$anchor, $$props) {
10779
10779
  maps: $.get(mapsFromProps),
10780
10780
  renderOrder: $.get(renderOrder) ?? detectedRenderOrder,
10781
10781
  transform: $.get(effectiveTransform)
10782
- }, uniforms);
10782
+ }, uniforms, componentDefinition$73);
10783
10783
  $.set(isRegistered, true);
10784
10784
  if ($.get(renderOrder) === void 0 && orderMarker) {
10785
10785
  const parent = orderMarker.parentElement;
@@ -10834,10 +10834,10 @@ function Shader($$anchor, $$props) {
10834
10834
  let shouldSendTelemetry = null;
10835
10835
  setContext("shaderParentId", rootId);
10836
10836
  setContext("shaderColorSpace", () => colorSpace());
10837
- setContext("shaderNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null) => {
10837
+ setContext("shaderNodeRegister", (id, fragmentNodeFunc, parentId, metadata, uniforms = null, componentDef = null) => {
10838
10838
  if (!rendererInstance) return;
10839
10839
  if (fragmentNodeFunc === null) rendererInstance.removeNode(id);
10840
- else rendererInstance.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms);
10840
+ else rendererInstance.registerNode(id, fragmentNodeFunc, parentId, metadata, uniforms, componentDef);
10841
10841
  });
10842
10842
  setContext("shaderUniformUpdate", (nodeId, uniformName, value) => {
10843
10843
  if (!rendererInstance) return;