diff --git a/src/panels/config/integrations/integration-panels/zha/zha-network-visualization-page.ts b/src/panels/config/integrations/integration-panels/zha/zha-network-visualization-page.ts index b42c15fb6b..4584f2e9b7 100644 --- a/src/panels/config/integrations/integration-panels/zha/zha-network-visualization-page.ts +++ b/src/panels/config/integrations/integration-panels/zha/zha-network-visualization-page.ts @@ -9,7 +9,12 @@ import { } from "../../../../../data/zha"; import "../../../../../layouts/hass-tabs-subpage"; import type { HomeAssistant, Route } from "../../../../../types"; -import { Network, Edge, Node, EdgeOptions } from "vis-network/peer"; +import { + Network, + Edge, + Node, + EdgeOptions, +} from "vis-network/peer/esm/vis-network"; import "../../../../../common/search/search-input"; import "../../../../../components/device/ha-device-picker"; import "../../../../../components/ha-button-menu"; @@ -21,6 +26,7 @@ import "../../../../../components/ha-checkbox"; import type { HaCheckbox } from "../../../../../components/ha-checkbox"; import { zhaTabs } from "./zha-config-dashboard"; import { customElement, property, query, state } from "lit/decorators"; +import "../../../../../components/ha-formfield"; @customElement("zha-network-visualization-page") export class ZHANetworkVisualizationPage extends LitElement { @@ -28,7 +34,7 @@ export class ZHANetworkVisualizationPage extends LitElement { @property({ attribute: false }) public route!: Route; - @property({ type: Boolean }) public narrow!: boolean; + @property({ type: Boolean, reflect: true }) public narrow!: boolean; @property({ type: Boolean }) public isWide!: boolean; @@ -67,8 +73,6 @@ export class ZHANetworkVisualizationPage extends LitElement { {}, { autoResize: true, - height: window.innerHeight + "px", - width: window.innerWidth + "px", layout: { improvedLayout: true, }, @@ -135,17 +139,35 @@ export class ZHANetworkVisualizationPage extends LitElement { "ui.panel.config.zha.visualization.header" )} > -