diff --git a/src/components/ha-demo-badge.js b/src/components/ha-demo-badge.js deleted file mode 100644 index 744562a613..0000000000 --- a/src/components/ha-demo-badge.js +++ /dev/null @@ -1,24 +0,0 @@ -import { html } from "@polymer/polymer/lib/utils/html-tag"; -/* eslint-plugin-disable lit */ -import { PolymerElement } from "@polymer/polymer/polymer-element"; -import "./ha-label-badge"; - -class HaDemoBadge extends PolymerElement { - static get template() { - return html` - - - - `; - } -} - -customElements.define("ha-demo-badge", HaDemoBadge); diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts index 70c2806800..5b02f1896c 100644 --- a/src/components/ha-sidebar.ts +++ b/src/components/ha-sidebar.ts @@ -6,7 +6,6 @@ import { mdiMenu, mdiViewDashboard, } from "@mdi/js"; -import "@polymer/app-layout/app-toolbar/app-toolbar"; import "@polymer/paper-item/paper-icon-item"; import type { PaperIconItemElement } from "@polymer/paper-item/paper-icon-item"; import "@polymer/paper-item/paper-item"; @@ -16,6 +15,7 @@ import { CSSResult, eventOptions, html, + customElement, LitElement, property, PropertyValues, @@ -109,9 +109,7 @@ const computePanels = (hass: HomeAssistant): [PanelInfo[], PanelInfo[]] => { return [beforeSpacer, afterSpacer]; }; -/* - * @appliesMixin LocalizeMixin - */ +@customElement("ha-sidebar") class HaSidebar extends LitElement { @property() public hass!: HomeAssistant; @@ -749,5 +747,3 @@ declare global { "ha-sidebar": HaSidebar; } } - -customElements.define("ha-sidebar", HaSidebar); diff --git a/src/layouts/home-assistant-main.ts b/src/layouts/home-assistant-main.ts index 9959397dca..7caed9a7ee 100644 --- a/src/layouts/home-assistant-main.ts +++ b/src/layouts/home-assistant-main.ts @@ -9,6 +9,7 @@ import { html, LitElement, property, + customElement, PropertyValues, TemplateResult, } from "lit-element"; @@ -29,6 +30,7 @@ declare global { } } +@customElement("home-assistant-main") class HomeAssistantMain extends LitElement { @property() public hass!: HomeAssistant; @@ -170,4 +172,8 @@ class HomeAssistantMain extends LitElement { } } -customElements.define("home-assistant-main", HomeAssistantMain); +declare global { + interface HTMLElementTagNameMap { + "home-assistant-main": HomeAssistantMain; + } +} diff --git a/src/layouts/home-assistant.ts b/src/layouts/home-assistant.ts index 3e4f551fff..61a1d365a8 100644 --- a/src/layouts/home-assistant.ts +++ b/src/layouts/home-assistant.ts @@ -1,5 +1,5 @@ import "@polymer/app-route/app-location"; -import { html, property, PropertyValues } from "lit-element"; +import { html, property, PropertyValues, customElement } from "lit-element"; import { navigate } from "../common/navigate"; import { getStorageDefaultPanelUrlPath } from "../data/panel"; import "../resources/custom-card-support"; @@ -12,6 +12,7 @@ import { import "./ha-init-page"; import "./home-assistant-main"; +@customElement("home-assistant") export class HomeAssistantAppEl extends HassElement { @property() private _route?: Route; @@ -138,4 +139,8 @@ export class HomeAssistantAppEl extends HassElement { } } -customElements.define("home-assistant", HomeAssistantAppEl); +declare global { + interface HTMLElementTagNameMap { + "home-assistant": HomeAssistantAppEl; + } +} diff --git a/src/panels/config/entities/show-dialog-entity-editor.ts b/src/panels/config/entities/show-dialog-entity-editor.ts index a45d1e68e0..868bcdd902 100644 --- a/src/panels/config/entities/show-dialog-entity-editor.ts +++ b/src/panels/config/entities/show-dialog-entity-editor.ts @@ -1,6 +1,6 @@ import { fireEvent } from "../../../common/dom/fire_event"; import { EntityRegistryEntry } from "../../../data/entity_registry"; -import { DialogEntityEditor } from "./dialog-entity-editor"; +import type { DialogEntityEditor } from "./dialog-entity-editor"; export interface EntityRegistryDetailDialogParams { entry?: EntityRegistryEntry;