From 6ab0bd77d11f2dd1d1f5c2560ff1fbb178d7ffa4 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 17 Feb 2023 09:17:02 +0100
Subject: [PATCH] add properties to a sub-ul list

---
 .../shared/components/debug/debug.element.ts   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
index 324d7b84d9..d4f23a9f0f 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
@@ -182,10 +182,11 @@ export class UmbDebug extends UmbLitElement {
 								${methodNames.map((methodName) => html`<li>${methodName}</li>`)}
 							</ul>
 						</li>
-				`);
+					`
+				);
 			}
 
-			instanceTemplates.push(html`<li><strong>Properties</strong></li>`);
+			const props: TemplateResult[] = [];
 
 			for (const key in instance) {
 				if (key.startsWith('_')) {
@@ -194,11 +195,20 @@ export class UmbDebug extends UmbLitElement {
 
 				const value = instance[key];
 				if (typeof value === 'string') {
-					instanceTemplates.push(html`<li>${key} = ${value}</li>`);
+					props.push(html`<li>${key} = ${value}</li>`);
 				} else {
-					instanceTemplates.push(html`<li>${key} <em>(${typeof value})</em></li>`);
+					props.push(html`<li>${key} <em>(${typeof value})</em></li>`);
 				}
 			}
+
+			instanceTemplates.push(html`
+				<li>
+					<strong>Properties</strong>
+					<ul>
+						${props}
+					</ul>
+				</li>
+			`);
 		} else {
 			instanceTemplates.push(html`<li>Context is a primitive with value: ${instance}</li>`);
 		}