diff --git a/cast/src/launcher/layout/hc-cast.ts b/cast/src/launcher/layout/hc-cast.ts index a63ad71787..859b2cb911 100644 --- a/cast/src/launcher/layout/hc-cast.ts +++ b/cast/src/launcher/layout/hc-cast.ts @@ -39,7 +39,7 @@ class HcCast extends LitElement { @property() private askWrite = false; @property() private lovelaceConfig?: LovelaceConfig | null; - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (this.lovelaceConfig === undefined) { return html` > diff --git a/cast/src/launcher/layout/hc-connect.ts b/cast/src/launcher/layout/hc-connect.ts index a2a56403d1..a2ab3fb179 100644 --- a/cast/src/launcher/layout/hc-connect.ts +++ b/cast/src/launcher/layout/hc-connect.ts @@ -70,7 +70,7 @@ export class HcConnect extends LitElement { @property() private castManager?: CastManager | null; private openDemo = false; - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (this.cannotConnect) { const tokens = loadTokens(); return html` diff --git a/cast/src/launcher/layout/hc-layout.ts b/cast/src/launcher/layout/hc-layout.ts index 5decc615a4..87ec571fe3 100644 --- a/cast/src/launcher/layout/hc-layout.ts +++ b/cast/src/launcher/layout/hc-layout.ts @@ -22,7 +22,7 @@ class HcLayout extends LitElement { @property() public connection?: Connection; @property() public user?: HassUser; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/cast/src/receiver/layout/hc-demo.ts b/cast/src/receiver/layout/hc-demo.ts index 878026e555..4b597d6e1f 100644 --- a/cast/src/receiver/layout/hc-demo.ts +++ b/cast/src/receiver/layout/hc-demo.ts @@ -16,7 +16,7 @@ class HcDemo extends HassElement { @property() public lovelacePath!: string; @property() private _lovelaceConfig?: LovelaceConfig; - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this._lovelaceConfig) { return html``; } diff --git a/cast/src/receiver/layout/hc-launch-screen.ts b/cast/src/receiver/layout/hc-launch-screen.ts index a838ae3e7a..ee2586e391 100644 --- a/cast/src/receiver/layout/hc-launch-screen.ts +++ b/cast/src/receiver/layout/hc-launch-screen.ts @@ -14,7 +14,7 @@ class HcLaunchScreen extends LitElement { @property() public hass?: HomeAssistant; @property() public error?: string; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/demo/src/custom-cards/cast-demo-row.ts b/demo/src/custom-cards/cast-demo-row.ts index 418a5cda02..4a19eaf373 100644 --- a/demo/src/custom-cards/cast-demo-row.ts +++ b/demo/src/custom-cards/cast-demo-row.ts @@ -27,7 +27,7 @@ class CastDemoRow extends LitElement implements LovelaceRow { // No config possible. } - protected render(): TemplateResult | void { + protected render(): TemplateResult { if ( !this._castManager || this._castManager.castState === "NO_DEVICES_AVAILABLE" diff --git a/gallery/src/demos/demo-util-long-press.ts b/gallery/src/demos/demo-util-long-press.ts index 77cf1e83c0..b1da49043e 100644 --- a/gallery/src/demos/demo-util-long-press.ts +++ b/gallery/src/demos/demo-util-long-press.ts @@ -6,7 +6,7 @@ import { actionHandler } from "../../../src/panels/lovelace/common/directives/ac import { ActionHandlerEvent } from "../../../src/data/lovelace"; export class DemoUtilLongPress extends LitElement { - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html` ${this.renderStyle()} ${[1, 2, 3].map( diff --git a/hassio/src/addon-store/hassio-addon-repository.ts b/hassio/src/addon-store/hassio-addon-repository.ts index 4306ad64e4..722697ecd2 100644 --- a/hassio/src/addon-store/hassio-addon-repository.ts +++ b/hassio/src/addon-store/hassio-addon-repository.ts @@ -36,7 +36,7 @@ class HassioAddonRepositoryEl extends LitElement { } ); - protected render(): TemplateResult | void { + protected render(): TemplateResult { const repo = this.repo; const addons = this._getAddons(this.addons, this.filter); diff --git a/hassio/src/addon-store/hassio-addon-store.ts b/hassio/src/addon-store/hassio-addon-store.ts index cd40930a6b..628ef2bef9 100644 --- a/hassio/src/addon-store/hassio-addon-store.ts +++ b/hassio/src/addon-store/hassio-addon-store.ts @@ -48,7 +48,7 @@ class HassioAddonStore extends LitElement { await this._loadData(); } - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this._addons || !this._repos) { return html` diff --git a/hassio/src/addon-store/hassio-repositories-editor.ts b/hassio/src/addon-store/hassio-repositories-editor.ts index 4f672a2b63..5110a77c45 100644 --- a/hassio/src/addon-store/hassio-repositories-editor.ts +++ b/hassio/src/addon-store/hassio-repositories-editor.ts @@ -33,7 +33,7 @@ class HassioRepositoriesEditor extends LitElement { .sort((a, b) => (a.name < b.name ? -1 : 1)) ); - protected render(): TemplateResult | void { + protected render(): TemplateResult { const repos = this._sortedRepos(this.repos); return html`
diff --git a/hassio/src/addon-view/hassio-addon-audio.ts b/hassio/src/addon-view/hassio-addon-audio.ts index 50b962a0d8..c0718a4c9a 100644 --- a/hassio/src/addon-view/hassio-addon-audio.ts +++ b/hassio/src/addon-view/hassio-addon-audio.ts @@ -39,7 +39,7 @@ class HassioAddonAudio extends LitElement { @property() private _selectedInput!: null | string; @property() private _selectedOutput!: null | string; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/hassio/src/addon-view/hassio-addon-config.ts b/hassio/src/addon-view/hassio-addon-config.ts index cf066c60f3..5d36267a81 100644 --- a/hassio/src/addon-view/hassio-addon-config.ts +++ b/hassio/src/addon-view/hassio-addon-config.ts @@ -31,7 +31,7 @@ class HassioAddonConfig extends LitElement { @property() private _config!: string; @property({ type: Boolean }) private _configHasChanged = false; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/hassio/src/addon-view/hassio-addon-info.ts b/hassio/src/addon-view/hassio-addon-info.ts index 57bd50002d..caeae8ac06 100644 --- a/hassio/src/addon-view/hassio-addon-info.ts +++ b/hassio/src/addon-view/hassio-addon-info.ts @@ -95,7 +95,7 @@ class HassioAddonInfo extends LitElement { @property() public addon!: HassioAddonDetails; @property() private _error?: string; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html` ${ this._computeUpdateAvailable diff --git a/hassio/src/addon-view/hassio-addon-logs.ts b/hassio/src/addon-view/hassio-addon-logs.ts index bc27cf4a49..0f568df2c7 100644 --- a/hassio/src/addon-view/hassio-addon-logs.ts +++ b/hassio/src/addon-view/hassio-addon-logs.ts @@ -31,7 +31,7 @@ class HassioAddonLogs extends LitElement { await this._loadData(); } - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html` ${this._error diff --git a/hassio/src/addon-view/hassio-addon-network.ts b/hassio/src/addon-view/hassio-addon-network.ts index 46184ebd6a..2ad9e008a7 100644 --- a/hassio/src/addon-view/hassio-addon-network.ts +++ b/hassio/src/addon-view/hassio-addon-network.ts @@ -44,7 +44,7 @@ class HassioAddonNetwork extends LitElement { this._setNetworkConfig(); } - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this._config) { return html``; } diff --git a/hassio/src/addon-view/hassio-addon-view.ts b/hassio/src/addon-view/hassio-addon-view.ts index 59ad709d5b..4f5b2cfd70 100644 --- a/hassio/src/addon-view/hassio-addon-view.ts +++ b/hassio/src/addon-view/hassio-addon-view.ts @@ -33,7 +33,7 @@ class HassioAddonView extends LitElement { @property() public route!: Route; @property() public addon?: HassioAddonDetails; - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this.addon) { return html` diff --git a/hassio/src/components/hassio-card-content.ts b/hassio/src/components/hassio-card-content.ts index 3e9de6c253..ad13904c20 100644 --- a/hassio/src/components/hassio-card-content.ts +++ b/hassio/src/components/hassio-card-content.ts @@ -23,7 +23,7 @@ class HassioCardContent extends LitElement { @property() public iconClass?: string; @property() public icon = "hass:help-circle"; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
Add-ons
diff --git a/hassio/src/dashboard/hassio-dashboard.ts b/hassio/src/dashboard/hassio-dashboard.ts index 2100039ffe..a1db26663a 100644 --- a/hassio/src/dashboard/hassio-dashboard.ts +++ b/hassio/src/dashboard/hassio-dashboard.ts @@ -24,7 +24,7 @@ class HassioDashboard extends LitElement { @property() public hassInfo!: HassioHomeAssistantInfo; @property() public hassOsInfo!: HassioHassOSInfo; - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts b/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts index a54782ac57..56baec7e8c 100755 --- a/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts +++ b/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts @@ -102,7 +102,7 @@ class HassioSnapshotDialog extends LitElement { } } - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this.snapshot) { return html``; } diff --git a/hassio/src/hassio-pages-with-tabs.ts b/hassio/src/hassio-pages-with-tabs.ts index 0e40851be0..9bb5eca5cd 100644 --- a/hassio/src/hassio-pages-with-tabs.ts +++ b/hassio/src/hassio-pages-with-tabs.ts @@ -41,7 +41,7 @@ class HassioPagesWithTabs extends LitElement { @property() public hassInfo!: HassioHomeAssistantInfo; @property() public hassOsInfo!: HassioHassOSInfo; - protected render(): TemplateResult | void { + protected render(): TemplateResult { const page = this._page; return html` diff --git a/hassio/src/ingress-view/hassio-ingress-view.ts b/hassio/src/ingress-view/hassio-ingress-view.ts index 1b42b46944..a9ccf349f1 100644 --- a/hassio/src/ingress-view/hassio-ingress-view.ts +++ b/hassio/src/ingress-view/hassio-ingress-view.ts @@ -23,7 +23,7 @@ class HassioIngressView extends LitElement { @property() public route!: Route; @property() private _addon?: HassioAddonDetails; - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this._addon) { return html` diff --git a/hassio/src/snapshots/hassio-snapshots.ts b/hassio/src/snapshots/hassio-snapshots.ts index da968d7319..db8d047cd7 100644 --- a/hassio/src/snapshots/hassio-snapshots.ts +++ b/hassio/src/snapshots/hassio-snapshots.ts @@ -76,7 +76,7 @@ class HassioSnapshots extends LitElement { await this._updateSnapshots(); } - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/src/cards/ha-badges-card.ts b/src/cards/ha-badges-card.ts index 7e12681456..33e54d9e50 100644 --- a/src/cards/ha-badges-card.ts +++ b/src/cards/ha-badges-card.ts @@ -12,7 +12,7 @@ class HaBadgesCard extends LitElement { @property() public hass?: HomeAssistant; @property() public states?: HassEntity[]; - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this.hass || !this.states) { return html``; } diff --git a/src/common/search/search-input.ts b/src/common/search/search-input.ts index 2c3e772c42..b1654a3fe6 100644 --- a/src/common/search/search-input.ts +++ b/src/common/search/search-input.ts @@ -20,7 +20,7 @@ class SearchInput extends LitElement { this.shadowRoot!.querySelector("paper-input")!.focus(); } - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
diff --git a/src/components/entity/ha-state-label-badge.ts b/src/components/entity/ha-state-label-badge.ts index 33f7e1e5c1..ce8a4c6344 100644 --- a/src/components/entity/ha-state-label-badge.ts +++ b/src/components/entity/ha-state-label-badge.ts @@ -52,7 +52,7 @@ export class HaStateLabelBadge extends LitElement { this.clearInterval(); } - protected render(): TemplateResult | void { + protected render(): TemplateResult { const state = this.state; if (!state) { diff --git a/src/components/entity/state-badge.ts b/src/components/entity/state-badge.ts index b01ea63f34..172c56261b 100644 --- a/src/components/entity/state-badge.ts +++ b/src/components/entity/state-badge.ts @@ -28,7 +28,7 @@ export class StateBadge extends LitElement { @property({ type: Boolean }) public stateColor?: boolean; @query("ha-icon") private _icon!: HaIcon; - protected render(): TemplateResult | void { + protected render(): TemplateResult { const stateObj = this.stateObj; if (!stateObj) { diff --git a/src/components/ha-area-picker.ts b/src/components/ha-area-picker.ts index a20bcb06d4..5e7e7f992d 100644 --- a/src/components/ha-area-picker.ts +++ b/src/components/ha-area-picker.ts @@ -85,9 +85,9 @@ export class HaAreaPicker extends SubscribeMixin(LitElement) { ]; } - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this._areas) { - return; + return html``; } return html`
diff --git a/src/components/ha-menu-button.ts b/src/components/ha-menu-button.ts index 32a60028ef..1086ca8c87 100644 --- a/src/components/ha-menu-button.ts +++ b/src/components/ha-menu-button.ts @@ -42,7 +42,7 @@ class HaMenuButton extends LitElement { } } - protected render(): TemplateResult | void { + protected render(): TemplateResult { const hasNotifications = (this.narrow || this.hass.dockedSidebar === "always_hidden") && (this._hasNotifications || diff --git a/src/components/ha-related-items.ts b/src/components/ha-related-items.ts index 0039e16575..ab459ce0c4 100644 --- a/src/components/ha-related-items.ts +++ b/src/components/ha-related-items.ts @@ -64,7 +64,7 @@ export class HaRelatedItems extends SubscribeMixin(LitElement) { } } - protected render(): TemplateResult | void { + protected render(): TemplateResult { if (!this._related) { return html``; } diff --git a/src/components/map/ha-location-editor.ts b/src/components/map/ha-location-editor.ts index f032516c6d..f5fc32186f 100644 --- a/src/components/map/ha-location-editor.ts +++ b/src/components/map/ha-location-editor.ts @@ -50,7 +50,7 @@ class LocationEditor extends LitElement { this._ignoreFitToMap = this.location; } - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
`; diff --git a/src/components/map/ha-locations-editor.ts b/src/components/map/ha-locations-editor.ts index 905b2330a0..6eee640fa2 100644 --- a/src/components/map/ha-locations-editor.ts +++ b/src/components/map/ha-locations-editor.ts @@ -90,7 +90,7 @@ export class HaLocationsEditor extends LitElement { } } - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`
`; diff --git a/src/components/user/ha-user-badge.ts b/src/components/user/ha-user-badge.ts index 842b89c4ad..f7685987f6 100644 --- a/src/components/user/ha-user-badge.ts +++ b/src/components/user/ha-user-badge.ts @@ -31,7 +31,7 @@ const computeInitials = (name: string) => { class StateBadge extends LitElement { @property() public user?: User | CurrentUser; - protected render(): TemplateResult | void { + protected render(): TemplateResult { const user = this.user; const initials = user ? computeInitials(user.name) : "?"; return html` diff --git a/src/components/user/ha-user-picker.ts b/src/components/user/ha-user-picker.ts index 817f1fa4c9..b76e8bff7e 100644 --- a/src/components/user/ha-user-picker.ts +++ b/src/components/user/ha-user-picker.ts @@ -34,7 +34,7 @@ class HaUserPicker extends LitElement { .sort((a, b) => compare(a.name, b.name)); }); - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html` ${this.hass.localize( diff --git a/src/dialogs/config-flow/step-flow-create-entry.ts b/src/dialogs/config-flow/step-flow-create-entry.ts index 3666b82298..fe6d1ffeab 100644 --- a/src/dialogs/config-flow/step-flow-create-entry.ts +++ b/src/dialogs/config-flow/step-flow-create-entry.ts @@ -36,7 +36,7 @@ class StepFlowCreateEntry extends LitElement { @property() public devices!: DeviceRegistryEntry[]; - protected render(): TemplateResult | void { + protected render(): TemplateResult { const localize = this.hass.localize; return html` diff --git a/src/dialogs/config-flow/step-flow-external.ts b/src/dialogs/config-flow/step-flow-external.ts index 47cd149705..d2dde40c98 100644 --- a/src/dialogs/config-flow/step-flow-external.ts +++ b/src/dialogs/config-flow/step-flow-external.ts @@ -28,7 +28,7 @@ class StepFlowExternal extends LitElement { @property() private step!: DataEntryFlowStepExternal; - protected render(): TemplateResult | void { + protected render(): TemplateResult { const localize = this.hass.localize; return html` diff --git a/src/dialogs/config-flow/step-flow-form.ts b/src/dialogs/config-flow/step-flow-form.ts index c97c491df5..172cf333a9 100644 --- a/src/dialogs/config-flow/step-flow-form.ts +++ b/src/dialogs/config-flow/step-flow-form.ts @@ -40,7 +40,7 @@ class StepFlowForm extends LitElement { @property() private _errorMsg?: string; - protected render(): TemplateResult | void { + protected render(): TemplateResult { const step = this.step; const stepData = this._stepDataProcessed; diff --git a/src/dialogs/config-flow/step-flow-loading.ts b/src/dialogs/config-flow/step-flow-loading.ts index aebee5db4a..6df00345ca 100644 --- a/src/dialogs/config-flow/step-flow-loading.ts +++ b/src/dialogs/config-flow/step-flow-loading.ts @@ -10,7 +10,7 @@ import "@polymer/paper-spinner/paper-spinner-lite"; @customElement("step-flow-loading") class StepFlowLoading extends LitElement { - protected render(): TemplateResult | void { + protected render(): TemplateResult { return html`