From 421b335a0b930d84aebd55bc0512651d74aa18fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Fri, 21 Jun 2024 11:48:14 +0200
Subject: [PATCH] override render

---
 .../packages/core/components/ref-item/ref-item.element.ts   | 2 +-
 .../extension-element-and-api-slot-element-base.ts          | 3 +--
 .../src/packages/core/localization/localize-date.element.ts | 2 +-
 .../packages/core/localization/localize-number.element.ts   | 2 +-
 .../core/localization/localize-relative-time.element.ts     | 2 +-
 .../src/packages/core/localization/localize.element.ts      | 6 +++---
 .../section/components/ref-section/ref-section.element.ts   | 2 +-
 7 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/ref-item/ref-item.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/ref-item/ref-item.element.ts
index 21e4c2bf86..7047c7c239 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/ref-item/ref-item.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/ref-item/ref-item.element.ts
@@ -22,7 +22,7 @@ export class UmbRefItemElement extends UmbElementMixin(UUIRefElement) {
 		this.addEventListener(UUIRefEvent.OPEN, () => this.dispatchEvent(new Event('click')));
 	}
 
-	public render() {
+	override render() {
 		return html`
 			<button
 				type="button"
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/extension-element-and-api-slot-element-base.ts b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/extension-element-and-api-slot-element-base.ts
index 63aee93057..ec6eb0eee7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/extension-element-and-api-slot-element-base.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/extension-element-and-api-slot-element-base.ts
@@ -86,11 +86,10 @@ export abstract class UmbExtensionElementAndApiSlotElementBase<
 
 	/**
 	 * Render the element.
-	 * @protected
 	 * @return {*}
 	 * @memberof UmbExtensionElementAndApiSlotElementBase
 	 */
-	protected render() {
+	override render() {
 		return this._element;
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-date.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-date.element.ts
index 266efe9536..a4024067a6 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-date.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-date.element.ts
@@ -29,7 +29,7 @@ export class UmbLocalizeDateElement extends UmbLitElement {
 		return this.localize.date(this.date!, this.options);
 	}
 
-	protected render() {
+	override render() {
 		return this.date ? html`${unsafeHTML(this.text)}` : html`<slot></slot>`;
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-number.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-number.element.ts
index 2b0ec9dba5..636cf32d3c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-number.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-number.element.ts
@@ -29,7 +29,7 @@ export class UmbLocalizeNumberElement extends UmbLitElement {
 		return this.localize.number(this.number, this.options);
 	}
 
-	protected render() {
+	override render() {
 		return this.number ? html`${unsafeHTML(this.text)}` : html`<slot></slot>`;
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-relative-time.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-relative-time.element.ts
index 291670d70e..d05ddeb0c7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-relative-time.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize-relative-time.element.ts
@@ -37,7 +37,7 @@ export class UmbLocalizeRelativeTimeElement extends UmbLitElement {
 		return this.localize.relativeTime(this.time, this.unit, this.options);
 	}
 
-	protected render() {
+	override render() {
 		return this.time ? html`${unsafeHTML(this.text)}` : html`<slot></slot>`;
 	}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize.element.ts
index 7720c52e68..98248571fe 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/localization/localize.element.ts
@@ -49,12 +49,12 @@ export class UmbLocalizeElement extends UmbLitElement {
 		return localizedValue;
 	}
 
-	protected render() {
+	override render() {
 		return this.text.trim()
 			? html`${unsafeHTML(this.text)}`
 			: this.debug
-			? html`<span style="color:red">${this.key}</span>`
-			: html`<slot></slot>`;
+				? html`<span style="color:red">${this.key}</span>`
+				: html`<slot></slot>`;
 	}
 
 	static override styles = [
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/section/components/ref-section/ref-section.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/section/components/ref-section/ref-section.element.ts
index 891b730dee..3dcf616fdf 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/section/components/ref-section/ref-section.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/section/components/ref-section/ref-section.element.ts
@@ -8,7 +8,7 @@ export class UmbRefSectionElement extends UmbElementMixin(UUIRefElement) {
 	@property({ type: Object, attribute: false })
 	item?: UmbSectionItemModel;
 
-	public render() {
+	override render() {
 		return html`
 			<div id="info">
 				<div id="name">${this.item?.meta.label ? this.localize.string(this.item.meta.label) : this.item?.name}</div>