diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e46ba33
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,13 @@
+{
+  "name": "twain",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "twain",
+      "version": "1.0.0",
+      "license": "ISC"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..c9b84c0
--- /dev/null
+++ b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "twain",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "watch": "dotnet watch --project ./src/Twain.Web/Twain.Web.csproj",
+    "watch-theme": "npm run dev --prefix src/OAP/OAP.Theme.Svelte"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/src/OAP/Oap.Content/Migrations.cs b/src/OAP/Oap.Content/Migrations.cs
index a8a8f61..e4aef67 100644
--- a/src/OAP/Oap.Content/Migrations.cs
+++ b/src/OAP/Oap.Content/Migrations.cs
@@ -1,243 +1,273 @@
-using Oap.OapApplication;
-using OrchardCore.Autoroute.Models;
-using OrchardCore.ContentFields.Fields;
-using OrchardCore.ContentFields.Settings;
-using OrchardCore.ContentManagement.Metadata;
-using OrchardCore.ContentManagement.Metadata.Settings;
-using OrchardCore.Data.Migration;
-using OrchardCore.Flows.Models;
-using OrchardCore.Forms.Models;
-using OrchardCore.Html.Models;
-using OrchardCore.Html.Settings;
-using OrchardCore.Lists.Models;
-using OrchardCore.Mvc.Utilities;
-using OrchardCore.Title.Models;
-
-namespace Oap.Content;
-
-public class Migrations : DataMigration
-{
-	public Migrations(IContentDefinitionManager contentDefinitionManager)
-	{
-		m_contentDefinitionManager = contentDefinitionManager;
-	}
-
-	public async Task<int> CreateAsync()
-	{
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationFormStep, type => type
-				.Securable()
-				.Draftable()
-				.Versionable()
-				.WithPart(nameof(TitlePart), part => part
-					.WithPosition("1"))
-				.WithPart(nameof(AutoroutePart), part => part
-					.WithPosition("2")
-					.WithSettings(new AutoroutePartSettings
-					{
-						AllowCustomPath = true,
-						AllowUpdatePath = true,
-					}))
-				.WithPart(nameof(FlowPart), part => part
-					.WithPosition("3")));
-
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationForm, type => type
-				.Creatable()
-				.Listable()
-				.Securable()
-				.Draftable()
-				.Versionable()
-				.WithPart(nameof(AutoroutePart), part => part
-					.WithPosition("2")
-					.WithSettings(new AutoroutePartSettings
-					{
-						AllowCustomPath = true,
-						AllowUpdatePath = true,
-					}))
-				.WithPart(nameof(ListPart), part => part
-					.WithDisplayName("Form Steps")
-					.WithPosition("3")
-					.WithSettings(new ListPartSettings
-					{
-						PageSize = 10,
-						EnableOrdering = true,
-						ContainedContentTypes = [ContentTypes.OapApplicationFormStep]
-					})
-				));
-
-		await m_contentDefinitionManager
-			.AlterPartDefinitionAsync(nameof(OapApplicationPart), builder => builder
-				.Attachable()
-				.WithField(nameof(OapApplicationPart.Status), field => field
-					.OfType(nameof(TextField))
-					.WithDisplayName(nameof(OapApplicationPart.Status))
-					.WithDescription("The status of the OAP Application.")
-					.WithEditor("PredefinedList")
-					.WithSettings(new TextFieldPredefinedListEditorSettings
-					{
-						Options = new[]
-						{
-							new ListValueOption { Name = OapApplicationStatuses.InProgress, Value = OapApplicationStatuses.InProgress.HtmlClassify() },
-							new ListValueOption { Name = OapApplicationStatuses.Submitted, Value = OapApplicationStatuses.Submitted.HtmlClassify() },
-						},
-						DefaultValue = OapApplicationStatuses.InProgress.HtmlClassify(),
-						Editor = EditorOption.Radio,
-					}))
-				.WithDescription("Makes a content item into an OAP Application."));
-
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync(ContentTypes.OapApplication, type => type
-				.Creatable()
-				.Listable()
-				.Securable()
-				.WithPart(nameof(HtmlBodyPart), part => part
-					.WithDisplayName("Notes")
-					.WithSettings(new ContentTypePartSettings { Editor = "Wysiwyg", })
-				)
-				.WithPart(nameof(OapApplicationPart)));
-
-		return 1;
-	}
-
-	public async Task<int> UpdateFrom1Async()
-	{
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationFormStep, type => type
-				.WithPart(nameof(HtmlBodyPart), part => part
-					.WithPosition("2")
-					.WithEditor("Wysiwyg")
-					.WithSettings(new HtmlBodyPartSettings
-					{
-						SanitizeHtml = true,
-					})));
-
-		return 2;
-	}
-
-	public Task<int> UpdateFrom2Async()
-	{
-		return Task.FromResult(3);
-	}
-
-	public Task<int> UpdateFrom3Async()
-	{
-		return Task.FromResult(4);
-	}
-
-	public Task<int> UpdateFrom4Async()
-	{
-		return Task.FromResult(5);
-	}
-
-	public Task<int> UpdateFrom5Async()
-	{
-		return Task.FromResult(6);
-	}
-
-	public async Task<int> UpdateFrom6Async()
-	{
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationForm, type => type
-				.WithPart(nameof(TitlePart)));
-
-		return 7;
-	}
-
-	public async Task<int> UpdateFrom7Async()
-	{
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("Input", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-                    .WithPosition("1")
-					.WithDisplayName("Details to help the user correctly fill out this form field.")
-					.WithEditor("Wysiwyg")
-                ));
-
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("TextArea", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-                    .WithPosition("1")
-					.WithDisplayName("Details to help the user correctly fill out this form field.")
-					.WithEditor("Wysiwyg")
-                ));
-				
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("Select", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-                    .WithPosition("1")
-					.WithDisplayName("Details to help the user correctly fill out this form field.")
-					.WithEditor("Wysiwyg")
-                ));
-
-		return 8;
-	}
-
-	public async Task<int> UpdateFrom8Async()
-	{
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("Input", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-                    .WithPosition("4")
-                )
-                .WithPart("InputPart", part => part
-                    .WithPosition("5")
-                )
-                .WithPart("FormElementValidationPart", part => part
-                    .WithPosition("6")
-                ));
-
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("TextArea", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-                    .WithPosition("4")
-                )
-                .WithPart("TextAreaPart", part => part
-                    .WithPosition("5")
-                )
-                .WithPart("FormElementValidationPart", part => part
-                    .WithPosition("6")
-                ));
-				
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("Select", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-                    .WithPosition("4")
-                )
-                .WithPart("SelectPart", part => part
-                    .WithPosition("5")
-                )
-                .WithPart("FormElementValidationPart", part => part
-                    .WithPosition("6")
-                ));
-
-		return 9;
-	}
-	public async Task<int> UpdateFrom9Async()
-	{
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("Input", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-					.WithDisplayName("Explanation")
-					.WithDescription("Details to help the user correctly fill out this form field.")
-                ));
-
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("TextArea", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-					.WithDisplayName("Explanation")
-					.WithDescription("Details to help the user correctly fill out this form field.")
-                ));
-				
-		await m_contentDefinitionManager
-			.AlterTypeDefinitionAsync("Select", type => type
-				.WithPart("Explanation", "HtmlBodyPart", part => part
-					.WithDisplayName("Explanation")
-					.WithDescription("Details to help the user correctly fill out this form field.")
-                ));
-
-		return 10;
-	}
-
-	private readonly IContentDefinitionManager m_contentDefinitionManager;
-}
+using Oap.OapApplication;
+using OrchardCore.Autoroute.Models;
+using OrchardCore.ContentFields.Fields;
+using OrchardCore.ContentFields.Settings;
+using OrchardCore.ContentManagement.Metadata;
+using OrchardCore.ContentManagement.Metadata.Settings;
+using OrchardCore.Data.Migration;
+using OrchardCore.Flows.Models;
+using OrchardCore.Forms.Models;
+using OrchardCore.Html.Models;
+using OrchardCore.Html.Settings;
+using OrchardCore.Lists.Models;
+using OrchardCore.Mvc.Utilities;
+using OrchardCore.Title.Models;
+
+namespace Oap.Content;
+
+public class Migrations : DataMigration
+{
+	public Migrations(IContentDefinitionManager contentDefinitionManager)
+	{
+		m_contentDefinitionManager = contentDefinitionManager;
+	}
+
+	public async Task<int> CreateAsync()
+	{
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationFormStep, type => type
+				.Securable()
+				.Draftable()
+				.Versionable()
+				.WithPart(nameof(TitlePart), part => part
+					.WithPosition("1"))
+				.WithPart(nameof(AutoroutePart), part => part
+					.WithPosition("2")
+					.WithSettings(new AutoroutePartSettings
+					{
+						AllowCustomPath = true,
+						AllowUpdatePath = true,
+					}))
+				.WithPart(nameof(FlowPart), part => part
+					.WithPosition("3")));
+
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationForm, type => type
+				.Creatable()
+				.Listable()
+				.Securable()
+				.Draftable()
+				.Versionable()
+				.WithPart(nameof(AutoroutePart), part => part
+					.WithPosition("2")
+					.WithSettings(new AutoroutePartSettings
+					{
+						AllowCustomPath = true,
+						AllowUpdatePath = true,
+					}))
+				.WithPart(nameof(ListPart), part => part
+					.WithDisplayName("Form Steps")
+					.WithPosition("3")
+					.WithSettings(new ListPartSettings
+					{
+						PageSize = 10,
+						EnableOrdering = true,
+						ContainedContentTypes = [ContentTypes.OapApplicationFormStep]
+					})
+				));
+
+		await m_contentDefinitionManager
+			.AlterPartDefinitionAsync(nameof(OapApplicationPart), builder => builder
+				.Attachable()
+				.WithField(nameof(OapApplicationPart.Status), field => field
+					.OfType(nameof(TextField))
+					.WithDisplayName(nameof(OapApplicationPart.Status))
+					.WithDescription("The status of the OAP Application.")
+					.WithEditor("PredefinedList")
+					.WithSettings(new TextFieldPredefinedListEditorSettings
+					{
+						Options = new[]
+						{
+							new ListValueOption { Name = OapApplicationStatuses.InProgress, Value = OapApplicationStatuses.InProgress.HtmlClassify() },
+							new ListValueOption { Name = OapApplicationStatuses.Submitted, Value = OapApplicationStatuses.Submitted.HtmlClassify() },
+						},
+						DefaultValue = OapApplicationStatuses.InProgress.HtmlClassify(),
+						Editor = EditorOption.Radio,
+					}))
+				.WithDescription("Makes a content item into an OAP Application."));
+
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync(ContentTypes.OapApplication, type => type
+				.Creatable()
+				.Listable()
+				.Securable()
+				.WithPart(nameof(HtmlBodyPart), part => part
+					.WithDisplayName("Notes")
+					.WithSettings(new ContentTypePartSettings { Editor = "Wysiwyg", })
+				)
+				.WithPart(nameof(OapApplicationPart)));
+
+		return 1;
+	}
+
+	public async Task<int> UpdateFrom1Async()
+	{
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationFormStep, type => type
+				.WithPart(nameof(HtmlBodyPart), part => part
+					.WithPosition("2")
+					.WithEditor("Wysiwyg")
+					.WithSettings(new HtmlBodyPartSettings
+					{
+						SanitizeHtml = true,
+					})));
+
+		return 2;
+	}
+
+	public Task<int> UpdateFrom2Async()
+	{
+		return Task.FromResult(3);
+	}
+
+	public Task<int> UpdateFrom3Async()
+	{
+		return Task.FromResult(4);
+	}
+
+	public Task<int> UpdateFrom4Async()
+	{
+		return Task.FromResult(5);
+	}
+
+	public Task<int> UpdateFrom5Async()
+	{
+		return Task.FromResult(6);
+	}
+
+	public async Task<int> UpdateFrom6Async()
+	{
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync(ContentTypes.OapApplicationForm, type => type
+				.WithPart(nameof(TitlePart)));
+
+		return 7;
+	}
+
+	public async Task<int> UpdateFrom7Async()
+	{
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("Input", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+                    .WithPosition("1")
+					.WithDisplayName("Details to help the user correctly fill out this form field.")
+					.WithEditor("Wysiwyg")
+                ));
+
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("TextArea", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+                    .WithPosition("1")
+					.WithDisplayName("Details to help the user correctly fill out this form field.")
+					.WithEditor("Wysiwyg")
+                ));
+				
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("Select", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+                    .WithPosition("1")
+					.WithDisplayName("Details to help the user correctly fill out this form field.")
+					.WithEditor("Wysiwyg")
+                ));
+
+		return 8;
+	}
+
+	public async Task<int> UpdateFrom8Async()
+	{
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("Input", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+                    .WithPosition("4")
+                )
+                .WithPart("InputPart", part => part
+                    .WithPosition("5")
+                )
+                .WithPart("FormElementValidationPart", part => part
+                    .WithPosition("6")
+                ));
+
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("TextArea", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+                    .WithPosition("4")
+                )
+                .WithPart("TextAreaPart", part => part
+                    .WithPosition("5")
+                )
+                .WithPart("FormElementValidationPart", part => part
+                    .WithPosition("6")
+                ));
+				
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("Select", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+                    .WithPosition("4")
+                )
+                .WithPart("SelectPart", part => part
+                    .WithPosition("5")
+                )
+                .WithPart("FormElementValidationPart", part => part
+                    .WithPosition("6")
+                ));
+
+		return 9;
+	}
+
+	public async Task<int> UpdateFrom9Async()
+	{
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("Input", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+					.WithDisplayName("Explanation")
+					.WithDescription("Details to help the user correctly fill out this form field.")
+                ));
+
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("TextArea", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+					.WithDisplayName("Explanation")
+					.WithDescription("Details to help the user correctly fill out this form field.")
+                ));
+				
+		await m_contentDefinitionManager
+			.AlterTypeDefinitionAsync("Select", type => type
+				.WithPart("Explanation", "HtmlBodyPart", part => part
+					.WithDisplayName("Explanation")
+					.WithDescription("Details to help the user correctly fill out this form field.")
+                ));
+
+		return 10;
+	}
+
+	public async Task<int> UpdateFrom10Async()
+	{
+		await m_contentDefinitionManager.AlterTypeDefinitionAsync("OapApplicationFormButtons", type => type
+			.Stereotype("Widget")
+			.WithPart("OapApplicationFormButtons")
+			.WithPart("Back", "ButtonPart", part => part
+				.WithDisplayName("Back Button"))
+			.WithPart("Submit", "ButtonPart", part => part
+				.WithDisplayName("Submit Button")));
+
+		return 11;
+	}
+
+	public async Task<int> UpdateFrom11Async()
+	{		
+		await m_contentDefinitionManager.AlterPartDefinitionAsync("OapApplicationFormButtons", part => part
+			.WithField<BooleanField>("ShowBackButton", field => field.WithDisplayName("Show Back Button")));
+
+		return 12;
+	}
+
+	public async Task<int> UpdateFrom12Async()
+	{		
+		await m_contentDefinitionManager.AlterTypeDefinitionAsync("OapApplicationFormButtons", type => type
+			.WithPart("OapApplicationFormButtons"));
+
+		return 13;
+	}
+
+	private readonly IContentDefinitionManager m_contentDefinitionManager;
+}
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/ButtonPart.svelte b/src/OAP/Oap.Theme.Svelte/src/components/ButtonPart.svelte
deleted file mode 100644
index 470b3b6..0000000
--- a/src/OAP/Oap.Theme.Svelte/src/components/ButtonPart.svelte
+++ /dev/null
@@ -1,53 +0,0 @@
-<script context="module" lang="ts">
-	import { graphql } from "../gql";
-
-	export const ButtonPartFragment = graphql(/* GraphQL */ `
-		fragment ButtonPart on Button {
-			metadata {
-				alignment
-				size
-			}
-			button {
-				type
-				text
-			}
-			formInputElement {
-				name
-			}
-			formElement {
-				id
-			}
-		}
-	`);
-
-	export function isButtonType(
-		buttonType: string | undefined | null,
-	): buttonType is HTMLButtonElement["type"] {
-		return !!(buttonType as HTMLButtonElement["type"]);
-	}
-</script>
-
-<script lang="ts">
-	import { type FragmentType, useFragment } from "../gql";
-	import Widget from "./Widget.svelte";
-
-	export let fragment: FragmentType<typeof ButtonPartFragment>;
-
-	const content = useFragment(ButtonPartFragment, fragment);
-	const buttonType: HTMLButtonElement["type"] = isButtonType(
-		content.button?.type,
-	)
-		? content.button?.type
-		: "button";
-</script>
-
-<Widget metadata={content.metadata}>
-	<button
-		class="block cursor-pointer rounded-md bg-amber-300 px-4 py-2 text-gray-800 hover:bg-amber-500 disabled:cursor-not-allowed disabled:bg-gray-400 disabled:text-gray-600"
-		type={buttonType}
-		name={content.formInputElement?.name}
-		id={content.formElement?.id}
-	>
-		{content.button?.text}
-	</button>
-</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Fields/Button.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Button.svelte
new file mode 100644
index 0000000..5a699fb
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Button.svelte
@@ -0,0 +1,23 @@
+<script context="module" lang="ts">
+	export function isButtonType(
+		buttonType: string | undefined | null,
+	): buttonType is HTMLButtonElement["type"] {
+		return !!(buttonType as HTMLButtonElement["type"]);
+	}
+</script>
+
+<script lang="ts">
+	export let type: HTMLButtonElement["type"] | null | undefined;
+	export let name: string | null | undefined;
+	export let id: string | null | undefined;
+	export let text: string | null | undefined;
+
+	const cssClasses =
+		type === "submit"
+			? "block cursor-pointer rounded-md bg-amber-300 px-4 py-2 text-gray-800 hover:bg-amber-400 hover:text-gray-900 disabled:cursor-not-allowed disabled:bg-gray-400 disabled:text-gray-600"
+			: "cursor-pointer px-4 py-2 text-gray-800 hover:text-gray-400";
+</script>
+
+<button class={cssClasses} {type} {name} {id}>
+	{@html text}
+</button>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/CommonFieldParts.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/CommonFieldParts.svelte
similarity index 71%
rename from src/OAP/Oap.Theme.Svelte/src/components/CommonFieldParts.svelte
rename to src/OAP/Oap.Theme.Svelte/src/components/Fields/CommonFieldParts.svelte
index 85802ec..96927d2 100644
--- a/src/OAP/Oap.Theme.Svelte/src/components/CommonFieldParts.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/CommonFieldParts.svelte
@@ -3,8 +3,9 @@
 		FormElementLabelPart,
 		FormElementPart,
 		RichTextFragment,
-	} from "../gql/graphql";
-	import ExplanationPart from "./ExplanationPart.svelte";
+	} from "../../gql/graphql";
+	import ExplanationPart from "./Explanation.svelte";
+	import Label from "./Label.svelte";
 
 	export let formElementLabel: FormElementLabelPart | undefined | null;
 	export let formElement: FormElementPart | undefined | null;
@@ -23,9 +24,7 @@
 </script>
 
 {#if formElementLabel?.label}
-	<label for={formElement?.id} class="block mt-2 font-bold text-gray-900">
-		{formElementLabel.label}
-	</label>
+	<Label forId={formElement?.id} text={formElementLabel.label} />
 {/if}
 
 {#if explanation}
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/ExplanationPart.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Explanation.svelte
similarity index 62%
rename from src/OAP/Oap.Theme.Svelte/src/components/ExplanationPart.svelte
rename to src/OAP/Oap.Theme.Svelte/src/components/Fields/Explanation.svelte
index 069eb6b..7c031bb 100644
--- a/src/OAP/Oap.Theme.Svelte/src/components/ExplanationPart.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Explanation.svelte
@@ -1,12 +1,12 @@
 <script context="module" lang="ts">
-	import { RichTextFragment } from "./RichText.svelte";
+	import { RichTextFragment } from "../RichText.svelte";
 
 	export const ExplanationPartFragment = RichTextFragment;
 </script>
 
 <script lang="ts">
-	import { type FragmentType } from "../gql";
-	import RichText from "./RichText.svelte";
+	import { type FragmentType } from "../../gql";
+	import RichText from "../RichText.svelte";
 
 	export let fragment: FragmentType<typeof ExplanationPartFragment>;
 </script>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Fields/Input.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Input.svelte
new file mode 100644
index 0000000..9b43dd2
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Input.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	export let type: HTMLInputElement["type"] | null | undefined;
+	export let name: string | null | undefined;
+	export let id: string | null | undefined;
+	export let value: string | null | undefined;
+	export let placeholder: string | null | undefined;
+    
+	let cssClasses =
+		"block w-full rounded-md border-0 py-1.5 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600";
+	if (type === "number" || type === "date") {
+		cssClasses =
+			"block w-1/3 rounded-md border-0 py-1.5 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600";
+	}
+</script>
+
+<input {id} {name} {type} {value} {placeholder} class={cssClasses} />
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Fields/Label.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Label.svelte
new file mode 100644
index 0000000..730b5be
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Label.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	export let forId: string | null | undefined;
+	export let text: string | null | undefined;
+</script>
+
+<label for={forId} class="block mt-2 font-semibold text-gray-900">
+	{text}
+</label>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Fields/Select.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Select.svelte
new file mode 100644
index 0000000..1d34cdb
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/Select.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+	export let name: string | null | undefined;
+	export let id: string | null | undefined;
+	export let type: string | null | undefined;
+	export let options:
+		| Array<{ text: string | null | undefined; value: string | null | undefined }>
+		| null
+		| undefined;
+	const showDropdown = type === "select";
+</script>
+
+{#if showDropdown}
+	<div class="mt-2">
+		<select
+			{id}
+			{name}
+			class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6"
+		>
+			{#each options ?? [] as option}
+				<option value={option?.value ?? option?.text} selected={false}
+					>{option?.text}</option
+				>
+			{/each}
+		</select>
+	</div>
+{:else}
+	<div class="mt-2 space-y-2">
+		{#each options ?? [] as option, index}
+			<div class="flex items-center gap-x-3">
+				<input
+					{type}
+					{id}
+					{name}
+					class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600"
+					value={option?.value}
+				/>
+				<label
+					class="block text-sm font-normal text-gray-900"
+					for={id + "_" + index}>{option?.text}</label
+				>
+			</div>
+		{/each}
+	</div>
+{/if}
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Fields/TextArea.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Fields/TextArea.svelte
new file mode 100644
index 0000000..fac8d5e
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Fields/TextArea.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	export let name: string | null | undefined;
+	export let id: string | null | undefined;
+	export let placeholder: string | null | undefined;
+</script>
+
+<textarea
+	{id}
+	{name}
+	{placeholder}
+	class="block w-full rounded-md border-0 py-1.5 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+>
+</textarea>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Form.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Form.svelte
index c753f5c..d4631ce 100644
--- a/src/OAP/Oap.Theme.Svelte/src/components/Form.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Form.svelte
@@ -13,11 +13,12 @@
 			}
 			flow {
 				widgets {
-					...LabelPart
-					...ButtonPart
-					...InputPart
-					...SelectPart
-					...TextAreaPart
+					...LabelWidget
+					...ButtonWidget
+					...InputWidget
+					...SelectWidget
+					...TextAreaWidget
+					...OapApplicationFormButtonsWidget
 				}
 			}
 		}
@@ -27,12 +28,12 @@
 <script lang="ts">
 	import type { EventHandler } from "svelte/elements";
 	import { useFragment, type FragmentType } from "../gql";
-	import ButtonPart from "./ButtonPart.svelte";
-	import InputPart from "./InputPart.svelte";
-	import LabelPart from "./LabelPart.svelte";
-	import SelectPart from "./SelectPart.svelte";
-	import TextAreaPart from "./TextAreaPart.svelte";
-	import Widget from "./Widget.svelte";
+	import ButtonWidget from "./Widgets/ButtonWidget.svelte";
+	import InputWidget from "./Widgets/InputWidget.svelte";
+	import SelectWidget from "./Widgets/SelectWidget.svelte";
+	import TextAreaWidget from "./Widgets/TextAreaWidget.svelte";
+	import LabelWidget from "./Widgets/LabelWidget.svelte";
+	import ApplicationFormButtonsWidget from "./Widgets/ApplicationFormButtonsWidget.svelte";
 
 	export let onSubmit:
 		| EventHandler<SubmitEvent, HTMLFormElement>
@@ -59,15 +60,17 @@
 		{#if content.flow}
 			{#each content.flow.widgets ?? [] as widget}
 				{#if widget?.__typename === "Button"}
-					<ButtonPart fragment={widget} />
+					<ButtonWidget fragment={widget} />
 				{:else if widget?.__typename === "Input"}
-					<InputPart fragment={widget} />
+					<InputWidget fragment={widget} />
 				{:else if widget?.__typename === "Label"}
-					<LabelPart fragment={widget} />
+					<LabelWidget fragment={widget} />
 				{:else if widget?.__typename === "Select"}
-					<SelectPart fragment={widget} />
+					<SelectWidget fragment={widget} />
 				{:else if widget?.__typename === "TextArea"}
-					<TextAreaPart fragment={widget} />
+					<TextAreaWidget fragment={widget} />
+				{:else if widget?.__typename === "OapApplicationFormButtons"}
+					<ApplicationFormButtonsWidget fragment={widget} />
 				{/if}
 			{/each}
 		{/if}
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/InputPart.svelte b/src/OAP/Oap.Theme.Svelte/src/components/InputPart.svelte
deleted file mode 100644
index 3858598..0000000
--- a/src/OAP/Oap.Theme.Svelte/src/components/InputPart.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script context="module" lang="ts">
-	import { graphql } from "../gql";
-
-	export const InputPartFragment = graphql(/* GraphQL */ `
-		fragment InputPart on Input {
-			metadata {
-				alignment
-				size
-			}
-			input {
-				defaultValue
-				placeholder
-				type
-			}
-			formElementLabel {
-				label
-			}
-			formInputElement {
-				name
-			}
-			formElement {
-				id
-			}
-			explanation {
-				html
-			}
-		}
-	`);
-</script>
-
-<script lang="ts">
-	import { useFragment, type FragmentType } from "../gql";
-	import CommonFieldParts from "./CommonFieldParts.svelte";
-	import Widget from "./Widget.svelte";
-	export let fragment: FragmentType<typeof InputPartFragment>;
-	const content = useFragment(InputPartFragment, fragment);
-
-	let cssClasses =
-		"block w-full rounded-md border-0 py-1.5 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600";
-	if (content.input?.type === "number" || content.input?.type === "date") {
-		cssClasses =
-			"block w-1/3 rounded-md border-0 py-1.5 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600";
-	}
-
-	let checked = false;
-	let value = content.input?.defaultValue ?? "";
-</script>
-
-<Widget metadata={content.metadata}>
-	<CommonFieldParts
-		formElementLabel={content.formElementLabel}
-		formElement={content.formElement}
-		explanation={content.explanation}
-	/>
-
-	<input
-		id={content.formElement?.id}
-		name={content.formInputElement?.name}
-		type={content.input?.type}
-		class={cssClasses}
-		{value}
-		placeholder={content.input?.placeholder}
-	/>
-</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/LabelPart.svelte b/src/OAP/Oap.Theme.Svelte/src/components/LabelPart.svelte
deleted file mode 100644
index 5b7cddf..0000000
--- a/src/OAP/Oap.Theme.Svelte/src/components/LabelPart.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script context="module" lang="ts">
-	import { graphql } from "../gql";
-
-	export const LabelPartFragment = graphql(/* GraphQL */ `
-		fragment LabelPart on Label {
-			metadata {
-				alignment
-				size
-			}
-			displayText
-			formElement {
-				id
-			}
-			label {
-				for
-				value
-			}
-			contentType
-		}
-	`);
-</script>
-
-<script lang="ts">
-	import { useFragment, type FragmentType } from "../gql";
-	import Widget from "./Widget.svelte";
-	export let fragment: FragmentType<typeof LabelPartFragment>;
-	const content = useFragment(LabelPartFragment, fragment);
-</script>
-
-<Widget metadata={content.metadata}>
-	<label id={content.formElement?.id} for={content.label?.for}>
-		{content.label?.value}
-	</label>
-</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/SelectPart.svelte b/src/OAP/Oap.Theme.Svelte/src/components/SelectPart.svelte
deleted file mode 100644
index 1f5006a..0000000
--- a/src/OAP/Oap.Theme.Svelte/src/components/SelectPart.svelte
+++ /dev/null
@@ -1,86 +0,0 @@
-<script context="module" lang="ts">
-	import { graphql } from "../gql";
-
-	export const SelectPartFragment = graphql(/* GraphQL */ `
-		fragment SelectPart on Select {
-			metadata {
-				alignment
-				size
-			}
-			formElementLabel {
-				label
-			}
-			formInputElement {
-				name
-			}
-			formElement {
-				id
-			}
-			explanation {
-				...RichText
-			}
-			select {
-				defaultValue
-				editor
-				options {
-					text
-					value
-				}
-			}
-		}
-	`);
-</script>
-
-<script lang="ts">
-	import { useFragment, type FragmentType } from "../gql";
-	import CommonFieldParts from "./CommonFieldParts.svelte";
-	import Widget from "./Widget.svelte";
-	export let fragment: FragmentType<typeof SelectPartFragment>;
-	const content = useFragment(SelectPartFragment, fragment);
-
-	const showDropdown = content.select?.editor === "select";
-</script>
-
-<Widget metadata={content.metadata}>
-	<CommonFieldParts
-		formElementLabel={content.formElementLabel}
-		formElement={content.formElement}
-		explanation={content.explanation}
-	/>
-
-	{#if !showDropdown}
-		<div class="mt-2 space-y-2">
-			{#each content.select?.options ?? [] as option, index}
-				<div class="flex items-center gap-x-3">
-					<input
-						type={content.select?.editor}
-						id={content.formElement?.id + "_" + index}
-						name={content.formInputElement?.name}
-						class="h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600"
-						value={option?.value}
-					/>
-					<label
-						class="block text-sm font-medium text-gray-900"
-						for={content.formElement?.id + "_" + index}
-						>{option?.text}</label
-					>
-				</div>
-			{/each}
-		</div>
-	{:else}
-		<div class="mt-2">
-			<select
-				id={content.formElement?.id}
-				name={content.formInputElement?.name}
-				class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6"
-			>
-				{#each content.select?.options ?? [] as option}
-					<option
-						value={option?.value ?? option?.text}
-						selected={false}>{option?.text}</option
-					>
-				{/each}
-			</select>
-		</div>
-	{/if}
-</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Widgets/ApplicationFormButtonsWidget.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/ApplicationFormButtonsWidget.svelte
new file mode 100644
index 0000000..83cbef5
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/ApplicationFormButtonsWidget.svelte
@@ -0,0 +1,61 @@
+<script context="module" lang="ts">
+	import { graphql } from "../../gql";
+
+	export const OapApplicationFormButtonsWidgetFragment = graphql(
+		/* GraphQL */ `
+			fragment OapApplicationFormButtonsWidget on OapApplicationFormButtons {
+				metadata {
+					alignment
+					size
+				}
+				back {
+					type
+					text
+				}
+				submit {
+					type
+					text
+				}
+				showBackButton
+			}
+		`,
+	);
+</script>
+
+<script lang="ts">
+	import { useFragment, type FragmentType } from "../../gql";
+	import Widget from "./Widget.svelte";
+	import Button, { isButtonType } from "../Fields/Button.svelte";
+	export let fragment: FragmentType<
+		typeof OapApplicationFormButtonsWidgetFragment
+	>;
+	const content = useFragment(
+		OapApplicationFormButtonsWidgetFragment,
+		fragment,
+	);
+</script>
+
+<Widget metadata={content.metadata}>
+	<div class="flex flex-row mt-8 justify-between">
+		{#if content.showBackButton}
+			<Button
+				id="Back"
+				name="Back"
+				text={content.back?.text}
+				type={isButtonType(content.back?.type)
+					? content.back?.type
+					: "button"}
+			/>
+		{:else}
+			<span>&nbsp;</span>
+		{/if}
+		<Button
+			id="Submit"
+			name="Submit"
+			text={content.submit?.text}
+			type={isButtonType(content.submit?.type)
+				? content.submit?.type
+				: "submit"}
+		/>
+	</div>
+</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Widgets/ButtonWidget.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/ButtonWidget.svelte
new file mode 100644
index 0000000..74faa97
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/ButtonWidget.svelte
@@ -0,0 +1,46 @@
+<script context="module" lang="ts">
+	import { graphql } from "../../gql";
+
+	export const ButtonWidgetFragment = graphql(/* GraphQL */ `
+		fragment ButtonWidget on Button {
+			metadata {
+				alignment
+				size
+			}
+			button {
+				type
+				text
+			}
+			formInputElement {
+				name
+			}
+			formElement {
+				id
+			}
+		}
+	`);
+</script>
+
+<script lang="ts">
+	import { type FragmentType, useFragment } from "../../gql";
+	import Button, { isButtonType } from "../Fields/Button.svelte";
+	import Widget from "./Widget.svelte";
+
+	export let fragment: FragmentType<typeof ButtonWidgetFragment>;
+
+	const content = useFragment(ButtonWidgetFragment, fragment);
+	const buttonType: HTMLButtonElement["type"] = isButtonType(
+		content.button?.type,
+	)
+		? content.button?.type
+		: "button";
+</script>
+
+<Widget metadata={content.metadata}>
+	<Button
+		type={buttonType}
+		name={content.formInputElement?.name}
+		id={content.formElement?.id}
+		text={content.button?.text}
+	/>
+</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Widgets/InputWidget.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/InputWidget.svelte
new file mode 100644
index 0000000..a0cfc24
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/InputWidget.svelte
@@ -0,0 +1,57 @@
+<script context="module" lang="ts">
+	import { graphql } from "../../gql";
+
+	export const InputWidgetFragment = graphql(/* GraphQL */ `
+		fragment InputWidget on Input {
+			metadata {
+				alignment
+				size
+			}
+			input {
+				defaultValue
+				placeholder
+				type
+			}
+			formElementLabel {
+				label
+			}
+			formInputElement {
+				name
+			}
+			formElement {
+				id
+			}
+			explanation {
+				html
+			}
+		}
+	`);
+</script>
+
+<script lang="ts">
+	import { useFragment, type FragmentType } from "../../gql";
+	import CommonFieldParts from "../Fields/CommonFieldParts.svelte";
+	import Input from "../Fields/Input.svelte";
+	import Widget from "./Widget.svelte";
+	export let fragment: FragmentType<typeof InputWidgetFragment>;
+	const content = useFragment(InputWidgetFragment, fragment);
+
+	let checked = false;
+	let value = content.input?.defaultValue ?? "";
+</script>
+
+<Widget metadata={content.metadata}>
+	<CommonFieldParts
+		formElementLabel={content.formElementLabel}
+		formElement={content.formElement}
+		explanation={content.explanation}
+	/>
+
+	<Input
+		id={content.formElement?.id}
+		name={content.formInputElement?.name}
+		type={content.input?.type}
+		{value}
+		placeholder={content.input?.placeholder}
+	/>
+</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Widgets/LabelWidget.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/LabelWidget.svelte
new file mode 100644
index 0000000..095d76c
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/LabelWidget.svelte
@@ -0,0 +1,33 @@
+<script context="module" lang="ts">
+	import { graphql } from "../../gql";
+
+	export const LabelWidgetFragment = graphql(/* GraphQL */ `
+		fragment LabelWidget on Label {
+			metadata {
+				alignment
+				size
+			}
+			displayText
+			formElement {
+				id
+			}
+			label {
+				for
+				value
+			}
+			contentType
+		}
+	`);
+</script>
+
+<script lang="ts">
+	import { useFragment, type FragmentType } from "../../gql";
+	import Widget from "./Widget.svelte";
+	import Label from "../Fields/Label.svelte";
+	export let fragment: FragmentType<typeof LabelWidgetFragment>;
+	const content = useFragment(LabelWidgetFragment, fragment);
+</script>
+
+<Widget metadata={content.metadata}>
+	<Label id={content.formElement?.id} forId={content.label?.for} text={content.label?.value} />
+</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Widgets/SelectWidget.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/SelectWidget.svelte
new file mode 100644
index 0000000..017a626
--- /dev/null
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/SelectWidget.svelte
@@ -0,0 +1,58 @@
+<script context="module" lang="ts">
+	import { graphql } from "../../gql";
+
+	export const SelectWidgetFragment = graphql(/* GraphQL */ `
+		fragment SelectWidget on Select {
+			metadata {
+				alignment
+				size
+			}
+			formElementLabel {
+				label
+			}
+			formInputElement {
+				name
+			}
+			formElement {
+				id
+			}
+			explanation {
+				...RichText
+			}
+			select {
+				defaultValue
+				editor
+				options {
+					text
+					value
+				}
+			}
+		}
+	`);
+</script>
+
+<script lang="ts">
+	import { useFragment, type FragmentType } from "../../gql";
+	import CommonFieldParts from "../Fields/CommonFieldParts.svelte";
+	import Select from "../Fields/Select.svelte";
+	import Widget from "./Widget.svelte";
+	export let fragment: FragmentType<typeof SelectWidgetFragment>;
+	const content = useFragment(SelectWidgetFragment, fragment);
+</script>
+
+<Widget metadata={content.metadata}>
+	<CommonFieldParts
+		formElementLabel={content.formElementLabel}
+		formElement={content.formElement}
+		explanation={content.explanation}
+	/>
+
+	<Select
+		type={content.select?.editor}
+		options={content.select?.options?.map((o) => {
+			return { text: o?.text, value: o?.value };
+		})}
+		id={content.formElement?.id}
+		name={content.formInputElement?.name}
+	/>
+</Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/TextAreaPart.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/TextAreaWidget.svelte
similarity index 50%
rename from src/OAP/Oap.Theme.Svelte/src/components/TextAreaPart.svelte
rename to src/OAP/Oap.Theme.Svelte/src/components/Widgets/TextAreaWidget.svelte
index 870c60f..9c04ab6 100644
--- a/src/OAP/Oap.Theme.Svelte/src/components/TextAreaPart.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/TextAreaWidget.svelte
@@ -1,8 +1,8 @@
 <script context="module" lang="ts">
-	import { graphql } from "../gql";
+	import { graphql } from "../../gql";
 
-	export const TextAreaPartFragment = graphql(/* GraphQL */ `
-		fragment TextAreaPart on TextArea {
+	export const TextAreaWidgetFragment = graphql(/* GraphQL */ `
+		fragment TextAreaWidget on TextArea {
 			metadata {
 				alignment
 				size
@@ -28,11 +28,12 @@
 </script>
 
 <script lang="ts">
-	import { useFragment, type FragmentType } from "../gql";
-	import CommonFieldParts from "./CommonFieldParts.svelte";
+	import { useFragment, type FragmentType } from "../../gql";
+	import CommonFieldParts from "../Fields/CommonFieldParts.svelte";
+	import TextArea from "../Fields/TextArea.svelte";
 	import Widget from "./Widget.svelte";
-	export let fragment: FragmentType<typeof TextAreaPartFragment>;
-	const content = useFragment(TextAreaPartFragment, fragment);
+	export let fragment: FragmentType<typeof TextAreaWidgetFragment>;
+	const content = useFragment(TextAreaWidgetFragment, fragment);
 </script>
 
 <Widget metadata={content.metadata}>
@@ -42,11 +43,9 @@
 		explanation={content.explanation}
 	/>
 
-	<textarea
+	<TextArea
 		id={content.formElement?.id}
 		name={content.formInputElement?.name}
-		class="block w-full rounded-md border-0 py-1.5 px-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
 		placeholder={content.textArea?.placeholder}
-	>
-	</textarea>
+	/>
 </Widget>
diff --git a/src/OAP/Oap.Theme.Svelte/src/components/Widget.svelte b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/Widget.svelte
similarity index 82%
rename from src/OAP/Oap.Theme.Svelte/src/components/Widget.svelte
rename to src/OAP/Oap.Theme.Svelte/src/components/Widgets/Widget.svelte
index d556eea..8310468 100644
--- a/src/OAP/Oap.Theme.Svelte/src/components/Widget.svelte
+++ b/src/OAP/Oap.Theme.Svelte/src/components/Widgets/Widget.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { FlowMetadata } from "../gql/graphql";
+	import type { FlowMetadata } from "../../gql/graphql";
 
     export let metadata: FlowMetadata | null | undefined;
 
@@ -12,7 +12,7 @@
     const justify = metadata?.alignment === "Right" ? "justify-self-end"
         : metadata?.alignment === "Left" ? "justify-self-start"
         : metadata?.alignment === "Center" ? "justify-self-center"
-        : metadata?.alignment === "Justify" ? "justify-self-stretch"
+        : metadata?.alignment === "Justify" ? "justify-self-auto"
         : "";
 
     const cssClasses = colspan + " " + justify;
diff --git a/src/OAP/Oap.Theme.Svelte/src/gql/gql.ts b/src/OAP/Oap.Theme.Svelte/src/gql/gql.ts
index 64e18f7..bec9695 100644
--- a/src/OAP/Oap.Theme.Svelte/src/gql/gql.ts
+++ b/src/OAP/Oap.Theme.Svelte/src/gql/gql.ts
@@ -15,13 +15,14 @@ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-
 const documents = {
     "\n\t\tquery OapApplicationForm($contentItemId: ID!) {\n\t\t\toapApplicationForm(where: { contentItemId: $contentItemId }) {\n\t\t\t\tdisplayText\n\t\t\t\tcontentItemId\n\t\t\t\tlist {\n\t\t\t\t\tcontentItems {\n\t\t\t\t\t\t__typename\n\t\t\t\t\t\t...OapApplicationFormStep\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.OapApplicationFormDocument,
     "\n\t\tfragment OapApplicationFormStep on OapApplicationFormStep {\n\t\t\tdisplayText\n\t\t\tcontentItemId\n\t\t\thtmlBody {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...Form\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.OapApplicationFormStepFragmentDoc,
-    "\n\t\tfragment ButtonPart on Button {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\ttype\n\t\t\t\ttext\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t": types.ButtonPartFragmentDoc,
-    "\n\t\tfragment Form on Form {\n\t\t\tdisplayText\n\t\t\tform {\n\t\t\t\taction\n\t\t\t\tmethod\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...LabelPart\n\t\t\t\t\t...ButtonPart\n\t\t\t\t\t...InputPart\n\t\t\t\t\t...SelectPart\n\t\t\t\t\t...TextAreaPart\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.FormFragmentDoc,
-    "\n\t\tfragment InputPart on Input {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t\ttype\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\thtml\n\t\t\t}\n\t\t}\n\t": types.InputPartFragmentDoc,
-    "\n\t\tfragment LabelPart on Label {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tdisplayText\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfor\n\t\t\t\tvalue\n\t\t\t}\n\t\t\tcontentType\n\t\t}\n\t": types.LabelPartFragmentDoc,
+    "\n\t\tfragment Form on Form {\n\t\t\tdisplayText\n\t\t\tform {\n\t\t\t\taction\n\t\t\t\tmethod\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...LabelWidget\n\t\t\t\t\t...ButtonWidget\n\t\t\t\t\t...InputWidget\n\t\t\t\t\t...SelectWidget\n\t\t\t\t\t...TextAreaWidget\n\t\t\t\t\t...OapApplicationFormButtonsWidget\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.FormFragmentDoc,
     "\n\t\tfragment RichText on HtmlBodyPart {\n\t\t\thtml\n\t\t}\n\t": types.RichTextFragmentDoc,
-    "\n\t\tfragment SelectPart on Select {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tdefaultValue\n\t\t\t\teditor\n\t\t\t\toptions {\n\t\t\t\t\ttext\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.SelectPartFragmentDoc,
-    "\n\t\tfragment TextAreaPart on TextArea {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\ttextArea {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t}\n\t\t}\n\t": types.TextAreaPartFragmentDoc,
+    "\n\t\t\tfragment OapApplicationFormButtonsWidget on OapApplicationFormButtons {\n\t\t\t\tmetadata {\n\t\t\t\t\talignment\n\t\t\t\t\tsize\n\t\t\t\t}\n\t\t\t\tback {\n\t\t\t\t\ttype\n\t\t\t\t\ttext\n\t\t\t\t}\n\t\t\t\tsubmit {\n\t\t\t\t\ttype\n\t\t\t\t\ttext\n\t\t\t\t}\n\t\t\t\tshowBackButton\n\t\t\t}\n\t\t": types.OapApplicationFormButtonsWidgetFragmentDoc,
+    "\n\t\tfragment ButtonWidget on Button {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\ttype\n\t\t\t\ttext\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t": types.ButtonWidgetFragmentDoc,
+    "\n\t\tfragment InputWidget on Input {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t\ttype\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\thtml\n\t\t\t}\n\t\t}\n\t": types.InputWidgetFragmentDoc,
+    "\n\t\tfragment LabelWidget on Label {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tdisplayText\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfor\n\t\t\t\tvalue\n\t\t\t}\n\t\t\tcontentType\n\t\t}\n\t": types.LabelWidgetFragmentDoc,
+    "\n\t\tfragment SelectWidget on Select {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tdefaultValue\n\t\t\t\teditor\n\t\t\t\toptions {\n\t\t\t\t\ttext\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t": types.SelectWidgetFragmentDoc,
+    "\n\t\tfragment TextAreaWidget on TextArea {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\ttextArea {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t}\n\t\t}\n\t": types.TextAreaWidgetFragmentDoc,
 };
 
 /**
@@ -49,19 +50,7 @@ export function graphql(source: "\n\t\tfragment OapApplicationFormStep on OapApp
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n\t\tfragment ButtonPart on Button {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\ttype\n\t\t\t\ttext\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment ButtonPart on Button {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\ttype\n\t\t\t\ttext\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t"];
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(source: "\n\t\tfragment Form on Form {\n\t\t\tdisplayText\n\t\t\tform {\n\t\t\t\taction\n\t\t\t\tmethod\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...LabelPart\n\t\t\t\t\t...ButtonPart\n\t\t\t\t\t...InputPart\n\t\t\t\t\t...SelectPart\n\t\t\t\t\t...TextAreaPart\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment Form on Form {\n\t\t\tdisplayText\n\t\t\tform {\n\t\t\t\taction\n\t\t\t\tmethod\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...LabelPart\n\t\t\t\t\t...ButtonPart\n\t\t\t\t\t...InputPart\n\t\t\t\t\t...SelectPart\n\t\t\t\t\t...TextAreaPart\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"];
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(source: "\n\t\tfragment InputPart on Input {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t\ttype\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\thtml\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment InputPart on Input {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t\ttype\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\thtml\n\t\t\t}\n\t\t}\n\t"];
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(source: "\n\t\tfragment LabelPart on Label {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tdisplayText\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfor\n\t\t\t\tvalue\n\t\t\t}\n\t\t\tcontentType\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment LabelPart on Label {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tdisplayText\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfor\n\t\t\t\tvalue\n\t\t\t}\n\t\t\tcontentType\n\t\t}\n\t"];
+export function graphql(source: "\n\t\tfragment Form on Form {\n\t\t\tdisplayText\n\t\t\tform {\n\t\t\t\taction\n\t\t\t\tmethod\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...LabelWidget\n\t\t\t\t\t...ButtonWidget\n\t\t\t\t\t...InputWidget\n\t\t\t\t\t...SelectWidget\n\t\t\t\t\t...TextAreaWidget\n\t\t\t\t\t...OapApplicationFormButtonsWidget\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment Form on Form {\n\t\t\tdisplayText\n\t\t\tform {\n\t\t\t\taction\n\t\t\t\tmethod\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tflow {\n\t\t\t\twidgets {\n\t\t\t\t\t...LabelWidget\n\t\t\t\t\t...ButtonWidget\n\t\t\t\t\t...InputWidget\n\t\t\t\t\t...SelectWidget\n\t\t\t\t\t...TextAreaWidget\n\t\t\t\t\t...OapApplicationFormButtonsWidget\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -69,11 +58,27 @@ export function graphql(source: "\n\t\tfragment RichText on HtmlBodyPart {\n\t\t
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n\t\tfragment SelectPart on Select {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tdefaultValue\n\t\t\t\teditor\n\t\t\t\toptions {\n\t\t\t\t\ttext\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment SelectPart on Select {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tdefaultValue\n\t\t\t\teditor\n\t\t\t\toptions {\n\t\t\t\t\ttext\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"];
+export function graphql(source: "\n\t\t\tfragment OapApplicationFormButtonsWidget on OapApplicationFormButtons {\n\t\t\t\tmetadata {\n\t\t\t\t\talignment\n\t\t\t\t\tsize\n\t\t\t\t}\n\t\t\t\tback {\n\t\t\t\t\ttype\n\t\t\t\t\ttext\n\t\t\t\t}\n\t\t\t\tsubmit {\n\t\t\t\t\ttype\n\t\t\t\t\ttext\n\t\t\t\t}\n\t\t\t\tshowBackButton\n\t\t\t}\n\t\t"): (typeof documents)["\n\t\t\tfragment OapApplicationFormButtonsWidget on OapApplicationFormButtons {\n\t\t\t\tmetadata {\n\t\t\t\t\talignment\n\t\t\t\t\tsize\n\t\t\t\t}\n\t\t\t\tback {\n\t\t\t\t\ttype\n\t\t\t\t\ttext\n\t\t\t\t}\n\t\t\t\tsubmit {\n\t\t\t\t\ttype\n\t\t\t\t\ttext\n\t\t\t\t}\n\t\t\t\tshowBackButton\n\t\t\t}\n\t\t"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n\t\tfragment TextAreaPart on TextArea {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\ttextArea {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment TextAreaPart on TextArea {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\ttextArea {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t}\n\t\t}\n\t"];
+export function graphql(source: "\n\t\tfragment ButtonWidget on Button {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\ttype\n\t\t\t\ttext\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment ButtonWidget on Button {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\ttype\n\t\t\t\ttext\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n\t\tfragment InputWidget on Input {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t\ttype\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\thtml\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment InputWidget on Input {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t\ttype\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\thtml\n\t\t\t}\n\t\t}\n\t"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n\t\tfragment LabelWidget on Label {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tdisplayText\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfor\n\t\t\t\tvalue\n\t\t\t}\n\t\t\tcontentType\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment LabelWidget on Label {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tdisplayText\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfor\n\t\t\t\tvalue\n\t\t\t}\n\t\t\tcontentType\n\t\t}\n\t"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n\t\tfragment SelectWidget on Select {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tdefaultValue\n\t\t\t\teditor\n\t\t\t\toptions {\n\t\t\t\t\ttext\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment SelectWidget on Select {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tdefaultValue\n\t\t\t\teditor\n\t\t\t\toptions {\n\t\t\t\t\ttext\n\t\t\t\t\tvalue\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n\t\tfragment TextAreaWidget on TextArea {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\ttextArea {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t}\n\t\t}\n\t"): (typeof documents)["\n\t\tfragment TextAreaWidget on TextArea {\n\t\t\tmetadata {\n\t\t\t\talignment\n\t\t\t\tsize\n\t\t\t}\n\t\t\texplanation {\n\t\t\t\t...RichText\n\t\t\t}\n\t\t\tformElement {\n\t\t\t\tid\n\t\t\t}\n\t\t\tformElementLabel {\n\t\t\t\tlabel\n\t\t\t}\n\t\t\tformInputElement {\n\t\t\t\tname\n\t\t\t}\n\t\t\ttextArea {\n\t\t\t\tdefaultValue\n\t\t\t\tplaceholder\n\t\t\t}\n\t\t}\n\t"];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};
diff --git a/src/OAP/Oap.Theme.Svelte/src/gql/graphql.ts b/src/OAP/Oap.Theme.Svelte/src/gql/graphql.ts
index 0a61a82..c4682f5 100644
--- a/src/OAP/Oap.Theme.Svelte/src/gql/graphql.ts
+++ b/src/OAP/Oap.Theme.Svelte/src/gql/graphql.ts
@@ -1874,6 +1874,187 @@ export type OapApplicationForm = ContentItem & {
   render?: Maybe<Scalars['String']['output']>;
 };
 
+/** Represents a Oap Application Form Buttons. */
+export type OapApplicationFormButtons = ContentItem & {
+  __typename?: 'OapApplicationFormButtons';
+  /** The author of the content item */
+  author: Scalars['String']['output'];
+  back?: Maybe<ButtonPart>;
+  /** Content item id */
+  contentItemId: Scalars['String']['output'];
+  /** The content item version id */
+  contentItemVersionId: Scalars['String']['output'];
+  /** Type of content */
+  contentType: Scalars['String']['output'];
+  /** The date and time of creation */
+  createdUtc?: Maybe<Scalars['DateTime']['output']>;
+  /** The display text of the content item */
+  displayText?: Maybe<Scalars['String']['output']>;
+  /** Is the latest version */
+  latest: Scalars['Boolean']['output'];
+  metadata?: Maybe<FlowMetadata>;
+  /** The date and time of modification */
+  modifiedUtc?: Maybe<Scalars['DateTime']['output']>;
+  /** The owner of the content item */
+  owner: Scalars['String']['output'];
+  /** Is the published version */
+  published: Scalars['Boolean']['output'];
+  /** The date and time of publication */
+  publishedUtc?: Maybe<Scalars['DateTime']['output']>;
+  render?: Maybe<Scalars['String']['output']>;
+  /** Boolean field */
+  showBackButton?: Maybe<Scalars['Boolean']['output']>;
+  submit?: Maybe<ButtonPart>;
+};
+
+export type OapApplicationFormButtonsOrderByInput = {
+  author?: InputMaybe<OrderByDirection>;
+  contentItemId?: InputMaybe<OrderByDirection>;
+  contentItemVersionId?: InputMaybe<OrderByDirection>;
+  contentType?: InputMaybe<OrderByDirection>;
+  createdUtc?: InputMaybe<OrderByDirection>;
+  displayText?: InputMaybe<OrderByDirection>;
+  latest?: InputMaybe<OrderByDirection>;
+  modifiedUtc?: InputMaybe<OrderByDirection>;
+  owner?: InputMaybe<OrderByDirection>;
+  published?: InputMaybe<OrderByDirection>;
+  publishedUtc?: InputMaybe<OrderByDirection>;
+};
+
+/** the OapApplicationFormButtons content item filters */
+export type OapApplicationFormButtonsWhereInput = {
+  /** AND logical operation */
+  AND?: InputMaybe<Array<InputMaybe<OapApplicationFormButtonsWhereInput>>>;
+  /** NOT logical operation */
+  NOT?: InputMaybe<Array<InputMaybe<OapApplicationFormButtonsWhereInput>>>;
+  /** OR logical operation */
+  OR?: InputMaybe<Array<InputMaybe<OapApplicationFormButtonsWhereInput>>>;
+  /** the author of the content item is equal to */
+  author?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item contains the string */
+  author_contains?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item ends with the string */
+  author_ends_with?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item is in collection */
+  author_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  /** the author of the content item is not equal to */
+  author_not?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item does not contain the string */
+  author_not_contains?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item does not end with the string */
+  author_not_ends_with?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item is not in collection */
+  author_not_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  /** the author of the content item does not start with the string */
+  author_not_starts_with?: InputMaybe<Scalars['String']['input']>;
+  /** the author of the content item starts with the string */
+  author_starts_with?: InputMaybe<Scalars['String']['input']>;
+  /** content item id is equal to */
+  contentItemId?: InputMaybe<Scalars['ID']['input']>;
+  /** content item id is in collection */
+  contentItemId_in?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
+  /** content item id is not equal to */
+  contentItemId_not?: InputMaybe<Scalars['ID']['input']>;
+  /** content item id is not in collection */
+  contentItemId_not_in?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
+  /** the content item version id is equal to */
+  contentItemVersionId?: InputMaybe<Scalars['ID']['input']>;
+  /** the content item version id is in collection */
+  contentItemVersionId_in?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
+  /** the content item version id is not equal to */
+  contentItemVersionId_not?: InputMaybe<Scalars['ID']['input']>;
+  /** the content item version id is not in collection */
+  contentItemVersionId_not_in?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
+  /** the date and time of creation is equal to */
+  createdUtc?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of creation is greater than */
+  createdUtc_gt?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of creation is greater than or equal */
+  createdUtc_gte?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of creation is in collection */
+  createdUtc_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  /** the date and time of creation is less than */
+  createdUtc_lt?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of creation is less than or equal */
+  createdUtc_lte?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of creation is not equal to */
+  createdUtc_not?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of creation is not in collection */
+  createdUtc_not_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  /** the display text of the content item is equal to */
+  displayText?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item contains the string */
+  displayText_contains?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item ends with the string */
+  displayText_ends_with?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item is in collection */
+  displayText_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  /** the display text of the content item is not equal to */
+  displayText_not?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item does not contain the string */
+  displayText_not_contains?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item does not end with the string */
+  displayText_not_ends_with?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item is not in collection */
+  displayText_not_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  /** the display text of the content item does not start with the string */
+  displayText_not_starts_with?: InputMaybe<Scalars['String']['input']>;
+  /** the display text of the content item starts with the string */
+  displayText_starts_with?: InputMaybe<Scalars['String']['input']>;
+  /** the date and time of modification is equal to */
+  modifiedUtc?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of modification is greater than */
+  modifiedUtc_gt?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of modification is greater than or equal */
+  modifiedUtc_gte?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of modification is in collection */
+  modifiedUtc_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  /** the date and time of modification is less than */
+  modifiedUtc_lt?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of modification is less than or equal */
+  modifiedUtc_lte?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of modification is not equal to */
+  modifiedUtc_not?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of modification is not in collection */
+  modifiedUtc_not_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  /** the owner of the content item is equal to */
+  owner?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item contains the string */
+  owner_contains?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item ends with the string */
+  owner_ends_with?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item is in collection */
+  owner_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  /** the owner of the content item is not equal to */
+  owner_not?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item does not contain the string */
+  owner_not_contains?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item does not end with the string */
+  owner_not_ends_with?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item is not in collection */
+  owner_not_in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
+  /** the owner of the content item does not start with the string */
+  owner_not_starts_with?: InputMaybe<Scalars['String']['input']>;
+  /** the owner of the content item starts with the string */
+  owner_starts_with?: InputMaybe<Scalars['String']['input']>;
+  /** the date and time of publication is equal to */
+  publishedUtc?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of publication is greater than */
+  publishedUtc_gt?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of publication is greater than or equal */
+  publishedUtc_gte?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of publication is in collection */
+  publishedUtc_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+  /** the date and time of publication is less than */
+  publishedUtc_lt?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of publication is less than or equal */
+  publishedUtc_lte?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of publication is not equal to */
+  publishedUtc_not?: InputMaybe<Scalars['DateTime']['input']>;
+  /** the date and time of publication is not in collection */
+  publishedUtc_not_in?: InputMaybe<Array<InputMaybe<Scalars['DateTime']['input']>>>;
+};
+
 export type OapApplicationFormOrderByInput = {
   author?: InputMaybe<OrderByDirection>;
   contentItemId?: InputMaybe<OrderByDirection>;
@@ -3412,7 +3593,7 @@ export type OapApplicationFormQueryVariables = Exact<{
 }>;
 
 
-export type OapApplicationFormQuery = { __typename?: 'Query', oapApplicationForm?: Array<{ __typename?: 'OapApplicationForm', displayText?: string | null, contentItemId: string, list?: { __typename?: 'ListPart', contentItems?: Array<{ __typename: 'Button' } | { __typename: 'ContentMenuItem' } | { __typename: 'Form' } | { __typename: 'HtmlMenuItem' } | { __typename: 'Input' } | { __typename: 'Label' } | { __typename: 'LinkMenuItem' } | { __typename: 'Menu' } | { __typename: 'OapApplication' } | { __typename: 'OapApplicationForm' } | (
+export type OapApplicationFormQuery = { __typename?: 'Query', oapApplicationForm?: Array<{ __typename?: 'OapApplicationForm', displayText?: string | null, contentItemId: string, list?: { __typename?: 'ListPart', contentItems?: Array<{ __typename: 'Button' } | { __typename: 'ContentMenuItem' } | { __typename: 'Form' } | { __typename: 'HtmlMenuItem' } | { __typename: 'Input' } | { __typename: 'Label' } | { __typename: 'LinkMenuItem' } | { __typename: 'Menu' } | { __typename: 'OapApplication' } | { __typename: 'OapApplicationForm' } | { __typename: 'OapApplicationFormButtons' } | (
         { __typename: 'OapApplicationFormStep' }
         & { ' $fragmentRefs'?: { 'OapApplicationFormStepFragment': OapApplicationFormStepFragment } }
       ) | { __typename: 'OapExplanation' } | { __typename: 'Select' } | { __typename: 'TextArea' } | { __typename: 'Validation' } | { __typename: 'ValidationSummary' } | null> | null } | null } | null> | null };
@@ -3423,49 +3604,55 @@ export type OapApplicationFormStepFragment = { __typename?: 'OapApplicationFormS
   ) | null, flow?: { __typename?: 'FlowPart', widgets?: Array<{ __typename?: 'Button' } | { __typename?: 'ContentMenuItem' } | (
       { __typename?: 'Form' }
       & { ' $fragmentRefs'?: { 'FormFragment': FormFragment } }
-    ) | { __typename?: 'HtmlMenuItem' } | { __typename?: 'Input' } | { __typename?: 'Label' } | { __typename?: 'LinkMenuItem' } | { __typename?: 'Menu' } | { __typename?: 'OapApplication' } | { __typename?: 'OapApplicationForm' } | { __typename?: 'OapApplicationFormStep' } | { __typename?: 'OapExplanation' } | { __typename?: 'Select' } | { __typename?: 'TextArea' } | { __typename?: 'Validation' } | { __typename?: 'ValidationSummary' } | null> | null } | null } & { ' $fragmentName'?: 'OapApplicationFormStepFragment' };
-
-export type ButtonPartFragment = { __typename?: 'Button', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, button?: { __typename?: 'ButtonPart', type?: string | null, text?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null } & { ' $fragmentName'?: 'ButtonPartFragment' };
+    ) | { __typename?: 'HtmlMenuItem' } | { __typename?: 'Input' } | { __typename?: 'Label' } | { __typename?: 'LinkMenuItem' } | { __typename?: 'Menu' } | { __typename?: 'OapApplication' } | { __typename?: 'OapApplicationForm' } | { __typename?: 'OapApplicationFormButtons' } | { __typename?: 'OapApplicationFormStep' } | { __typename?: 'OapExplanation' } | { __typename?: 'Select' } | { __typename?: 'TextArea' } | { __typename?: 'Validation' } | { __typename?: 'ValidationSummary' } | null> | null } | null } & { ' $fragmentName'?: 'OapApplicationFormStepFragment' };
 
 export type FormFragment = { __typename?: 'Form', displayText?: string | null, form?: { __typename?: 'FormPart', action?: string | null, method?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, flow?: { __typename?: 'FlowPart', widgets?: Array<(
       { __typename?: 'Button' }
-      & { ' $fragmentRefs'?: { 'ButtonPartFragment': ButtonPartFragment } }
+      & { ' $fragmentRefs'?: { 'ButtonWidgetFragment': ButtonWidgetFragment } }
     ) | { __typename?: 'ContentMenuItem' } | { __typename?: 'Form' } | { __typename?: 'HtmlMenuItem' } | (
       { __typename?: 'Input' }
-      & { ' $fragmentRefs'?: { 'InputPartFragment': InputPartFragment } }
+      & { ' $fragmentRefs'?: { 'InputWidgetFragment': InputWidgetFragment } }
     ) | (
       { __typename?: 'Label' }
-      & { ' $fragmentRefs'?: { 'LabelPartFragment': LabelPartFragment } }
-    ) | { __typename?: 'LinkMenuItem' } | { __typename?: 'Menu' } | { __typename?: 'OapApplication' } | { __typename?: 'OapApplicationForm' } | { __typename?: 'OapApplicationFormStep' } | { __typename?: 'OapExplanation' } | (
+      & { ' $fragmentRefs'?: { 'LabelWidgetFragment': LabelWidgetFragment } }
+    ) | { __typename?: 'LinkMenuItem' } | { __typename?: 'Menu' } | { __typename?: 'OapApplication' } | { __typename?: 'OapApplicationForm' } | (
+      { __typename?: 'OapApplicationFormButtons' }
+      & { ' $fragmentRefs'?: { 'OapApplicationFormButtonsWidgetFragment': OapApplicationFormButtonsWidgetFragment } }
+    ) | { __typename?: 'OapApplicationFormStep' } | { __typename?: 'OapExplanation' } | (
       { __typename?: 'Select' }
-      & { ' $fragmentRefs'?: { 'SelectPartFragment': SelectPartFragment } }
+      & { ' $fragmentRefs'?: { 'SelectWidgetFragment': SelectWidgetFragment } }
     ) | (
       { __typename?: 'TextArea' }
-      & { ' $fragmentRefs'?: { 'TextAreaPartFragment': TextAreaPartFragment } }
+      & { ' $fragmentRefs'?: { 'TextAreaWidgetFragment': TextAreaWidgetFragment } }
     ) | { __typename?: 'Validation' } | { __typename?: 'ValidationSummary' } | null> | null } | null } & { ' $fragmentName'?: 'FormFragment' };
 
-export type InputPartFragment = { __typename?: 'Input', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, input?: { __typename?: 'InputPart', defaultValue?: string | null, placeholder?: string | null, type?: string | null } | null, formElementLabel?: { __typename?: 'FormElementLabelPart', label?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, explanation?: { __typename?: 'HtmlBodyPart', html?: string | null } | null } & { ' $fragmentName'?: 'InputPartFragment' };
-
-export type LabelPartFragment = { __typename?: 'Label', displayText?: string | null, contentType: string, metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, label?: { __typename?: 'LabelPart', for?: string | null, value?: string | null } | null } & { ' $fragmentName'?: 'LabelPartFragment' };
-
 export type RichTextFragment = { __typename?: 'HtmlBodyPart', html?: string | null } & { ' $fragmentName'?: 'RichTextFragment' };
 
-export type SelectPartFragment = { __typename?: 'Select', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, formElementLabel?: { __typename?: 'FormElementLabelPart', label?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, explanation?: (
-    { __typename?: 'HtmlBodyPart' }
-    & { ' $fragmentRefs'?: { 'RichTextFragment': RichTextFragment } }
-  ) | null, select?: { __typename?: 'SelectPart', defaultValue?: string | null, editor?: string | null, options?: Array<{ __typename?: 'SelectOption', text?: string | null, value?: string | null } | null> | null } | null } & { ' $fragmentName'?: 'SelectPartFragment' };
+export type OapApplicationFormButtonsWidgetFragment = { __typename?: 'OapApplicationFormButtons', showBackButton?: boolean | null, metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, back?: { __typename?: 'ButtonPart', type?: string | null, text?: string | null } | null, submit?: { __typename?: 'ButtonPart', type?: string | null, text?: string | null } | null } & { ' $fragmentName'?: 'OapApplicationFormButtonsWidgetFragment' };
 
-export type TextAreaPartFragment = { __typename?: 'TextArea', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, explanation?: (
+export type ButtonWidgetFragment = { __typename?: 'Button', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, button?: { __typename?: 'ButtonPart', type?: string | null, text?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null } & { ' $fragmentName'?: 'ButtonWidgetFragment' };
+
+export type InputWidgetFragment = { __typename?: 'Input', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, input?: { __typename?: 'InputPart', defaultValue?: string | null, placeholder?: string | null, type?: string | null } | null, formElementLabel?: { __typename?: 'FormElementLabelPart', label?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, explanation?: { __typename?: 'HtmlBodyPart', html?: string | null } | null } & { ' $fragmentName'?: 'InputWidgetFragment' };
+
+export type LabelWidgetFragment = { __typename?: 'Label', displayText?: string | null, contentType: string, metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, label?: { __typename?: 'LabelPart', for?: string | null, value?: string | null } | null } & { ' $fragmentName'?: 'LabelWidgetFragment' };
+
+export type SelectWidgetFragment = { __typename?: 'Select', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, formElementLabel?: { __typename?: 'FormElementLabelPart', label?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, explanation?: (
     { __typename?: 'HtmlBodyPart' }
     & { ' $fragmentRefs'?: { 'RichTextFragment': RichTextFragment } }
-  ) | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, formElementLabel?: { __typename?: 'FormElementLabelPart', label?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, textArea?: { __typename?: 'TextAreaPart', defaultValue?: string | null, placeholder?: string | null } | null } & { ' $fragmentName'?: 'TextAreaPartFragment' };
+  ) | null, select?: { __typename?: 'SelectPart', defaultValue?: string | null, editor?: string | null, options?: Array<{ __typename?: 'SelectOption', text?: string | null, value?: string | null } | null> | null } | null } & { ' $fragmentName'?: 'SelectWidgetFragment' };
+
+export type TextAreaWidgetFragment = { __typename?: 'TextArea', metadata?: { __typename?: 'FlowMetadata', alignment?: FlowAlignment | null, size?: number | null } | null, explanation?: (
+    { __typename?: 'HtmlBodyPart' }
+    & { ' $fragmentRefs'?: { 'RichTextFragment': RichTextFragment } }
+  ) | null, formElement?: { __typename?: 'FormElementPart', id?: string | null } | null, formElementLabel?: { __typename?: 'FormElementLabelPart', label?: string | null } | null, formInputElement?: { __typename?: 'FormInputElementPart', name?: string | null } | null, textArea?: { __typename?: 'TextAreaPart', defaultValue?: string | null, placeholder?: string | null } | null } & { ' $fragmentName'?: 'TextAreaWidgetFragment' };
 
 export const RichTextFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]} as unknown as DocumentNode<RichTextFragment, unknown>;
-export const LabelPartFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}}]} as unknown as DocumentNode<LabelPartFragment, unknown>;
-export const ButtonPartFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]} as unknown as DocumentNode<ButtonPartFragment, unknown>;
-export const InputPartFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}}]} as unknown as DocumentNode<InputPartFragment, unknown>;
-export const SelectPartFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]} as unknown as DocumentNode<SelectPartFragment, unknown>;
-export const TextAreaPartFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]} as unknown as DocumentNode<TextAreaPartFragment, unknown>;
-export const FormFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Form"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Form"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"form"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"action"}},{"kind":"Field","name":{"kind":"Name","value":"method"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"LabelPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ButtonPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"InputPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SelectPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"TextAreaPart"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}}]} as unknown as DocumentNode<FormFragment, unknown>;
-export const OapApplicationFormStepFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormStep"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormStep"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"contentItemId"}},{"kind":"Field","name":{"kind":"Name","value":"htmlBody"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"Form"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Form"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Form"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"form"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"action"}},{"kind":"Field","name":{"kind":"Name","value":"method"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"LabelPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ButtonPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"InputPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SelectPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"TextAreaPart"}}]}}]}}]}}]} as unknown as DocumentNode<OapApplicationFormStepFragment, unknown>;
-export const OapApplicationFormDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"OapApplicationForm"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"contentItemId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"oapApplicationForm"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"where"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"contentItemId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"contentItemId"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"contentItemId"}},{"kind":"Field","name":{"kind":"Name","value":"list"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"contentItems"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"__typename"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"OapApplicationFormStep"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaPart"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Form"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Form"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"form"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"action"}},{"kind":"Field","name":{"kind":"Name","value":"method"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"LabelPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ButtonPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"InputPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SelectPart"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"TextAreaPart"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormStep"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormStep"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"contentItemId"}},{"kind":"Field","name":{"kind":"Name","value":"htmlBody"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"Form"}}]}}]}}]}}]} as unknown as DocumentNode<OapApplicationFormQuery, OapApplicationFormQueryVariables>;
\ No newline at end of file
+export const LabelWidgetFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}}]} as unknown as DocumentNode<LabelWidgetFragment, unknown>;
+export const ButtonWidgetFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]} as unknown as DocumentNode<ButtonWidgetFragment, unknown>;
+export const InputWidgetFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}}]} as unknown as DocumentNode<InputWidgetFragment, unknown>;
+export const SelectWidgetFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]} as unknown as DocumentNode<SelectWidgetFragment, unknown>;
+export const TextAreaWidgetFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]} as unknown as DocumentNode<TextAreaWidgetFragment, unknown>;
+export const OapApplicationFormButtonsWidgetFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormButtons"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"back"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"submit"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"showBackButton"}}]}}]} as unknown as DocumentNode<OapApplicationFormButtonsWidgetFragment, unknown>;
+export const FormFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Form"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Form"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"form"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"action"}},{"kind":"Field","name":{"kind":"Name","value":"method"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"LabelWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ButtonWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"InputWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SelectWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"TextAreaWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormButtons"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"back"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"submit"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"showBackButton"}}]}}]} as unknown as DocumentNode<FormFragment, unknown>;
+export const OapApplicationFormStepFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormStep"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormStep"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"contentItemId"}},{"kind":"Field","name":{"kind":"Name","value":"htmlBody"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"Form"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormButtons"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"back"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"submit"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"showBackButton"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Form"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Form"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"form"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"action"}},{"kind":"Field","name":{"kind":"Name","value":"method"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"LabelWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ButtonWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"InputWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SelectWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"TextAreaWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"}}]}}]}}]}}]} as unknown as DocumentNode<OapApplicationFormStepFragment, unknown>;
+export const OapApplicationFormDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"OapApplicationForm"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"contentItemId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"oapApplicationForm"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"where"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"contentItemId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"contentItemId"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"contentItemId"}},{"kind":"Field","name":{"kind":"Name","value":"list"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"contentItems"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"__typename"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"OapApplicationFormStep"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"RichText"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"HtmlBodyPart"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LabelWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Label"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"label"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"for"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"contentType"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ButtonWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Button"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"button"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InputWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Input"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"input"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}},{"kind":"Field","name":{"kind":"Name","value":"type"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"html"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SelectWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Select"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"select"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"editor"}},{"kind":"Field","name":{"kind":"Name","value":"options"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"text"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"TextAreaWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TextArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"explanation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElementLabel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"label"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formInputElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"textArea"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"placeholder"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormButtons"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadata"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alignment"}},{"kind":"Field","name":{"kind":"Name","value":"size"}}]}},{"kind":"Field","name":{"kind":"Name","value":"back"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"submit"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"text"}}]}},{"kind":"Field","name":{"kind":"Name","value":"showBackButton"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Form"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Form"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"form"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"action"}},{"kind":"Field","name":{"kind":"Name","value":"method"}}]}},{"kind":"Field","name":{"kind":"Name","value":"formElement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"LabelWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ButtonWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"InputWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SelectWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"TextAreaWidget"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"OapApplicationFormButtonsWidget"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OapApplicationFormStep"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"OapApplicationFormStep"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"displayText"}},{"kind":"Field","name":{"kind":"Name","value":"contentItemId"}},{"kind":"Field","name":{"kind":"Name","value":"htmlBody"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"RichText"}}]}},{"kind":"Field","name":{"kind":"Name","value":"flow"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"Form"}}]}}]}}]}}]} as unknown as DocumentNode<OapApplicationFormQuery, OapApplicationFormQueryVariables>;
\ No newline at end of file