render override declarations

Author: nielslyngsoe

.storybook/preview.js

@@ -55,7 +55,7 @@ class UmbStoryBookElement extends UmbLitElement {
 		});
 	}
 
-	render() {
+	override render() {
 		return html`<slot></slot>
 			<umb-backoffice-modal-container></umb-backoffice-modal-container>
 			<umb-backoffice-notification-container></umb-backoffice-notification-container>`;

README.md

@@ -18,7 +18,7 @@ export class ExampleDatasetDashboard extends UmbElementMixin(LitElement) {
 		this.requestUpdate('data', oldValue);
 	}
 
-	render() {
+	override render() {
 		return html`
 			<uui-box class="uui-text">
 				<h1 class="uui-h2" style="margin-top: var(--uui-size-layout-1);">Dataset Example</h1>

examples/dashboard-with-property-dataset/dataset-dashboard.ts

@@ -38,7 +38,7 @@ export class ExampleManifestPickerDashboard extends UmbLitElement {
 		this._selectedManifest = selectedManifest?.value ?? '';
 	}
 
-	render() {
+	override render() {
 		return html`
 			<uui-box>
 				<umb-property-layout label="Select a extension type...">

examples/manifest-picker/manifest-picker-dashboard.ts

@@ -53,7 +53,7 @@ export class ExampleSorterDashboard extends UmbElementMixin(LitElement) {
 		},
 	];
 
-	render() {
+	override render() {
 		return html`
 			<uui-box class="uui-text">
 				<div class="outer-wrapper">

examples/sorter-with-nested-containers/sorter-dashboard.ts

@@ -50,7 +50,7 @@ export class ExampleSorterGroup extends UmbElementMixin(LitElement) {
 		this.value = this.value.filter((r) => r.name !== item.name);
 	};
 
-	render() {
+	override render() {
 		return html`
 			<div class="sorter-container">
 				${repeat(

examples/sorter-with-nested-containers/sorter-group.ts

@@ -12,7 +12,7 @@ export class ExampleSorterItem extends UmbElementMixin(LitElement) {
 	@property({ type: Boolean, reflect: true, attribute: 'drag-placeholder' })
 	umbDragPlaceholder = false;
 
-	render() {
+	override render() {
 		return html`
 			<div>
 				${this.name}

examples/sorter-with-nested-containers/sorter-item.ts

@@ -36,7 +36,7 @@ export class ExampleSorterDashboard extends UmbElementMixin(LitElement) {
 		},
 	];
 
-	render() {
+	override render() {
 		return html`
 			<uui-box class="uui-text">
 				<div class="outer-wrapper">

examples/sorter-with-two-containers/sorter-dashboard.ts

@@ -48,7 +48,7 @@ export class ExampleSorterGroup extends UmbElementMixin(LitElement) {
 		this.#sorter.setModel(this._items);
 	};
 
-	render() {
+	override render() {
 		return html`
 			<div class="sorter-container">
 				${repeat(

examples/sorter-with-two-containers/sorter-group.ts

@@ -12,7 +12,7 @@ export class ExampleSorterItem extends UmbElementMixin(LitElement) {
 	@property({ type: Boolean, reflect: true, attribute: 'drag-placeholder' })
 	umbDragPlaceholder = false;
 
-	render() {
+	override render() {
 		return html`
 			<div>
 				${this.name}