From 6bf96716ea2184a1bcb2e342a55c9ce5de9fccac Mon Sep 17 00:00:00 2001
From: Warren Buckley <warren@umbraco.com>
Date: Thu, 16 Feb 2023 21:24:48 +0000
Subject: [PATCH] Specify an interface/type for the modal like others in
 codebase

---
 .../shared/components/debug/debug.modal.element.ts     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.modal.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.modal.element.ts
index eed378d006..d86045c85e 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.modal.element.ts
@@ -1,10 +1,14 @@
-import { css, html } from 'lit';
+import { css, html, TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { UUITextStyles } from '@umbraco-ui/uui-css';
 import { UmbModalLayoutElement } from '@umbraco-cms/modal';
 
+export interface UmbDebugModalData {
+	content: TemplateResult | string;
+}
+
 @customElement('umb-debug-modal-layout')
-export class UmbDebugModalLayout extends UmbModalLayoutElement<any> {
+export class UmbDebugModalLayout extends UmbModalLayoutElement<UmbDebugModalData> {
 	static styles = [
 		UUITextStyles,
 		css`
@@ -65,7 +69,7 @@ export class UmbDebugModalLayout extends UmbModalLayoutElement<any> {
 					<uui-icon name="umb:bug"></uui-icon> Debug: Contexts
 				</span>
 				<uui-scroll-container id="field-settings">
-					${this.data.content}
+					${this.data?.content}
 				</uui-scroll-container>
 				<uui-button slot="actions" look="primary" label="Close sidebar" @click="${this._handleClose}">Close</uui-button>
 			</uui-dialog-layout>