@@ -78,25 +79,25 @@ class HassioCardContent extends LitElement {
static get styles(): CSSResult {
return css`
- ha-icon {
+ ha-svg-icon {
margin-right: 24px;
margin-left: 8px;
margin-top: 12px;
float: left;
color: var(--secondary-text-color);
}
- ha-icon.update {
+ ha-svg-icon.update {
color: var(--paper-orange-400);
}
- ha-icon.running,
- ha-icon.installed {
+ ha-svg-icon.running,
+ ha-svg-icon.installed {
color: var(--paper-green-400);
}
- ha-icon.hassupdate,
- ha-icon.snapshot {
+ ha-svg-icon.hassupdate,
+ ha-svg-icon.snapshot {
color: var(--paper-item-icon-color);
}
- ha-icon.not_available {
+ ha-svg-icon.not_available {
color: var(--google-red-500);
}
.title {
diff --git a/hassio/src/dashboard/hassio-addons.ts b/hassio/src/dashboard/hassio-addons.ts
index 595e3b1b0c..1ed58c2435 100644
--- a/hassio/src/dashboard/hassio-addons.ts
+++ b/hassio/src/dashboard/hassio-addons.ts
@@ -1,4 +1,4 @@
-import "@polymer/paper-card/paper-card";
+import { mdiArrowUpBoldCircle, mdiPuzzle } from "@mdi/js";
import {
css,
CSSResult,
@@ -10,6 +10,7 @@ import {
} from "lit-element";
import { atLeastVersion } from "../../../src/common/config/version";
import { navigate } from "../../../src/common/navigate";
+import "../../../src/components/ha-card";
import { HassioAddonInfo } from "../../../src/data/hassio/addon";
import { haStyle } from "../../../src/resources/styles";
import { HomeAssistant } from "../../../src/types";
@@ -29,19 +30,19 @@ class HassioAddons extends LitElement {
${!this.addons
? html`
-
+
You don't have any add-ons installed yet. Head over to
the add-on store
to get started!
+
`
: this.addons
.sort((a, b) => (a.name > b.name ? 1 : -1))
.map(
(addon) => html`
-
+
-
+
`
)}
@@ -88,7 +89,7 @@ class HassioAddons extends LitElement {
haStyle,
hassioStyle,
css`
- paper-card {
+ ha-card {
cursor: pointer;
}
`,
diff --git a/hassio/src/dashboard/hassio-dashboard.ts b/hassio/src/dashboard/hassio-dashboard.ts
index bb1fd6d6c0..836212d9b8 100644
--- a/hassio/src/dashboard/hassio-dashboard.ts
+++ b/hassio/src/dashboard/hassio-dashboard.ts
@@ -12,14 +12,13 @@ import {
HassioHomeAssistantInfo,
HassioSupervisorInfo,
} from "../../../src/data/hassio/supervisor";
+import "../../../src/layouts/hass-tabs-subpage";
import { haStyle } from "../../../src/resources/styles";
import { HomeAssistant, Route } from "../../../src/types";
-import "../../../src/layouts/hass-tabs-subpage";
+import { supervisorTabs } from "../hassio-panel";
import "./hassio-addons";
import "./hassio-update";
-import { supervisorTabs } from "../hassio-panel";
-
@customElement("hassio-dashboard")
class HassioDashboard extends LitElement {
@property({ attribute: false }) public hass!: HomeAssistant;
diff --git a/hassio/src/dashboard/hassio-update.ts b/hassio/src/dashboard/hassio-update.ts
index 719e03cb9c..b3b7e6ad7f 100644
--- a/hassio/src/dashboard/hassio-update.ts
+++ b/hassio/src/dashboard/hassio-update.ts
@@ -1,5 +1,5 @@
import "@material/mwc-button";
-import "@polymer/paper-card/paper-card";
+import { mdiHomeAssistant } from "@mdi/js";
import {
css,
CSSResult,
@@ -10,15 +10,15 @@ import {
TemplateResult,
} from "lit-element";
import "../../../src/components/buttons/ha-call-api-button";
+import "../../../src/components/ha-card";
+import "../../../src/components/ha-svg-icon";
import { HassioHassOSInfo } from "../../../src/data/hassio/host";
import {
HassioHomeAssistantInfo,
HassioSupervisorInfo,
} from "../../../src/data/hassio/supervisor";
import { haStyle } from "../../../src/resources/styles";
-import "../../../src/components/ha-icon";
import { HomeAssistant } from "../../../src/types";
-import "../components/hassio-card-content";
import { hassioStyle } from "../resources/hassio-style";
@customElement("hassio-update")
@@ -72,7 +72,7 @@ export class HassioUpdate extends LitElement {
`https://${
this.hassInfo.version_latest.includes("b") ? "rc" : "www"
}.home-assistant.io/latest-release-notes/`,
- "hassio:home-assistant"
+ mdiHomeAssistant
)}
${this._renderUpdateCard(
"Supervisor",
@@ -107,12 +107,12 @@ export class HassioUpdate extends LitElement {
return html``;
}
return html`
-
+
${icon
? html`
-
+
`
: ""}
@@ -133,7 +133,7 @@ export class HassioUpdate extends LitElement {
Update
+
`;
}
diff --git a/hassio/src/dialogs/markdown/dialog-hassio-markdown.ts b/hassio/src/dialogs/markdown/dialog-hassio-markdown.ts
index 93c2c6c354..947a42f236 100644
--- a/hassio/src/dialogs/markdown/dialog-hassio-markdown.ts
+++ b/hassio/src/dialogs/markdown/dialog-hassio-markdown.ts
@@ -1,7 +1,3 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar";
-import { PaperDialogElement } from "@polymer/paper-dialog";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
-import "../../../../src/components/ha-icon-button";
import {
css,
CSSResult,
@@ -9,46 +5,50 @@ import {
html,
LitElement,
property,
- query,
TemplateResult,
} from "lit-element";
-import "../../../../src/components/dialog/ha-paper-dialog";
+import { createCloseHeading } from "../../../../src/components/ha-dialog";
import "../../../../src/components/ha-markdown";
import { haStyleDialog } from "../../../../src/resources/styles";
+import { HomeAssistant } from "../../../../src/types";
import { hassioStyle } from "../../resources/hassio-style";
import { HassioMarkdownDialogParams } from "./show-dialog-hassio-markdown";
@customElement("dialog-hassio-markdown")
class HassioMarkdownDialog extends LitElement {
+ @property() public hass!: HomeAssistant;
+
@property() public title!: string;
@property() public content!: string;
- @query("#dialog") private _dialog!: PaperDialogElement;
+ @property() private _opened = false;
public showDialog(params: HassioMarkdownDialogParams) {
this.title = params.title;
this.content = params.content;
- this._dialog.open();
+ this._opened = true;
}
protected render(): TemplateResult {
+ if (!this._opened) {
+ return html``;
+ }
return html`
-
-
-
- ${this.title}
-
-
-
-
-
+
+
+
`;
}
+ private _closeDialog(): void {
+ this._opened = false;
+ }
+
static get styles(): CSSResult[] {
return [
haStyleDialog,
diff --git a/hassio/src/dialogs/repositories/dialog-hassio-repositories.ts b/hassio/src/dialogs/repositories/dialog-hassio-repositories.ts
index 23a9a64098..d28a196438 100644
--- a/hassio/src/dialogs/repositories/dialog-hassio-repositories.ts
+++ b/hassio/src/dialogs/repositories/dialog-hassio-repositories.ts
@@ -1,9 +1,11 @@
import "@material/mwc-button/mwc-button";
+import "@material/mwc-icon-button/mwc-icon-button";
+import { mdiDelete } from "@mdi/js";
import "@polymer/paper-input/paper-input";
-import "@polymer/paper-spinner/paper-spinner";
import type { PaperInputElement } from "@polymer/paper-input/paper-input";
import "@polymer/paper-item/paper-item";
import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-spinner/paper-spinner";
import {
css,
CSSResult,
@@ -16,16 +18,14 @@ import {
} from "lit-element";
import memoizeOne from "memoize-one";
import "../../../../src/components/ha-dialog";
-import "../../../../src/components/ha-icon-button";
-
+import "../../../../src/components/ha-svg-icon";
+import {
+ fetchHassioAddonsInfo,
+ HassioAddonRepository,
+} from "../../../../src/data/hassio/addon";
+import { setSupervisorOption } from "../../../../src/data/hassio/supervisor";
import { haStyle, haStyleDialog } from "../../../../src/resources/styles";
import type { HomeAssistant } from "../../../../src/types";
-import {
- HassioAddonRepository,
- fetchHassioAddonsInfo,
-} from "../../../../src/data/hassio/addon";
-
-import { setSupervisorOption } from "../../../../src/data/hassio/supervisor";
import { HassioRepositoryDialogParams } from "./show-dialog-repositories";
@customElement("dialog-hassio-repositories")
@@ -84,12 +84,13 @@ class HassioRepositoriesDialog extends LitElement {
${repo.maintainer}
${repo.url}
-
+ >
+
+
`;
})
diff --git a/hassio/src/dialogs/repositories/show-dialog-repositories.ts b/hassio/src/dialogs/repositories/show-dialog-repositories.ts
index 8485cebd78..773981e7b9 100644
--- a/hassio/src/dialogs/repositories/show-dialog-repositories.ts
+++ b/hassio/src/dialogs/repositories/show-dialog-repositories.ts
@@ -1,6 +1,6 @@
import { fireEvent } from "../../../../src/common/dom/fire_event";
-import "./dialog-hassio-repositories";
import { HassioAddonRepository } from "../../../../src/data/hassio/addon";
+import "./dialog-hassio-repositories";
export interface HassioRepositoryDialogParams {
repos: HassioAddonRepository[];
diff --git a/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts b/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts
index d341c9175a..a33c4ca226 100755
--- a/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts
+++ b/hassio/src/dialogs/snapshot/dialog-hassio-snapshot.ts
@@ -1,10 +1,6 @@
import "@material/mwc-button";
-import "@polymer/app-layout/app-toolbar/app-toolbar";
+import { mdiDelete, mdiDownload, mdiHistory } from "@mdi/js";
import { PaperCheckboxElement } from "@polymer/paper-checkbox/paper-checkbox";
-import { PaperDialogElement } from "@polymer/paper-dialog";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
-import "../../../../src/components/ha-icon-button";
-import "../../../../src/components/ha-icon";
import "@polymer/paper-input/paper-input";
import {
css,
@@ -13,10 +9,10 @@ import {
html,
LitElement,
property,
- query,
TemplateResult,
} from "lit-element";
-import "../../../../src/components/dialog/ha-paper-dialog";
+import { createCloseHeading } from "../../../../src/components/ha-dialog";
+import "../../../../src/components/ha-svg-icon";
import { getSignedPath } from "../../../../src/data/auth";
import {
fetchHassioSnapshotInfo,
@@ -76,7 +72,7 @@ class HassioSnapshotDialog extends LitElement {
@property() private _error?: string;
- @property() private snapshot?: HassioSnapshotDetail;
+ @property() private _snapshot?: HassioSnapshotDetail;
@property() private _folders!: FolderItem[];
@@ -88,49 +84,35 @@ class HassioSnapshotDialog extends LitElement {
@property() private _restoreHass: boolean | null | undefined = true;
- @query("#dialog") private _dialog!: PaperDialogElement;
-
public async showDialog(params: HassioSnapshotDialogParams) {
- this.snapshot = await fetchHassioSnapshotInfo(this.hass, params.slug);
+ this._snapshot = await fetchHassioSnapshotInfo(this.hass, params.slug);
this._folders = _computeFolders(
- this.snapshot.folders
+ this._snapshot.folders
).sort((a: FolderItem, b: FolderItem) => (a.name > b.name ? 1 : -1));
this._addons = _computeAddons(
- this.snapshot.addons
+ this._snapshot.addons
).sort((a: AddonItem, b: AddonItem) => (a.name > b.name ? 1 : -1));
this._dialogParams = params;
-
- try {
- this._dialog.open();
- } catch {
- await this.showDialog(params);
- }
}
protected render(): TemplateResult {
- if (!this.snapshot) {
+ if (!this._dialogParams || !this._snapshot) {
return html``;
}
return html`
-
-
-
- ${this._computeName}
-
- ${this.snapshot.type === "full"
+ ${this._snapshot.type === "full"
? "Full snapshot"
: "Partial snapshot"}
(${this._computeSize})
- ${this._formatDatetime(this.snapshot.date)}
+ ${this._formatDatetime(this._snapshot.date)}
Home Assistant:
- Home Assistant ${this.snapshot.homeassistant}
+ Home Assistant ${this._snapshot.homeassistant}
${this._folders.length
? html`
@@ -183,7 +165,7 @@ class HassioSnapshotDialog extends LitElement {
`
: ""}
- ${this.snapshot.protected
+ ${this._snapshot.protected
? html`
Error: ${this._error} ` : ""}
Actions:
-
-
+
+
+
+ Download Snapshot
+
+
+
+
+ Restore Selected
+
+ ${this._snapshot.type === "full"
+ ? html`
+
+
+ Wipe & restore
+
+ `
+ : ""}
+
+
+ Delete Snapshot
+
+
`;
}
@@ -235,37 +215,10 @@ class HassioSnapshotDialog extends LitElement {
return [
haStyleDialog,
css`
- ha-paper-dialog {
- min-width: 350px;
- font-size: 14px;
- border-radius: 2px;
- }
- app-toolbar {
- margin: 0;
- padding: 0 16px;
- color: var(--primary-text-color);
- background-color: var(--secondary-background-color);
- }
- app-toolbar [main-title] {
- margin-left: 16px;
- }
- ha-paper-dialog-scrollable {
- margin: 0;
- }
paper-checkbox {
display: block;
margin: 4px;
}
- @media all and (max-width: 450px), all and (max-height: 500px) {
- ha-paper-dialog {
- max-height: 100%;
- height: 100%;
- }
- app-toolbar {
- color: var(--text-primary-color);
- background-color: var(--primary-color);
- }
- }
.details {
color: var(--secondary-text-color);
}
@@ -336,7 +289,7 @@ class HassioSnapshotDialog extends LitElement {
folders,
};
- if (this.snapshot!.protected) {
+ if (this._snapshot!.protected) {
data.password = this._snapshotPassword;
}
@@ -344,13 +297,13 @@ class HassioSnapshotDialog extends LitElement {
.callApi(
"POST",
- `hassio/snapshots/${this.snapshot!.slug}/restore/partial`,
+ `hassio/snapshots/${this._snapshot!.slug}/restore/partial`,
data
)
.then(
() => {
alert("Snapshot restored!");
- this._dialog.close();
+ this._closeDialog();
},
(error) => {
this._error = error.body.message;
@@ -363,20 +316,20 @@ class HassioSnapshotDialog extends LitElement {
return;
}
- const data = this.snapshot!.protected
+ const data = this._snapshot!.protected
? { password: this._snapshotPassword }
: undefined;
this.hass
.callApi(
"POST",
- `hassio/snapshots/${this.snapshot!.slug}/restore/full`,
+ `hassio/snapshots/${this._snapshot!.slug}/restore/full`,
data
)
.then(
() => {
alert("Snapshot restored!");
- this._dialog.close();
+ this._closeDialog();
},
(error) => {
this._error = error.body.message;
@@ -391,11 +344,11 @@ class HassioSnapshotDialog extends LitElement {
this.hass
- .callApi("POST", `hassio/snapshots/${this.snapshot!.slug}/remove`)
+ .callApi("POST", `hassio/snapshots/${this._snapshot!.slug}/remove`)
.then(
() => {
- this._dialog.close();
this._dialogParams!.onDelete();
+ this._closeDialog();
},
(error) => {
this._error = error.body.message;
@@ -408,7 +361,7 @@ class HassioSnapshotDialog extends LitElement {
try {
signedPath = await getSignedPath(
this.hass,
- `/api/hassio/snapshots/${this.snapshot!.slug}/download`
+ `/api/hassio/snapshots/${this._snapshot!.slug}/download`
);
} catch (err) {
alert(`Error: ${err.message}`);
@@ -419,19 +372,19 @@ class HassioSnapshotDialog extends LitElement {
const a = document.createElement("a");
a.href = signedPath.path;
a.download = `Hass_io_${name}.tar`;
- this._dialog.appendChild(a);
+ this.shadowRoot!.appendChild(a);
a.click();
- this._dialog.removeChild(a);
+ this.shadowRoot!.removeChild(a);
}
private get _computeName() {
- return this.snapshot
- ? this.snapshot.name || this.snapshot.slug
+ return this._snapshot
+ ? this._snapshot.name || this._snapshot.slug
: "Unnamed snapshot";
}
private get _computeSize() {
- return Math.ceil(this.snapshot!.size * 10) / 10 + " MB";
+ return Math.ceil(this._snapshot!.size * 10) / 10 + " MB";
}
private _formatDatetime(datetime) {
@@ -445,9 +398,9 @@ class HassioSnapshotDialog extends LitElement {
});
}
- private _dialogClosed() {
+ private _closeDialog() {
this._dialogParams = undefined;
- this.snapshot = undefined;
+ this._snapshot = undefined;
this._snapshotPassword = "";
this._folders = [];
this._addons = [];
diff --git a/hassio/src/dialogs/suggestAddonRestart.ts b/hassio/src/dialogs/suggestAddonRestart.ts
index dc6fe6c3b4..2af4f31fa4 100644
--- a/hassio/src/dialogs/suggestAddonRestart.ts
+++ b/hassio/src/dialogs/suggestAddonRestart.ts
@@ -3,11 +3,11 @@ import {
HassioAddonDetails,
restartHassioAddon,
} from "../../../src/data/hassio/addon";
-import { HomeAssistant } from "../../../src/types";
import {
- showConfirmationDialog,
showAlertDialog,
+ showConfirmationDialog,
} from "../../../src/dialogs/generic/show-dialog-box";
+import { HomeAssistant } from "../../../src/types";
export const suggestAddonRestart = async (
element: LitElement,
diff --git a/hassio/src/hassio-main.ts b/hassio/src/hassio-main.ts
index fae351fa06..1efee0500b 100644
--- a/hassio/src/hassio-main.ts
+++ b/hassio/src/hassio-main.ts
@@ -1,4 +1,3 @@
-import "../../src/components/ha-icon-button";
import { PolymerElement } from "@polymer/polymer";
import { customElement, property, PropertyValues } from "lit-element";
import { applyThemesOnElement } from "../../src/common/dom/apply_themes_on_element";
@@ -34,12 +33,6 @@ import { HomeAssistant } from "../../src/types";
// Don't codesplit it, that way the dashboard always loads fast.
import "./hassio-panel";
-// The register callback of the IronA11yKeysBehavior inside ha-icon-button
-// is not called, causing _keyBindings to be uninitiliazed for ha-icon-button,
-// causing an exception when added to DOM. When transpiled to ES5, this will
-// break the build.
-customElements.get("ha-icon-button").prototype._keyBindings = {};
-
@customElement("hassio-main")
class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
@property() public hass!: HomeAssistant;
diff --git a/hassio/src/hassio-panel.ts b/hassio/src/hassio-panel.ts
index 0d8ed62d18..b5f4770807 100644
--- a/hassio/src/hassio-panel.ts
+++ b/hassio/src/hassio-panel.ts
@@ -1,3 +1,4 @@
+import { mdiBackupRestore, mdiCogs, mdiStore, mdiViewDashboard } from "@mdi/js";
import {
customElement,
html,
@@ -5,37 +6,36 @@ import {
property,
TemplateResult,
} from "lit-element";
-
import { HassioHassOSInfo, HassioHostInfo } from "../../src/data/hassio/host";
import {
HassioHomeAssistantInfo,
HassioSupervisorInfo,
} from "../../src/data/hassio/supervisor";
+import type { PageNavigation } from "../../src/layouts/hass-tabs-subpage";
import "../../src/resources/ha-style";
import { HomeAssistant, Route } from "../../src/types";
import "./hassio-panel-router";
-import type { PageNavigation } from "../../src/layouts/hass-tabs-subpage";
export const supervisorTabs: PageNavigation[] = [
{
name: "Dashboard",
path: `/hassio/dashboard`,
- icon: "hassio:view-dashboard",
+ iconPath: mdiViewDashboard,
},
{
name: "Add-on store",
path: `/hassio/store`,
- icon: "hassio:store",
+ iconPath: mdiStore,
},
{
name: "Snapshots",
path: `/hassio/snapshots`,
- icon: "hassio:backup-restore",
+ iconPath: mdiBackupRestore,
},
{
name: "System",
path: `/hassio/system`,
- icon: "hassio:cogs",
+ iconPath: mdiCogs,
},
];
diff --git a/hassio/src/ingress-view/hassio-ingress-view.ts b/hassio/src/ingress-view/hassio-ingress-view.ts
index 639b0132ac..a064f69a54 100644
--- a/hassio/src/ingress-view/hassio-ingress-view.ts
+++ b/hassio/src/ingress-view/hassio-ingress-view.ts
@@ -86,9 +86,6 @@ class HassioIngressView extends LitElement {
height: 100%;
border: 0;
}
- ha-icon-button {
- color: var(--text-primary-color);
- }
`;
}
}
diff --git a/hassio/src/snapshots/hassio-snapshots.ts b/hassio/src/snapshots/hassio-snapshots.ts
index fea4a42fcf..90f1004bb1 100644
--- a/hassio/src/snapshots/hassio-snapshots.ts
+++ b/hassio/src/snapshots/hassio-snapshots.ts
@@ -1,5 +1,6 @@
import "@material/mwc-button";
-import "@polymer/paper-card/paper-card";
+import "@material/mwc-icon-button";
+import { mdiPackageVariant, mdiPackageVariantClosed, mdiReload } from "@mdi/js";
import "@polymer/paper-checkbox/paper-checkbox";
import type { PaperCheckboxElement } from "@polymer/paper-checkbox/paper-checkbox";
import "@polymer/paper-input/paper-input";
@@ -18,6 +19,8 @@ import {
TemplateResult,
} from "lit-element";
import { fireEvent } from "../../../src/common/dom/fire_event";
+import "../../../src/components/ha-card";
+import "../../../src/components/ha-svg-icon";
import {
createHassioFullSnapshot,
createHassioPartialSnapshot,
@@ -28,15 +31,14 @@ import {
reloadHassioSnapshots,
} from "../../../src/data/hassio/snapshot";
import { HassioSupervisorInfo } from "../../../src/data/hassio/supervisor";
+import "../../../src/layouts/hass-tabs-subpage";
import { PolymerChangedEvent } from "../../../src/polymer-types";
import { haStyle } from "../../../src/resources/styles";
import { HomeAssistant, Route } from "../../../src/types";
-import "../../../src/layouts/hass-tabs-subpage";
import "../components/hassio-card-content";
import { showHassioSnapshotDialog } from "../dialogs/snapshot/show-dialog-hassio-snapshot";
-import { hassioStyle } from "../resources/hassio-style";
-
import { supervisorTabs } from "../hassio-panel";
+import { hassioStyle } from "../resources/hassio-style";
interface CheckboxItem {
slug: string;
@@ -98,12 +100,13 @@ class HassioSnapshots extends LitElement {
>
Snapshots
-
+ >
+
+
@@ -114,7 +117,7 @@ class HassioSnapshots extends LitElement {
Home Assistant instance.
Available snapshots
@@ -204,15 +207,15 @@ class HassioSnapshots extends LitElement {
? undefined
: this._snapshots.length === 0
? html`
-
+
You don't have any snapshots yet.
-
+
`
: this._snapshots.map(
(snapshot) => html`
-
-
+
`
)}
diff --git a/hassio/src/system/hassio-host-info.ts b/hassio/src/system/hassio-host-info.ts
index 8dabf137b8..0573d150b3 100644
--- a/hassio/src/system/hassio-host-info.ts
+++ b/hassio/src/system/hassio-host-info.ts
@@ -1,5 +1,4 @@
import "@material/mwc-button";
-import "@polymer/paper-card/paper-card";
import {
css,
CSSResult,
@@ -12,23 +11,23 @@ import {
import "../../../src/components/buttons/ha-call-api-button";
import { fetchHassioHardwareInfo } from "../../../src/data/hassio/hardware";
import {
+ changeHostOptions,
fetchHassioHostInfo,
HassioHassOSInfo,
HassioHostInfo as HassioHostInfoType,
rebootHost,
shutdownHost,
updateOS,
- changeHostOptions,
} from "../../../src/data/hassio/host";
+import {
+ showAlertDialog,
+ showConfirmationDialog,
+ showPromptDialog,
+} from "../../../src/dialogs/generic/show-dialog-box";
import { haStyle } from "../../../src/resources/styles";
import { HomeAssistant } from "../../../src/types";
import { showHassioMarkdownDialog } from "../dialogs/markdown/show-dialog-hassio-markdown";
import { hassioStyle } from "../resources/hassio-style";
-import {
- showConfirmationDialog,
- showAlertDialog,
- showPromptDialog,
-} from "../../../src/dialogs/generic/show-dialog-box";
@customElement("hassio-host-info")
class HassioHostInfo extends LitElement {
@@ -42,7 +41,7 @@ class HassioHostInfo extends LitElement {
public render(): TemplateResult | void {
return html`
-