feat: add rotate node

packages/ui/src/lib/Input.svelte

@@ -10,6 +10,21 @@
 	export let input: NodeInput;
 	export let value: any;
 	export let id: string;
+
+	$: if (value === undefined || value === null) {
+		switch (input.type) {
+			case 'float':
+				value = 0;
+			case 'integer':
+				value = 0;
+			case 'boolean':
+				value = false;
+			case 'select':
+				value = 0;
+			case 'vec3':
+				value = [0, 0, 0];
+		}
+	}
 </script>
 
 {#if input.type === 'float'}

packages/ui/src/lib/elements/Float.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	let {
 		onchange,
-		value = $bindable(),
+		value = $bindable(0),
 		id,
 		step = 0.01,
 		min = 0,
@@ -57,8 +57,6 @@
 	function handleMouseDown(ev: MouseEvent) {
 		ev.preventDefault();
 
-		inputEl.focus();
-
 		isMouseDown = true;
 
 		downV = value;

packages/ui/src/lib/elements/Integer.svelte

@@ -3,7 +3,7 @@
 		min = 0,
 		max = 10,
 		step = 1,
-		value = $bindable(),
+		value = $bindable(0),
 		id,
 		onchange
 	}: {

packages/ui/src/lib/elements/Select.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	let {
 		id,
-		value = $bindable(),
+		value = $bindable(0),
 		options
 	}: { id: string; value: number; options: string[] } = $props();
 </script>

packages/ui/src/lib/elements/Vec3.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import Float from './Float.svelte';
 
-	let { value = $bindable(), id }: { value: number[]; id: string } = $props();
+	let { value = $bindable([0, 0, 0]), id }: { value: number[]; id: string } = $props();
 </script>
 
 <div>