shaders 3.0.442 → 3.0.443

package/dist/vue/Preview.vue_vue_type_script_setup_true_lang.js

@@ -3,11 +3,16 @@ import Arc_default from "./Arc.js";
 import Ascii_default from "./Ascii.js";
 import Aurora_default from "./Aurora.js";
 import BarShift_default from "./BarShift.js";
+import BarnDoors_default from "./BarnDoors.js";
 import Beam_default from "./Beam.js";
+import Bend_default from "./Bend.js";
 import Blob_default from "./Blob.js";
+import BlockDissolve_default from "./BlockDissolve.js";
 import BlockNoise_default from "./BlockNoise.js";
 import BlueNoise_default from "./BlueNoise.js";
 import Blur_default from "./Blur.js";
+import Boids_default from "./Boids.js";
+import BokehBlur_default from "./BokehBlur.js";
 import BrickPattern_default from "./BrickPattern.js";
 import BrightnessContrast_default from "./BrightnessContrast.js";
 import BrushedMetal_default from "./BrushedMetal.js";
@@ -16,6 +21,7 @@ import CRTScreen_default from "./CRTScreen.js";
 import CarbonFiber_default from "./CarbonFiber.js";
 import Chalkboard_default from "./Chalkboard.js";
 import ChannelBlur_default from "./ChannelBlur.js";
+import CheckerWipe_default from "./CheckerWipe.js";
 import Checkerboard_default from "./Checkerboard.js";
 import Chevron_default from "./Chevron.js";
 import ChromaFlow_default from "./ChromaFlow.js";
@@ -33,10 +39,11 @@ import Crystal_default from "./Crystal.js";
 import CurlNoise_default from "./CurlNoise.js";
 import CursorRipples_default from "./CursorRipples.js";
 import CursorTrail_default from "./CursorTrail.js";
-import DOMTexture_default from "./DOMTexture.js";
 import DataMosh_default from "./DataMosh.js";
 import DiamondGradient_default from "./DiamondGradient.js";
+import DiamondWipe_default from "./DiamondWipe.js";
 import DiffuseBlur_default from "./DiffuseBlur.js";
+import DisplacementMap_default from "./DisplacementMap.js";
 import Dither_default from "./Dither.js";
 import DotGrid_default from "./DotGrid.js";
 import DropShadow_default from "./DropShadow.js";
@@ -48,6 +55,7 @@ import ErosionNoise_default from "./ErosionNoise.js";
 import Exposure_default from "./Exposure.js";
 import FallingLines_default from "./FallingLines.js";
 import FilmGrain_default from "./FilmGrain.js";
+import FilmStock_default from "./FilmStock.js";
 import Flip_default from "./Flip.js";
 import FloatingParticles_default from "./FloatingParticles.js";
 import FlowField_default from "./FlowField.js";
@@ -70,6 +78,7 @@ import Grayscale_default from "./Grayscale.js";
 import Grid_default from "./Grid.js";
 import GridDistortion_default from "./GridDistortion.js";
 import Group_default from "./Group.js";
+import HTMLInCanvas_default from "./HTMLInCanvas.js";
 import Halftone_default from "./Halftone.js";
 import Heart_default from "./Heart.js";
 import Heatmap_default from "./Heatmap.js";
@@ -78,7 +87,9 @@ import Hologram_default from "./Hologram.js";
 import Holographic_default from "./Holographic.js";
 import HueShift_default from "./HueShift.js";
 import ImageTexture_default from "./ImageTexture.js";
+import InkFlow_default from "./InkFlow.js";
 import Invert_default from "./Invert.js";
+import IrisWipe_default from "./IrisWipe.js";
 import IsometricCubes_default from "./IsometricCubes.js";
 import Kaleidoscope_default from "./Kaleidoscope.js";
 import KeyFrames_default from "./KeyFrames.js";
@@ -87,16 +98,21 @@ import LightEdge_default from "./LightEdge.js";
 import LightLeak_default from "./LightLeak.js";
 import LinearBlur_default from "./LinearBlur.js";
 import LinearGradient_default from "./LinearGradient.js";
+import LinearWipe_default from "./LinearWipe.js";
 import LiquidMetal_default from "./LiquidMetal.js";
 import Liquify_default from "./Liquify.js";
+import MagneticFilings_default from "./MagneticFilings.js";
 import Marble_default from "./Marble.js";
 import Mirror_default from "./Mirror.js";
 import MultiPointGradient_default from "./MultiPointGradient.js";
 import Neon_default from "./Neon.js";
+import NoiseDissolve_default from "./NoiseDissolve.js";
 import ObjectTracker_default from "./ObjectTracker.js";
 import PagePeel_default from "./PagePeel.js";
 import Paper_default from "./Paper.js";
 import Parallelogram_default from "./Parallelogram.js";
+import ParticleField_default from "./ParticleField.js";
+import ParticleFlow_default from "./ParticleFlow.js";
 import Particles_default from "./Particles.js";
 import PerlinNoise_default from "./PerlinNoise.js";
 import Perspective_default from "./Perspective.js";
@@ -111,11 +127,14 @@ import Posterize_default from "./Posterize.js";
 import Prism_default from "./Prism.js";
 import ProgressiveBlur_default from "./ProgressiveBlur.js";
 import RadialGradient_default from "./RadialGradient.js";
+import RadialWipe_default from "./RadialWipe.js";
+import RandomBars_default from "./RandomBars.js";
 import ReactionDiffusion_default from "./ReactionDiffusion.js";
 import RectangularCoordinates_default from "./RectangularCoordinates.js";
 import ReflectivePlane_default from "./ReflectivePlane.js";
 import Repeater_default from "./Repeater.js";
 import Ring_default from "./Ring.js";
+import RippleWipe_default from "./RippleWipe.js";
 import Ripples_default from "./Ripples.js";
 import RoundedRect_default from "./RoundedRect.js";
 import Saturation_default from "./Saturation.js";
@@ -124,6 +143,7 @@ import Sharpness_default from "./Sharpness.js";
 import Shatter_default from "./Shatter.js";
 import SimplexNoise_default from "./SimplexNoise.js";
 import SineWave_default from "./SineWave.js";
+import SliceWipe_default from "./SliceWipe.js";
 import Smoke_default from "./Smoke.js";
 import SmokeFill_default from "./SmokeFill.js";
 import SmokeFlow_default from "./SmokeFlow.js";
@@ -144,6 +164,7 @@ import Teardrop_default from "./Teardrop.js";
 import Text_default from "./Text.js";
 import ThinFilm_default from "./ThinFilm.js";
 import TiltShift_default from "./TiltShift.js";
+import TimeTrail_default from "./TimeTrail.js";
 import Tint_default from "./Tint.js";
 import Trapezoid_default from "./Trapezoid.js";
 import TriangularGrid_default from "./TriangularGrid.js";
@@ -151,6 +172,7 @@ import Tritone_default from "./Tritone.js";
 import Truchet_default from "./Truchet.js";
 import Twirl_default from "./Twirl.js";
 import VHS_default from "./VHS.js";
+import VenetianBlinds_default from "./VenetianBlinds.js";
 import Vesica_default from "./Vesica.js";
 import Vibrance_default from "./Vibrance.js";
 import VideoTexture_default from "./VideoTexture.js";
@@ -227,11 +249,16 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Ascii: Ascii_default,
 			Aurora: Aurora_default,
 			BarShift: BarShift_default,
+			BarnDoors: BarnDoors_default,
 			Beam: Beam_default,
+			Bend: Bend_default,
 			Blob: Blob_default,
+			BlockDissolve: BlockDissolve_default,
 			BlockNoise: BlockNoise_default,
 			BlueNoise: BlueNoise_default,
 			Blur: Blur_default,
+			Boids: Boids_default,
+			BokehBlur: BokehBlur_default,
 			BrickPattern: BrickPattern_default,
 			BrightnessContrast: BrightnessContrast_default,
 			BrushedMetal: BrushedMetal_default,
@@ -240,6 +267,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			CarbonFiber: CarbonFiber_default,
 			Chalkboard: Chalkboard_default,
 			ChannelBlur: ChannelBlur_default,
+			CheckerWipe: CheckerWipe_default,
 			Checkerboard: Checkerboard_default,
 			Chevron: Chevron_default,
 			ChromaFlow: ChromaFlow_default,
@@ -257,10 +285,11 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			CurlNoise: CurlNoise_default,
 			CursorRipples: CursorRipples_default,
 			CursorTrail: CursorTrail_default,
-			DOMTexture: DOMTexture_default,
 			DataMosh: DataMosh_default,
 			DiamondGradient: DiamondGradient_default,
+			DiamondWipe: DiamondWipe_default,
 			DiffuseBlur: DiffuseBlur_default,
+			DisplacementMap: DisplacementMap_default,
 			Dither: Dither_default,
 			DotGrid: DotGrid_default,
 			DropShadow: DropShadow_default,
@@ -272,6 +301,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Exposure: Exposure_default,
 			FallingLines: FallingLines_default,
 			FilmGrain: FilmGrain_default,
+			FilmStock: FilmStock_default,
 			Flip: Flip_default,
 			FloatingParticles: FloatingParticles_default,
 			FlowField: FlowField_default,
@@ -294,6 +324,8 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Grid: Grid_default,
 			GridDistortion: GridDistortion_default,
 			Group: Group_default,
+			HTMLInCanvas: HTMLInCanvas_default,
+			DOMTexture: HTMLInCanvas_default,
 			Halftone: Halftone_default,
 			Heart: Heart_default,
 			Heatmap: Heatmap_default,
@@ -302,7 +334,9 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Holographic: Holographic_default,
 			HueShift: HueShift_default,
 			ImageTexture: ImageTexture_default,
+			InkFlow: InkFlow_default,
 			Invert: Invert_default,
+			IrisWipe: IrisWipe_default,
 			IsometricCubes: IsometricCubes_default,
 			Kaleidoscope: Kaleidoscope_default,
 			KeyFrames: KeyFrames_default,
@@ -311,16 +345,21 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			LightLeak: LightLeak_default,
 			LinearBlur: LinearBlur_default,
 			LinearGradient: LinearGradient_default,
+			LinearWipe: LinearWipe_default,
 			LiquidMetal: LiquidMetal_default,
 			Liquify: Liquify_default,
+			MagneticFilings: MagneticFilings_default,
 			Marble: Marble_default,
 			Mirror: Mirror_default,
 			MultiPointGradient: MultiPointGradient_default,
 			Neon: Neon_default,
+			NoiseDissolve: NoiseDissolve_default,
 			ObjectTracker: ObjectTracker_default,
 			PagePeel: PagePeel_default,
 			Paper: Paper_default,
 			Parallelogram: Parallelogram_default,
+			ParticleField: ParticleField_default,
+			ParticleFlow: ParticleFlow_default,
 			Particles: Particles_default,
 			PerlinNoise: PerlinNoise_default,
 			Perspective: Perspective_default,
@@ -335,11 +374,14 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Prism: Prism_default,
 			ProgressiveBlur: ProgressiveBlur_default,
 			RadialGradient: RadialGradient_default,
+			RadialWipe: RadialWipe_default,
+			RandomBars: RandomBars_default,
 			ReactionDiffusion: ReactionDiffusion_default,
 			RectangularCoordinates: RectangularCoordinates_default,
 			ReflectivePlane: ReflectivePlane_default,
 			Repeater: Repeater_default,
 			Ring: Ring_default,
+			RippleWipe: RippleWipe_default,
 			Ripples: Ripples_default,
 			RoundedRect: RoundedRect_default,
 			Saturation: Saturation_default,
@@ -348,6 +390,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Shatter: Shatter_default,
 			SimplexNoise: SimplexNoise_default,
 			SineWave: SineWave_default,
+			SliceWipe: SliceWipe_default,
 			Smoke: Smoke_default,
 			SmokeFill: SmokeFill_default,
 			SmokeFlow: SmokeFlow_default,
@@ -368,6 +411,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Text: Text_default,
 			ThinFilm: ThinFilm_default,
 			TiltShift: TiltShift_default,
+			TimeTrail: TimeTrail_default,
 			Tint: Tint_default,
 			Trapezoid: Trapezoid_default,
 			TriangularGrid: TriangularGrid_default,
@@ -375,6 +419,7 @@ var Preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			Truchet: Truchet_default,
 			Twirl: Twirl_default,
 			VHS: VHS_default,
+			VenetianBlinds: VenetianBlinds_default,
 			Vesica: Vesica_default,
 			Vibrance: Vibrance_default,
 			VideoTexture: VideoTexture_default,

package/dist/vue/RadialWipe.js

@@ -0,0 +1,3 @@
+import RadialWipe_vue_vue_type_script_setup_true_lang_default from "./RadialWipe.vue_vue_type_script_setup_true_lang.js";
+var RadialWipe_default = RadialWipe_vue_vue_type_script_setup_true_lang_default;
+export { RadialWipe_default as default };

package/dist/vue/RadialWipe.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,223 @@
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, unref, useId, watch } from "vue";
+import { createGpuUniformsMap, resolveBoundingBox } from "../core/index.js";
+import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
+import { componentDefinition } from "../core/shaders/RadialWipe/index.js";
+var _hoisted_1 = ["data-shader-id"];
+var _hoisted_2 = ["width", "height"];
+var RadialWipe_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RadialWipe",
+	props: /* @__PURE__ */ mergeDefaults({
+		progress: {},
+		startAngle: {},
+		center: {},
+		feather: {},
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		boundingBox: {},
+		direction: {},
+		invert: { type: Boolean }
+	}, {
+		blendMode: "normal",
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		let _experimentalWarnedOnce = false;
+		if (componentDefinition.experimental && !_experimentalWarnedOnce) {
+			_experimentalWarnedOnce = true;
+			const _e = componentDefinition.experimental;
+			console.info(`%c⚠ [Shaders] ${componentDefinition.name} is experimental: ${_e.message}`, "color: #f59e0b; font-weight: bold");
+		}
+		function isPropDriver(value) {
+			return typeof value === "object" && value !== null && "type" in value && (value.type === "map" || value.type === "mouse" || value.type === "mouse-position" || value.type === "auto-animate");
+		}
+		const props = __props;
+		const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || useId().replace(/[^a-zA-Z0-9_]/g, "");
+		provide("shaderParentId", instanceId);
+		const DEFAULT_TRANSFORM = {
+			offsetX: 0,
+			offsetY: 0,
+			rotation: 0,
+			scale: 1,
+			anchorX: .5,
+			anchorY: .5,
+			edges: "transparent"
+		};
+		const effectiveTransform = computed(() => ({
+			...DEFAULT_TRANSFORM,
+			...props.transform
+		}));
+		const effectiveBoundingBox = computed(() => resolveBoundingBox(props.boundingBox));
+		const shaderReadyProps = computed(() => {
+			let baseProps = { ...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+				acc[key] = config.default;
+				return acc;
+			}, {}) };
+			for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "boundingBox") {
+				const val = toValue(props[key]);
+				if (isPropDriver(val)) continue;
+				if (val !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+					acc[key$1] = config.default;
+					return acc;
+				}, {})[key]) baseProps[key] = val;
+			}
+			return baseProps;
+		});
+		const mapsFromProps = computed(() => {
+			const maps = {};
+			for (const key of Object.keys(componentDefinition.props)) {
+				const val = props[key];
+				if (isPropDriver(val)) maps[key] = val;
+			}
+			return Object.keys(maps).length > 0 ? maps : void 0;
+		});
+		const shaderColorSpace = inject("shaderColorSpace");
+		if (shaderColorSpace) setColorSpaceMode(shaderColorSpace.value);
+		const uniforms = createGpuUniformsMap(componentDefinition, shaderReadyProps.value, instanceId);
+		const parentId = inject("shaderParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("shaderNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("shaderUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+		const parentMetadataUpdate = inject("shaderMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+		const rendererResetSignal = inject("shaderRendererResetSignal");
+		const orderMarker = ref(null);
+		const isCapturesDOM = !!componentDefinition.capturesDOM;
+		const captureCanvas = ref(null);
+		const captureW = ref(typeof window !== "undefined" ? Math.round(window.innerWidth * Math.min(window.devicePixelRatio, 2)) : 0);
+		const captureH = ref(typeof window !== "undefined" ? Math.round(window.innerHeight * Math.min(window.devicePixelRatio, 2)) : 0);
+		const captureStyle = {
+			position: "fixed",
+			inset: "0",
+			width: "100vw",
+			height: "100vh",
+			zIndex: "-9999"
+		};
+		if (isCapturesDOM) {
+			const onWinResize = () => {
+				const d = Math.min(window.devicePixelRatio, 2);
+				captureW.value = Math.round(window.innerWidth * d);
+				captureH.value = Math.round(window.innerHeight * d);
+			};
+			onMounted(() => {
+				const d = Math.min(window.devicePixelRatio, 2);
+				captureW.value = Math.round(window.innerWidth * d);
+				captureH.value = Math.round(window.innerHeight * d);
+				window.addEventListener("resize", onWinResize);
+			});
+			onBeforeUnmount(() => {
+				window.removeEventListener("resize", onWinResize);
+			});
+		}
+		let detectedRenderOrder = void 0;
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition.fragment, parentId, {
+				blendMode: props.blendMode,
+				opacity: props.opacity,
+				visible: props.visible === false ? false : true,
+				id: props.id,
+				mask: props.maskSource ? {
+					source: props.maskSource,
+					type: props.maskType || "alpha"
+				} : void 0,
+				maps: mapsFromProps.value,
+				renderOrder: props.renderOrder ?? detectedRenderOrder,
+				transform: effectiveTransform.value,
+				boundingBox: effectiveBoundingBox.value
+			}, uniforms, componentDefinition, isCapturesDOM ? captureCanvas.value ?? void 0 : void 0);
+		};
+		onMounted(() => {
+			if (props.renderOrder === void 0 && orderMarker.value) {
+				const parent = orderMarker.value.parentElement;
+				if (parent) {
+					const siblings = parent.querySelectorAll(":scope > [data-shader-id]");
+					const position = Array.from(siblings).indexOf(orderMarker.value);
+					if (position >= 0) {
+						detectedRenderOrder = position;
+						parentMetadataUpdate(instanceId, { renderOrder: position });
+					}
+				}
+			}
+		});
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, entry]) => {
+					watch(() => props[propName], (newValue) => {
+						if (entry && entry.value !== void 0 && !isPropDriver(newValue)) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform,
+					props.boundingBox,
+					mapsFromProps.value
+				], ([blendMode, opacity, visible]) => {
+					parentMetadataUpdate(instanceId, {
+						blendMode,
+						opacity,
+						visible: visible === false ? false : true,
+						id: props.id,
+						mask: props.maskSource ? {
+							source: props.maskSource,
+							type: props.maskType || "alpha"
+						} : void 0,
+						maps: mapsFromProps.value,
+						renderOrder: props.renderOrder ?? detectedRenderOrder,
+						transform: effectiveTransform.value,
+						boundingBox: effectiveBoundingBox.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		if (isCapturesDOM) onMounted(() => {
+			setupUniformWatchers();
+		});
+		else setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", {
+				ref_key: "orderMarker",
+				ref: orderMarker,
+				style: { "display": "contents" },
+				"data-shader-id": unref(instanceId)
+			}, [!isCapturesDOM ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)], 8, _hoisted_1), isCapturesDOM ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: "body"
+			}, [createElementVNode("canvas", mergeProps({
+				ref_key: "captureCanvas",
+				ref: captureCanvas
+			}, { "layoutsubtree": "" }, {
+				width: captureW.value,
+				height: captureH.value,
+				style: captureStyle
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { RadialWipe_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/RandomBars.js

@@ -0,0 +1,3 @@
+import RandomBars_vue_vue_type_script_setup_true_lang_default from "./RandomBars.vue_vue_type_script_setup_true_lang.js";
+var RandomBars_default = RandomBars_vue_vue_type_script_setup_true_lang_default;
+export { RandomBars_default as default };