override render

Author: nielslyngsoe

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"

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;
 	}
 

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>`;
 	}
 

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>`;
 	}
 

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>`;
 	}
 

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 = [

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>