From 1159116a1647da604bd7ccdb45c100d4e848e4be Mon Sep 17 00:00:00 2001
From: AlexthePear <alopp5570@csu.fullerton.edu>
Date: Mon, 1 Apr 2024 03:23:33 -0700
Subject: [PATCH] Added NumberQuestionInputEditor to render on demoFormEditor

---
 .../question_input_editor.svelte               |  4 ++--
 .../number/number_question_input_editor.svelte | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte b/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte
index 9c99f9b..57d6123 100644
--- a/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte
+++ b/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte
@@ -27,12 +27,12 @@ https://github.com/acmcsufoss/form/pull/new/question-input-editor -->
 		<BooleanQuestionInputEditor bind:data />
 	{:else if $$props.type === QuestionType.COLOR}
 		<ColorQuestionInputEditor bind:data />
+	{:else if $$props.type === QuestionType.NUMBER}
+		<NumberQuestionInputEditor {...$$props} />
 		<!-- {:else if $$props.type === QuestionType.TEXT}
 		<TextQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.RADIO_GROUP}
 		<RadioGroupQuestionInputEditor {...$$props} />
-	{:else if $$props.type === QuestionType.NUMBER}
-		<NumberQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.TEXTAREA}
 		<TextareaQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.DATE}
diff --git a/src/lib/components/questions/number/number_question_input_editor.svelte b/src/lib/components/questions/number/number_question_input_editor.svelte
index e69de29..341fb0d 100644
--- a/src/lib/components/questions/number/number_question_input_editor.svelte
+++ b/src/lib/components/questions/number/number_question_input_editor.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { NumberQuestion } from '$lib/form';
+	import BaseEditor from '../base/base_editor.svelte';
+	import NumberQuestionInput from './number_question_input.svelte';
+	export var data = $$props as NumberQuestion;
+</script>
+
+<BaseEditor bind:data>
+	<input type="number" bind:value={data.min} />
+	<input type="number" bind:value={data.max} />
+	<input type="number" bind:value={data.step} />
+	<input type="number" bind:value={data.value} />
+	<input type="text" bind:value={data.placeholder} />
+	<details>
+		<summary>Sample</summary>
+		<NumberQuestionInput bind:data />
+	</details>
+</BaseEditor>