From b911192cdc099e09bba4aaf49370335b827c9028 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Wed, 4 Jan 2023 09:31:01 +0100
Subject: [PATCH] implement UmbLitElement

---
 .../workspace/extension-root-workspace.element.ts   | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/extensions/workspace/extension-root-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/extensions/workspace/extension-root-workspace.element.ts
index 9b833b3128..97c3ebd0c2 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/extensions/workspace/extension-root-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/extensions/workspace/extension-root-workspace.element.ts
@@ -1,15 +1,14 @@
-import { html, LitElement } from 'lit';
+import { html } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
-import { UmbObserverMixin } from '@umbraco-cms/observable-api';
 import { isManifestElementNameType } from '@umbraco-cms/extensions-api';
 import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
-import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
 import type { ManifestTypes } from '@umbraco-cms/models';
+import { UmbLitElement } from 'src/core/element/lit-element.element';
 
 @customElement('umb-extension-root-workspace')
-export class UmbExtensionRootWorkspaceElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
+export class UmbExtensionRootWorkspaceElement extends UmbLitElement {
 	@state()
-	private _extensions: Array<ManifestTypes> = [];
+	private _extensions?: Array<ManifestTypes> = undefined;
 
 	connectedCallback(): void {
 		super.connectedCallback();
@@ -18,7 +17,7 @@ export class UmbExtensionRootWorkspaceElement extends UmbContextConsumerMixin(Um
 
 	private _observeExtensions() {
 		this.observe<Array<ManifestTypes>>(umbExtensionsRegistry.extensions, (extensions) => {
-			this._extensions = [...extensions];
+			this._extensions = extensions || undefined;
 		});
 	}
 
@@ -35,7 +34,7 @@ export class UmbExtensionRootWorkspaceElement extends UmbContextConsumerMixin(Um
 							<uui-table-head-cell>Actions</uui-table-head-cell>
 						</uui-table-head>
 
-						${this._extensions.map(
+						${this._extensions?.map(
 							(extension) => html`
 								<uui-table-row>
 									<uui-table-cell>${extension.type}</uui-table-cell>