shaders 2.2.42 → 2.2.44

package/dist/svelte/generatePresetCode-CtXcoyI0.js

@@ -0,0 +1,393 @@
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+function toObjectLiteral(obj) {
+	return `{ ${Object.entries(obj).map(([key, value]) => {
+		return `${key}: ${typeof value === "string" ? `"${value}"` : value}`;
+	}).join(", ")} }`;
+}
+var shaderMetadata = {
+	"AngularBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Ascii": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Beam": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Blob": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Blur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"BrightnessContrast": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Bulge": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"CRTScreen": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ChannelBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Checkerboard": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ChromaFlow": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ChromaticAberration": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Circle": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"CursorTrail": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"DiffuseBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Dither": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"DotGrid": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Duotone": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"FilmGrain": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"FloatingParticles": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"GlassTiles": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Glow": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Godrays": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Grayscale": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Grid": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"GridDistortion": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Group": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Halftone": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"HueShift": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ImageTexture": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Invert": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"LinearBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"LinearGradient": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Liquify": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Perspective": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Pixelate": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"PolarCoordinates": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Posterize": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ProgressiveBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"RadialGradient": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"RectangularCoordinates": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Ripples": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Saturation": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Sharpness": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Shatter": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"SimplexNoise": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"SineWave": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"SolidColor": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Spherize": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Spiral": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Strands": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Stretch": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Stripes": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Swirl": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"TiltShift": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Tint": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Tritone": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Twirl": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"Vibrance": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"WaveDistortion": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"WebcamTexture": {
+		"opacity": 1,
+		"blendMode": "normal"
+	},
+	"ZoomBlur": {
+		"opacity": 1,
+		"blendMode": "normal"
+	}
+};
+function generatePropString(props, componentType, indent = "  ") {
+	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
+		if (key === "maskType" && value === "alpha") return false;
+		if (key === "transform" && typeof value === "object") {
+			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
+		}
+		const componentDefaults = shaderMetadata[componentType] || {};
+		if (componentDefaults.hasOwnProperty(key)) {
+			const defaultValue = componentDefaults[key];
+			if (value != null && defaultValue != null && typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
+			return value !== defaultValue;
+		}
+		if (key === "opacity" && value === 1) return false;
+		if (key === "blendMode" && value === "normal") return false;
+		return true;
+	}).map(([key, value]) => {
+		if (key === "transform" && typeof value === "object") {
+			const nonDefaultKeys = {};
+			for (const k in value) if (value[k] !== DEFAULT_TRANSFORM[k]) nonDefaultKeys[k] = value[k];
+			const keys = Object.keys(nonDefaultKeys).sort();
+			if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof nonDefaultKeys[k] === "string" ? `"${nonDefaultKeys[k]}"` : nonDefaultKeys[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
+			else if (keys.length === 1) {
+				const k = keys[0];
+				const v = nonDefaultKeys[k];
+				return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
+			}
+		}
+		if (typeof value === "string") return `${key}="${value}"`;
+		else if (value !== null && typeof value === "object") {
+			const roundedValue = { ...value };
+			if ("x" in roundedValue && typeof roundedValue.x === "number") roundedValue.x = Math.round(roundedValue.x * 100) / 100;
+			if ("y" in roundedValue && typeof roundedValue.y === "number") roundedValue.y = Math.round(roundedValue.y * 100) / 100;
+			return `${key}={${toObjectLiteral(roundedValue)}}`;
+		} else return `${key}={${value}}`;
+	}).join("\n" + indent + "  ");
+}
+function isIdUsedAsMaskSource(id, allComponents) {
+	const flatComponents = [];
+	function flattenComponents(components) {
+		for (const component of components) {
+			flatComponents.push(component);
+			if (component.children) flattenComponents(component.children);
+		}
+	}
+	flattenComponents(allComponents);
+	return flatComponents.some((component) => component.props?.maskSource === id);
+}
+function generatePresetCode(preset) {
+	const generateComponentString = (config, indent = "  ") => {
+		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
+		let idString = "";
+		if (config.id) {
+			if (isIdUsedAsMaskSource(config.id, preset.components)) idString = `id="${config.id}"`;
+		}
+		const attributes = [idString, propString].filter(Boolean).join("\n" + indent + "  ");
+		if (config.children && config.children.length > 0) {
+			const childrenString = config.children.map((child) => generateComponentString(child, indent + "  ")).join("\n");
+			if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes}>\n${childrenString}\n${indent}</${config.type}>`;
+			else return `${indent}<${config.type}>\n${childrenString}\n${indent}</${config.type}>`;
+		} else if (attributes) return `${indent}<${config.type}\n${indent}  ${attributes} />`;
+		else return `${indent}<${config.type} />`;
+	};
+	return `<Shader>\n${preset.components.map((config) => generateComponentString(config)).join("\n")}\n</Shader>`;
+}
+const availableComponents = [
+	"AngularBlur",
+	"Ascii",
+	"Beam",
+	"Blob",
+	"Blur",
+	"BrightnessContrast",
+	"Bulge",
+	"CRTScreen",
+	"ChannelBlur",
+	"Checkerboard",
+	"ChromaFlow",
+	"ChromaticAberration",
+	"Circle",
+	"CursorTrail",
+	"DiffuseBlur",
+	"Dither",
+	"DotGrid",
+	"Duotone",
+	"FilmGrain",
+	"FloatingParticles",
+	"GlassTiles",
+	"Glow",
+	"Godrays",
+	"Grayscale",
+	"Grid",
+	"GridDistortion",
+	"Group",
+	"Halftone",
+	"HueShift",
+	"ImageTexture",
+	"Invert",
+	"LinearBlur",
+	"LinearGradient",
+	"Liquify",
+	"Perspective",
+	"Pixelate",
+	"PolarCoordinates",
+	"Posterize",
+	"ProgressiveBlur",
+	"RadialGradient",
+	"RectangularCoordinates",
+	"Ripples",
+	"Saturation",
+	"Sharpness",
+	"Shatter",
+	"SimplexNoise",
+	"SineWave",
+	"SolidColor",
+	"Spherize",
+	"Spiral",
+	"Strands",
+	"Stretch",
+	"Stripes",
+	"Swirl",
+	"TiltShift",
+	"Tint",
+	"Tritone",
+	"Twirl",
+	"Vibrance",
+	"WaveDistortion",
+	"WebcamTexture",
+	"ZoomBlur"
+];
+export { generatePresetCode as n, availableComponents as t };

package/dist/svelte/index.d.ts

@@ -58,6 +58,7 @@ export { default as Tritone } from './components/Tritone.svelte';
 export { default as Twirl } from './components/Twirl.svelte';
 export { default as Vibrance } from './components/Vibrance.svelte';
 export { default as WaveDistortion } from './components/WaveDistortion.svelte';
+export { default as WebcamTexture } from './components/WebcamTexture.svelte';
 export { default as ZoomBlur } from './components/ZoomBlur.svelte';
 export { default as Shader } from './engine/Shader.svelte';
 export { generatePresetCode } from './utils/generatePresetCode';

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-bx7z5wvC.js";
+import { n as generatePresetCode } from "./generatePresetCode-CtXcoyI0.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -63,7 +63,8 @@ import { componentDefinition as componentDefinition$56 } from "../core/shaders/T
 import { componentDefinition as componentDefinition$57 } from "../core/shaders/Twirl/index.js";
 import { componentDefinition as componentDefinition$58 } from "../core/shaders/Vibrance/index.js";
 import { componentDefinition as componentDefinition$59 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$60 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$60 } from "../core/shaders/WebcamTexture/index.js";
+import { componentDefinition as componentDefinition$61 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 function AngularBlur($$anchor, $$props) {
@@ -6666,7 +6667,7 @@ function WaveDistortion($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function ZoomBlur($$anchor, $$props) {
+function WebcamTexture($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6776,6 +6777,116 @@ function ZoomBlur($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
+function ZoomBlur($$anchor, $$props) {
+	$.push($$props, true);
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$61.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $$props.blendMode ?? componentDefaults.blendMode;
+	const opacity = $$props.opacity;
+	const visible = $$props.visible ?? componentDefaults.visible;
+	const id = $$props.id;
+	const maskSource = $$props.maskSource;
+	const maskType = $$props.maskType;
+	const renderOrder = $$props.renderOrder ?? componentDefaults.renderOrder;
+	const { children } = props;
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = id || `${componentDefinition$61.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const uniforms = createUniformsMap(componentDefinition$61, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode,
+			opacity,
+			visible: visible === false ? false : true,
+			id,
+			mask: maskSource ? {
+				source: maskSource,
+				type: maskType || "alpha"
+			} : void 0,
+			renderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$61 && typeof componentDefinition$61.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$61.fragmentNode, parentId, {
+				blendMode,
+				opacity,
+				visible: visible !== false ? true : false,
+				id,
+				mask: maskSource ? {
+					source: maskSource,
+					type: maskType || "alpha"
+				} : void 0,
+				renderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms);
+			$.set(isRegistered, true);
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$61,
+			fragmentNode: componentDefinition$61?.fragmentNode,
+			type: typeof componentDefinition$61?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
+	children?.($$anchor);
+	$.pop();
+}
 var root = $.from_html(`<div><canvas data-renderer="shaders" style="width: 100%; height: 100%; display: block;"></canvas> <!></div>`);
 function Shader($$anchor, $$props) {
 	$.push($$props, true);
@@ -6878,4 +6989,4 @@ function Shader($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-export { AngularBlur, Ascii, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, GlassTiles, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, LinearBlur, LinearGradient, Liquify, Perspective, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, WaveDistortion, ZoomBlur, generatePresetCode };
+export { AngularBlur, Ascii, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, GlassTiles, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, LinearBlur, LinearGradient, Liquify, Perspective, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, Shatter, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Stripes, Swirl, TiltShift, Tint, Tritone, Twirl, Vibrance, WaveDistortion, WebcamTexture, ZoomBlur, generatePresetCode };

package/dist/svelte/utils/generatePresetCode.js

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

package/dist/vue/AngularBlur.js

@@ -0,0 +1,3 @@
+import AngularBlur_vue_vue_type_script_setup_true_lang_default from "./AngularBlur.vue_vue_type_script_setup_true_lang.js";
+var AngularBlur_default = AngularBlur_vue_vue_type_script_setup_true_lang_default;
+export { AngularBlur_default as default };

package/dist/vue/AngularBlur.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { computed, defineComponent, effectScope, inject, mergeDefaults, onBeforeUnmount, provide, renderSlot, toValue, watch } from "vue";
+import { createUniformsMap } from "../core/index.js";
+import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
+var AngularBlur_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AngularBlur",
+	props: /* @__PURE__ */ mergeDefaults({
+		blendMode: {},
+		opacity: {},
+		visible: { type: Boolean },
+		id: {},
+		maskSource: {},
+		maskType: {},
+		renderOrder: {},
+		transform: {},
+		intensity: {},
+		center: {}
+	}, {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	}),
+	setup(__props) {
+		const props = __props;
+		const instanceId = props.id || `${componentDefinition.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+		provide("ombreParentId", 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 uniforms = createUniformsMap(componentDefinition, 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" && props[key] !== Object.entries(componentDefinition.props).reduce((acc, [key$1, config]) => {
+				acc[key$1] = config.default;
+				return acc;
+			}, {})[key]) baseProps[key] = toValue(props[key]);
+			return baseProps;
+		}).value, instanceId);
+		const parentId = inject("ombreParentId");
+		if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentRegister = inject("ombreNodeRegister");
+		if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+		const parentUniformUpdate = inject("ombreUniformUpdate");
+		if (parentUniformUpdate === void 0) throw new Error("Shader components require ombreUniformUpdate from parent");
+		const parentMetadataUpdate = inject("ombreMetadataUpdate");
+		if (parentMetadataUpdate === void 0) throw new Error("Shader components require ombreMetadataUpdate from parent");
+		const rendererResetSignal = inject("ombreRendererResetSignal");
+		const registerWithRenderer = () => {
+			parentRegister(instanceId, componentDefinition.fragmentNode, 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,
+				renderOrder: props.renderOrder,
+				transform: effectiveTransform.value
+			}, uniforms, componentDefinition);
+		};
+		const setupUniformWatchers = () => {
+			const scope = effectScope();
+			scope.run(() => {
+				Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+					watch(() => props[propName], (newValue) => {
+						if (uniform && uniform.value !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+					}, { deep: true });
+				});
+				watch(() => [
+					props.blendMode,
+					props.opacity,
+					props.visible,
+					props.id,
+					props.maskSource,
+					props.maskType,
+					props.renderOrder,
+					props.transform
+				], ([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,
+						renderOrder: props.renderOrder,
+						transform: effectiveTransform.value
+					});
+				}, { deep: true });
+				if (rendererResetSignal) watch(() => rendererResetSignal.value, (newValue) => {
+					if (newValue > 0) registerWithRenderer();
+				}, { immediate: true });
+			});
+			onBeforeUnmount(() => {
+				scope.stop();
+			});
+		};
+		setupUniformWatchers();
+		onBeforeUnmount(() => {
+			parentRegister(instanceId, null, null, null, null, null);
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+export { AngularBlur_vue_vue_type_script_setup_true_lang_default as default };

package/dist/vue/Ascii.js

@@ -0,0 +1,3 @@
+import Ascii_vue_vue_type_script_setup_true_lang_default from "./Ascii.vue_vue_type_script_setup_true_lang.js";
+var Ascii_default = Ascii_vue_vue_type_script_setup_true_lang_default;
+export { Ascii_default as default };