From beac7794fd20808b1f8c8d7334dd7d238d16e28f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Tue, 6 Aug 2024 10:29:39 +0200
Subject: [PATCH] more corrections

---
 .../examples/modal-routed/index.ts            | 22 ++++++++-----------
 .../modal-routed/modal/example-modal-token.ts |  1 -
 .../modal/example-modal.element.ts            |  4 ++--
 .../steps/example-modal-step2.element.ts      |  2 +-
 4 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/index.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/index.ts
index 21a3f2085e..5aca09fe79 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/index.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/index.ts
@@ -1,4 +1,4 @@
-import { ManifestDashboard, ManifestModal, ManifestSection } from '@umbraco-cms/backoffice/extension-registry';
+import type { ManifestDashboard, ManifestModal } from '@umbraco-cms/backoffice/extension-registry';
 
 // const section : ManifestSection = {
 // 	type: "section",
@@ -10,7 +10,7 @@ import { ManifestDashboard, ManifestModal, ManifestSection } from '@umbraco-cms/
 // 	}
 // }
 
-let dashboard : ManifestDashboard = {
+const dashboard: ManifestDashboard = {
 	type: 'dashboard',
 	name: 'Example Modal Dashboard',
 	alias: 'example.dashboard.dataset',
@@ -22,7 +22,7 @@ let dashboard : ManifestDashboard = {
 	},
 };
 
-let dashboard2 : ManifestDashboard = {
+const dashboard2: ManifestDashboard = {
 	type: 'dashboard',
 	name: 'Example Modal Dashboard2',
 	alias: 'example.dashboard.dataset2',
@@ -34,15 +34,11 @@ let dashboard2 : ManifestDashboard = {
 	},
 };
 
-const modal : ManifestModal = {
-  type: 'modal',
-  name: 'Example Modal',
-  alias: 'example.routed.modal',
-  element : () => import('./modal/example-modal.element.js'),
+const modal: ManifestModal = {
+	type: 'modal',
+	name: 'Example Modal',
+	alias: 'example.routed.modal',
+	element: () => import('./modal/example-modal.element.js'),
 };
 
-export const manifests = [
-	dashboard,
-	dashboard2,
-	modal
-];
+export const manifests = [dashboard, dashboard2, modal];
diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts
index e9092a0b32..b44e2f4ae9 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts
@@ -8,7 +8,6 @@ export const EXAMPLE_ROUTED_MODAL = new UmbModalToken<Data, RetData>(
 	{
 		modal: {
 			type: 'dialog',
-			size: 'full',
 		},
 	},
 );
diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts
index 8b0f4ad60e..df982abe9e 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts
@@ -20,11 +20,11 @@ export class UmbExampleModal extends UmbModalBaseElement {
 		super.connectedCallback();
 		this._routes = [
 			{
-				path: `/overview`,
+				path: `overview`,
 				component: () => import('./steps/example-modal-step1.element.js'),
 			},
 			{
-				path: `/details`,
+				path: `details`,
 				component: () => import('./steps/example-modal-step2.element.js'),
 			},
 			{
diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/steps/example-modal-step2.element.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/steps/example-modal-step2.element.ts
index c6a9f6a5d5..ea5c711b25 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/steps/example-modal-step2.element.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/steps/example-modal-step2.element.ts
@@ -5,7 +5,7 @@ import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
 @customElement('umb-example-modal-step2')
 export class UmbExampleModalStep2 extends UmbModalBaseElement {
 	override render() {
-		return html` <div>example modal step1</div> `;
+		return html` <div>example modal step2</div> `;
 	}
 
 	static override styles = [UmbTextStyles];