From fe0cb2647d88110dc6f6ee414a86b2fd413a34f6 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 4 Jul 2022 17:18:18 +0200
Subject: [PATCH] add element suffix to editor elements

---
 .../src/backoffice/editors/editor-data-type.element.ts | 10 ++++++++--
 .../backoffice/editors/editor-extensions.element.ts    | 10 ++++++++--
 .../src/backoffice/editors/editor-node.element.ts      |  6 +++---
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-data-type.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-data-type.element.ts
index 3a09b4683a..9895ee504a 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-data-type.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-data-type.element.ts
@@ -2,10 +2,16 @@ import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 @customElement('umb-editor-data-type')
-export class UmbEditorDataType extends LitElement {
+export class UmbEditorDataTypeElement extends LitElement {
 	render() {
 		return html`<div>Data types</div>`;
 	}
 }
 
-export default UmbEditorDataType;
+export default UmbEditorDataTypeElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-data-type': UmbEditorDataTypeElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-extensions.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-extensions.element.ts
index ef3189a1e3..6a84027c90 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-extensions.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-extensions.element.ts
@@ -5,7 +5,7 @@ import { UmbContextConsumerMixin } from '../../core/context';
 import { UmbExtensionManifest, UmbExtensionRegistry } from '../../core/extension';
 
 @customElement('umb-editor-extensions')
-export class UmbEditorExtensions extends UmbContextConsumerMixin(LitElement) {
+export class UmbEditorExtensionsElement extends UmbContextConsumerMixin(LitElement) {
 	@state()
 	private _extensions: Array<UmbExtensionManifest> = [];
 
@@ -69,4 +69,10 @@ export class UmbEditorExtensions extends UmbContextConsumerMixin(LitElement) {
 	}
 }
 
-export default UmbEditorExtensions;
+export default UmbEditorExtensionsElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-editor-extensions': UmbEditorExtensionsElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-node.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-node.element.ts
index cd954e0e47..8865852d53 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-node.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/editors/editor-node.element.ts
@@ -15,7 +15,7 @@ import '../editor-views/editor-view-node-edit.element';
 import '../editor-views/editor-view-node-info.element';
 
 @customElement('umb-editor-node')
-export class UmbEditorNode extends UmbContextConsumerMixin(LitElement) {
+export class UmbEditorNodeElement extends UmbContextConsumerMixin(LitElement) {
 	static styles = [
 		UUITextStyles,
 		css`
@@ -242,10 +242,10 @@ export class UmbEditorNode extends UmbContextConsumerMixin(LitElement) {
 	}
 }
 
-export default UmbEditorNode;
+export default UmbEditorNodeElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-editor-node': UmbEditorNode;
+		'umb-editor-node': UmbEditorNodeElement;
 	}
 }