Initialize boolean properties (#19445)

hassio/src/addon-store/hassio-addon-store.ts

@@ -56,7 +56,7 @@ export class HassioAddonStore extends LitElement {
 
   @property({ attribute: false }) public supervisor!: Supervisor;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

hassio/src/addon-view/hassio-addon-dashboard.ts

@@ -51,7 +51,7 @@ class HassioAddonDashboard extends LitElement {
     | HassioAddonDetails
     | StoreAddonDetails;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _error?: string;
 

hassio/src/addon-view/info/hassio-addon-info-tab.ts

@@ -10,7 +10,7 @@ import "./hassio-addon-info";
 
 @customElement("hassio-addon-info-tab")
 class HassioAddonInfoDashboard extends LitElement {
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

hassio/src/addon-view/info/hassio-addon-info.ts

@@ -99,7 +99,7 @@ const RATING_ICON = {
 
 @customElement("hassio-addon-info")
 class HassioAddonInfo extends LitElement {
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

hassio/src/backups/hassio-backups.ts

@@ -61,9 +61,9 @@ export class HassioBackups extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @state() private _selectedBackups: string[] = [];
 

hassio/src/dashboard/hassio-addons.ts

@@ -20,7 +20,7 @@ class HassioAddons extends LitElement {
 
   @property({ attribute: false }) public supervisor!: Supervisor;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _filter?: string;
 

hassio/src/dashboard/hassio-dashboard.ts

@@ -21,7 +21,7 @@ class HassioDashboard extends LitElement {
 
   @property({ attribute: false }) public supervisor!: Supervisor;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

hassio/src/hassio-main.ts

@@ -21,7 +21,7 @@ export class HassioMain extends SupervisorBaseElement {
 
   @property({ attribute: false }) public panel!: HassioPanelInfo;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   protected firstUpdated(changedProps: PropertyValues) {
     super.firstUpdated(changedProps);

hassio/src/hassio-panel-router.ts

@@ -16,7 +16,7 @@ class HassioPanelRouter extends HassRouterPage {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   protected routerOptions: RouterOptions = {
     beforeRender: (page: string) =>

hassio/src/hassio-panel.ts

@@ -14,7 +14,7 @@ class HassioPanel extends LitElement {
 
   @property({ attribute: false }) public supervisor!: Supervisor;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

hassio/src/hassio-router.ts

@@ -18,7 +18,7 @@ class HassioRouter extends HassRouterPage {
 
   @property({ attribute: false }) public panel!: HassioPanelInfo;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   protected routerOptions: RouterOptions = {
     // Hass.io has a page with tabs, so we route all non-matching routes to it.

hassio/src/system/hassio-system.ts

@@ -18,7 +18,7 @@ class HassioSystem extends LitElement {
 
   @property({ attribute: false }) public supervisor!: Supervisor;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

hassio/src/update-available/update-available-card.ts

@@ -94,7 +94,7 @@ class UpdateAvailableCard extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public addonSlug?: string;
 

hassio/src/update-available/update-available-dashboard.ts

@@ -11,7 +11,7 @@ class UpdateAvailableDashboard extends LitElement {
 
   @property({ attribute: false }) public supervisor!: Supervisor;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/components/device/ha-device-picker.ts

@@ -88,9 +88,9 @@ export class HaDevicePicker extends LitElement {
 
   @property() public entityFilter?: HaDevicePickerEntityFilterFunc;
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
-  @property({ type: Boolean }) public required?: boolean;
+  @property({ type: Boolean }) public required = false;
 
   @state() private _opened?: boolean;
 

src/components/device/ha-devices-picker.ts

@@ -16,9 +16,9 @@ class HaDevicesPicker extends LitElement {
 
   @property() public helper?: string;
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
-  @property({ type: Boolean }) public required?: boolean;
+  @property({ type: Boolean }) public required = false;
 
   /**
    * Show entities from specific domains.

src/components/entity/ha-entities-picker.ts

@@ -14,9 +14,9 @@ class HaEntitiesPickerLight extends LitElement {
 
   @property({ type: Array }) public value?: string[];
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
-  @property({ type: Boolean }) public required?: boolean;
+  @property({ type: Boolean }) public required = false;
 
   @property() public helper?: string;
 

src/components/entity/ha-entity-picker.ts

@@ -41,9 +41,9 @@ export class HaEntityPicker extends LitElement {
 
   @property({ type: Boolean }) public autofocus = false;
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
-  @property({ type: Boolean }) public required?: boolean;
+  @property({ type: Boolean }) public required = false;
 
   @property({ type: Boolean, attribute: "allow-custom-entity" })
   public allowCustomEntity;

src/components/entity/ha-statistic-picker.ts

@@ -44,7 +44,7 @@ export class HaStatisticPicker extends LitElement {
 
   @property({ type: Array }) public statisticIds?: StatisticsMetaData[];
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
   /**
    * Show only statistics natively stored with these units of measurements.

src/components/entity/state-badge.ts

@@ -32,7 +32,7 @@ export class StateBadge extends LitElement {
 
   @property() public overrideImage?: string;
 
-  @property({ type: Boolean }) public stateColor?: boolean;
+  @property({ type: Boolean }) public stateColor = false;
 
   @property() public color?: string;
 

src/components/ha-area-picker.ts

@@ -92,9 +92,9 @@ export class HaAreaPicker extends LitElement {
 
   @property() public entityFilter?: (entity: HassEntity) => boolean;
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
-  @property({ type: Boolean }) public required?: boolean;
+  @property({ type: Boolean }) public required = false;
 
   @state() private _opened?: boolean;
 

src/components/ha-areas-picker.ts

@@ -56,9 +56,9 @@ export class HaAreasPicker extends SubscribeMixin(LitElement) {
   @property({ attribute: "pick-area-label" })
   public pickAreaLabel?: string;
 
-  @property({ type: Boolean }) public disabled?: boolean;
+  @property({ type: Boolean }) public disabled = false;
 
-  @property({ type: Boolean }) public required?: boolean;
+  @property({ type: Boolean }) public required = false;
 
   protected render() {
     if (!this.hass) {

src/components/ha-date-input.ts

@@ -50,7 +50,7 @@ export class HaDateInput extends LitElement {
 
   @property() public helper?: string;
 
-  @property({ type: Boolean }) public canClear?: boolean;
+  @property({ type: Boolean }) public canClear = false;
 
   render() {
     return html`<ha-textfield

src/components/ha-gauge.ts

@@ -33,7 +33,7 @@ export class HaGauge extends LitElement {
 
   @property() public locale!: FrontendLocaleData;
 
-  @property({ type: Boolean }) public needle?: boolean;
+  @property({ type: Boolean }) public needle = false;
 
   @property() public levels?: LevelDefinition[];
 

src/components/ha-navigation-list.ts

@@ -13,7 +13,7 @@ import "./ha-svg-icon";
 class HaNavigationList extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public pages!: PageNavigation[];
 

src/components/ha-select.ts

@@ -10,9 +10,9 @@ import "./ha-icon-button";
 @customElement("ha-select")
 export class HaSelect extends SelectBase {
   // @ts-ignore
-  @property({ type: Boolean }) public icon?: boolean;
+  @property({ type: Boolean }) public icon = false;
 
-  @property({ type: Boolean, reflect: true }) public clearable?: boolean;
+  @property({ type: Boolean, reflect: true }) public clearable = false;
 
   protected override render() {
     return html`

src/components/ha-service-control.ts

@@ -90,9 +90,9 @@ export class HaServiceControl extends ReorderModeMixin(LitElement) {
 
   @property({ reflect: true, type: Boolean }) public narrow!: boolean;
 
-  @property({ type: Boolean }) public showAdvanced?: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
-  @property({ type: Boolean, reflect: true }) public hidePicker?: boolean;
+  @property({ type: Boolean, reflect: true }) public hidePicker = false;
 
   @state() private _value!: this["value"];
 

src/components/ha-settings-row.ts

@@ -3,7 +3,7 @@ import { customElement, property } from "lit/decorators";
 
 @customElement("ha-settings-row")
 export class HaSettingsRow extends LitElement {
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ type: Boolean, attribute: "three-line" })
   public threeLine = false;

src/components/ha-sidebar.ts

@@ -189,7 +189,7 @@ const computePanels = memoizeOne(
 class HaSidebar extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/components/ha-textfield.ts

@@ -6,15 +6,15 @@ import { mainWindow } from "../common/dom/get_main_window";
 
 @customElement("ha-textfield")
 export class HaTextField extends TextFieldBase {
-  @property({ type: Boolean }) public invalid?: boolean;
+  @property({ type: Boolean }) public invalid = false;
 
   @property({ attribute: "error-message" }) public errorMessage?: string;
 
   // @ts-ignore
-  @property({ type: Boolean }) public icon?: boolean;
+  @property({ type: Boolean }) public icon = false;
 
   // @ts-ignore
-  @property({ type: Boolean }) public iconTrailing?: boolean;
+  @property({ type: Boolean }) public iconTrailing = false;
 
   @property() public autocomplete?: string;
 

src/components/map/ha-locations-editor.ts

@@ -61,7 +61,7 @@ export class HaLocationsEditor extends LitElement {
 
   @property({ type: Number }) public zoom = 16;
 
-  @property({ type: Boolean }) public darkMode?: boolean;
+  @property({ type: Boolean }) public darkMode = false;
 
   @state() private _locationMarkers?: Record<string, Marker | Circle>;
 

src/components/map/ha-map.ts

@@ -58,9 +58,9 @@ export class HaMap extends ReactiveElement {
 
   @property({ type: Boolean }) public interactiveZones = false;
 
-  @property({ type: Boolean }) public fitZones?: boolean;
+  @property({ type: Boolean }) public fitZones = false;
 
-  @property({ type: Boolean }) public darkMode?: boolean;
+  @property({ type: Boolean }) public darkMode = false;
 
   @property({ type: Number }) public zoom = 14;
 

src/components/trace/ha-trace-logbook.ts

@@ -10,7 +10,7 @@ import { TraceExtended } from "../../data/trace";
 export class HaTraceLogbook extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ attribute: false }) public trace!: TraceExtended;
 

src/components/trace/ha-trace-path-details.ts

@@ -35,7 +35,7 @@ const TRACE_PATH_TABS = [
 export class HaTracePathDetails extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ attribute: false }) public trace!: TraceExtended;
 

src/components/trace/hat-graph-branch.ts

@@ -19,7 +19,7 @@ interface BranchConfig {
 export class HatGraphBranch extends LitElement {
   @property({ reflect: true, type: Boolean }) disabled?: boolean;
 
-  @property({ type: Boolean }) selected?: boolean;
+  @property({ type: Boolean }) selected = false;
 
   @property({ type: Boolean }) start = false;
 

src/layouts/home-assistant-main.ts

@@ -40,7 +40,7 @@ export class HomeAssistantMain extends LitElement {
 
   @property({ attribute: false }) public route?: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _sidebarEditMode = false;
 

src/onboarding/integration-badge.ts

@@ -9,7 +9,7 @@ class IntegrationBadge extends LitElement {
 
   @property() public title!: string;
 
-  @property({ type: Boolean }) public darkOptimizedIcon?: boolean;
+  @property({ type: Boolean }) public darkOptimizedIcon = false;
 
   @property({ type: Boolean, reflect: true }) public clickable = false;
 

src/onboarding/onboarding-welcome-links.ts

@@ -21,7 +21,7 @@ class OnboardingWelcomeLinks extends LitElement {
 
   @property() public localize!: LocalizeFunc;
 
-  @property({ type: Boolean }) public mobileApp!: boolean;
+  @property({ type: Boolean }) public mobileApp = false;
 
   protected render(): TemplateResult {
     return html`<a

src/onboarding/onboarding-welcome.ts

@@ -19,7 +19,7 @@ class OnboardingWelcome extends LitElement {
 
   @property() public localize!: LocalizeFunc;
 
-  @property({ type: Boolean }) public supervisor?: boolean;
+  @property({ type: Boolean }) public supervisor = false;
 
   protected render(): TemplateResult {
     return html`

src/panels/config/areas/ha-config-area-page.ts

@@ -65,11 +65,11 @@ class HaConfigAreaPage extends SubscribeMixin(LitElement) {
 
   @property() public areaId!: string;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @state() public _areas!: AreaRegistryEntry[];
 

src/panels/config/automation/ha-automation-picker.ts

@@ -73,9 +73,9 @@ type AutomationItem = AutomationEntity & {
 class HaAutomationPicker extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/automation/ha-automation-trace.ts

@@ -58,9 +58,9 @@ export class HaAutomationTrace extends LitElement {
 
   @property({ attribute: false }) public automations!: AutomationEntity[];
 
-  @property({ type: Boolean }) public isWide?: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/automation/manual-automation-editor.ts

@@ -27,9 +27,9 @@ import "./trigger/ha-automation-trigger";
 export class HaManualAutomationEditor extends ReorderModeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ type: Boolean }) public disabled = false;
 

src/panels/config/backup/ha-config-backup.ts

@@ -39,9 +39,9 @@ import { fileDownload } from "../../../util/file_download";
 class HaConfigBackup extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/blueprint/ha-blueprint-overview.ts

@@ -80,9 +80,9 @@ const createNewFunctions = {
 class HaBlueprintOverview extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/cloud/account/cloud-webhooks.ts

@@ -22,7 +22,7 @@ export class CloudWebhooks extends LitElement {
 
   @property({ attribute: false }) public cloudStatus?: CloudStatusLoggedIn;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _cloudHooks?: {
     [webhookId: string]: CloudWebhook;

src/panels/config/core/ha-config-section-analytics.ts

@@ -10,7 +10,7 @@ class HaConfigSectionAnalytics extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   protected render(): TemplateResult {
     return html`

src/panels/config/core/ha-config-section-general.ts

@@ -34,7 +34,7 @@ import type { HomeAssistant, ValueChangedEvent } from "../../../types";
 class HaConfigSectionGeneral extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _submitting = false;
 

src/panels/config/core/ha-config-section-updates.ts

@@ -34,7 +34,7 @@ import { showJoinBetaDialog } from "./updates/show-dialog-join-beta";
 class HaConfigSectionUpdates extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _showSkipped = false;
 

src/panels/config/core/ha-config-system-navigation.ts

@@ -32,11 +32,11 @@ class HaConfigSystemNavigation extends LitElement {
   @property({ type: Boolean, reflect: true })
   public narrow!: boolean;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property({ attribute: false }) public cloudStatus?: CloudStatus;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @state() private _latestBackupDate?: string;
 

src/panels/config/dashboard/ha-config-navigation.ts

@@ -14,7 +14,7 @@ import type { HomeAssistant } from "../../../types";
 class HaConfigNavigation extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public pages!: PageNavigation[];
 

src/panels/config/dashboard/ha-config-updates.ts

@@ -28,7 +28,7 @@ import type { HomeAssistant } from "../../../types";
 class HaConfigUpdates extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public updateEntities?: UpdateEntity[];
 

src/panels/config/devices/ha-config-device-page.ts

@@ -116,11 +116,11 @@ export class HaConfigDevicePage extends LitElement {
 
   @property() public deviceId!: string;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @state() private _related?: RelatedResult;
 

src/panels/config/energy/ha-config-energy.ts

@@ -35,11 +35,11 @@ const INITIAL_CONFIG: EnergyPreferences = {
 class HaConfigEnergy extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/entities/ha-config-entities.ts

@@ -83,9 +83,9 @@ export interface EntityRow extends StateEntity {
 export class HaConfigEntities extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/hardware/ha-config-hardware.ts

@@ -56,7 +56,7 @@ const DATA_SET_CONFIG = {
 class HaConfigHardware extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _error?: { code: string; message: string };
 

src/panels/config/info/ha-config-info.ts

@@ -88,11 +88,11 @@ const PAGES = [
 class HaConfigInfo extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/integrations/ha-config-integration-page.ts

@@ -110,11 +110,11 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
 
   @property() public domain!: string;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @property() public configEntries?: ConfigEntry[];
 

src/panels/config/integrations/ha-config-integrations-dashboard.ts

@@ -92,7 +92,7 @@ const groupByIntegration = (
 class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ type: Boolean }) public isWide = false;
 

src/panels/config/integrations/ha-config-integrations.ts

@@ -51,7 +51,7 @@ export interface ConfigEntryExtended extends ConfigEntry {
 class HaConfigIntegrations extends SubscribeMixin(HassRouterPage) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ type: Boolean }) public isWide = false;
 

src/panels/config/integrations/integration-panels/matter/matter-config-dashboard.ts

@@ -23,7 +23,7 @@ import { HomeAssistant } from "../../../../../types";
 export class MatterConfigDashboard extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _error?: string;
 

src/panels/config/integrations/integration-panels/mqtt/mqtt-config-panel.ts

@@ -19,7 +19,7 @@ const qosLevel = ["0", "1", "2"];
 export class MQTTConfigPanel extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @storage({
     key: "panel-dev-mqtt-topic-ls",

src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts

@@ -65,7 +65,7 @@ interface ThreadNetwork {
 export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _configEntryId: string | null = null;
 

src/panels/config/integrations/integration-panels/zha/zha-add-devices-page.ts

@@ -27,7 +27,7 @@ class ZHAAddDevicesPage extends LitElement {
 
   @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide?: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property({ attribute: false }) public route?: Route;
 

src/panels/config/integrations/integration-panels/zha/zha-add-group-page.ts

@@ -22,7 +22,7 @@ import type { ZHADeviceEndpointDataTable } from "./zha-device-endpoint-data-tabl
 export class ZHAAddGroupPage extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ type: Array }) public deviceEndpoints: ZHADeviceEndpoint[] = [];
 

src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts

@@ -72,9 +72,9 @@ class ZHAConfigDashboard extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property() public configEntryId?: string;
 

src/panels/config/integrations/integration-panels/zha/zha-device-card.ts

@@ -31,7 +31,7 @@ class ZHADeviceCard extends SubscribeMixin(LitElement) {
 
   @property() public device?: ZHADevice;
 
-  @property({ type: Boolean }) public narrow?: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _entities: EntityRegistryEntry[] = [];
 

src/panels/config/integrations/integration-panels/zha/zha-device-neighbors.ts

@@ -24,7 +24,7 @@ export interface DeviceRowData extends DataTableRowData {
 class ZHADeviceNeighbors extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property() public device: ZHADevice | undefined;
 

src/panels/config/integrations/integration-panels/zha/zha-device-pairing-status-card.ts

@@ -20,7 +20,7 @@ class ZHADevicePairingStatusCard extends LitElement {
 
   @property() public device?: ZHADevice;
 
-  @property({ type: Boolean }) public narrow?: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _showHelp = false;
 

src/panels/config/integrations/integration-panels/zha/zha-group-page.ts

@@ -41,9 +41,9 @@ export class ZHAGroupPage extends LitElement {
 
   @property({ type: Number }) public groupId!: number;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property({ type: Array }) public deviceEndpoints: ZHADeviceEndpoint[] = [];
 

src/panels/config/integrations/integration-panels/zha/zha-groups-dashboard.ts

@@ -36,9 +36,9 @@ export class ZHAGroupsDashboard extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property() public _groups: ZHAGroup[] = [];
 

src/panels/config/integrations/integration-panels/zha/zha-network-visualization-page.ts

@@ -32,9 +32,9 @@ export class ZHANetworkVisualizationPage extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property()
   public zoomedDeviceIdFromURL?: string;

src/panels/config/integrations/integration-panels/zwave_js/zwave_js-config-dashboard.ts

@@ -61,9 +61,9 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property() public configEntryId!: string;
 

src/panels/config/integrations/integration-panels/zwave_js/zwave_js-logs.ts

@@ -25,7 +25,7 @@ class ZWaveJSLogs extends SubscribeMixin(LitElement) {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property() public configEntryId!: string;
 

src/panels/config/integrations/integration-panels/zwave_js/zwave_js-node-config.ts

@@ -71,9 +71,9 @@ class ZWaveJSNodeConfig extends SubscribeMixin(LitElement) {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property() public configEntryId?: string;
 

src/panels/config/integrations/integration-panels/zwave_js/zwave_js-provisioned.ts

@@ -20,7 +20,7 @@ class ZWaveJSProvisioned extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property() public configEntryId!: string;
 

src/panels/config/logs/ha-config-logs.ts

@@ -48,9 +48,9 @@ const logProviders: LogProvider[] = [
 export class HaConfigLogs extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/network/ha-config-section-network.ts

@@ -14,7 +14,7 @@ class HaConfigSectionNetwork extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   protected render(): TemplateResult {
     return html`

src/panels/config/network/supervisor-hostname.ts

@@ -24,7 +24,7 @@ import type { HomeAssistant } from "../../../types";
 export class HassioHostname extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _processing = false;
 

src/panels/config/repairs/ha-config-repairs-dashboard.ts

@@ -26,7 +26,7 @@ import { showSystemInformationDialog } from "./show-system-information-dialog";
 class HaConfigRepairsDashboard extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _repairsIssues: RepairsIssue[] = [];
 

src/panels/config/repairs/ha-config-repairs.ts

@@ -18,7 +18,7 @@ import { showRepairsIssueDialog } from "./show-repair-issue-dialog";
 class HaConfigRepairs extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false })
   public repairsIssues?: RepairsIssue[];

src/panels/config/script/blueprint-script-editor.ts

@@ -24,7 +24,7 @@ import { ReorderModeMixin } from "../../../state/reorder-mode-mixin";
 export class HaBlueprintScriptEditor extends ReorderModeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
   @property({ reflect: true, type: Boolean }) public narrow!: boolean;
 

src/panels/config/script/ha-script-editor.ts

@@ -74,7 +74,7 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
 
   @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public entityRegistry!: EntityRegistryEntry[];
 

src/panels/config/script/ha-script-trace.ts

@@ -49,9 +49,9 @@ export class HaScriptTrace extends LitElement {
 
   @property({ attribute: false }) public scripts!: ScriptEntity[];
 
-  @property({ type: Boolean }) public isWide?: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/script/manual-script-editor.ts

@@ -19,9 +19,9 @@ import type HaScriptFields from "./ha-script-fields";
 export class HaManualScriptEditor extends ReorderModeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ type: Boolean }) public disabled = false;
 

src/panels/config/storage/ha-config-section-storage.ts

@@ -51,7 +51,7 @@ class HaConfigSectionStorage extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _error?: { code: string; message: string };
 

src/panels/config/users/ha-config-users.ts

@@ -30,9 +30,9 @@ import { showUserDetailDialog } from "./show-dialog-user-detail";
 export class HaConfigUsers extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/voice-assistants/assist/ha-config-voice-assistants-assist-devices.ts

@@ -25,7 +25,7 @@ interface AssistDeviceExtra extends AssistDevice {
 class AssistDevicesPage extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _pipelines: Record<string, AssistPipeline> = {};
 

src/panels/config/voice-assistants/debug/assist-debug.ts

@@ -8,7 +8,7 @@ import "./assist-pipeline-run-debug";
 export class AssistDebug extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/voice-assistants/debug/assist-pipeline-debug.ts

@@ -23,7 +23,7 @@ import "./assist-render-pipeline-events";
 export class AssistPipelineDebug extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/config/voice-assistants/debug/assist-pipeline-run-debug.ts

@@ -28,7 +28,7 @@ import "./assist-render-pipeline-run";
 export class AssistPipelineRunDebug extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _pipelineRuns: PipelineRun[] = [];
 

src/panels/config/voice-assistants/expose/expose-assistant-icon.ts

@@ -12,9 +12,9 @@ import "../../../../components/ha-svg-icon";
 export class VoiceAssistantExposeAssistantIcon extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public unsupported!: boolean;
+  @property({ type: Boolean }) public unsupported = false;
 
-  @property({ type: Boolean }) public manual?: boolean;
+  @property({ type: Boolean }) public manual = false;
 
   @property() public assistant?:
     | "conversation"

src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts

@@ -68,9 +68,9 @@ export class VoiceAssistantsExpose extends LitElement {
 
   @property({ attribute: false }) public cloudStatus?: CloudStatus;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 

src/panels/developer-tools/assist/developer-tools-assist.ts

@@ -31,7 +31,7 @@ type SentenceParsingResult = {
 class HaPanelDevAssist extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() supportedLanguages?: string[];
 

src/panels/developer-tools/debug/developer-tools-debug.ts

@@ -10,7 +10,7 @@ import "./ha-debug-connection-row";
 class HaPanelDevDebug extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   protected render() {
     return html`

src/panels/developer-tools/event/developer-tools-event.ts

@@ -15,7 +15,7 @@ import { fireEvent } from "../../../common/dom/fire_event";
 class HaPanelDevEvent extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _eventType: string = "";
 

src/panels/developer-tools/service/developer-tools-service.ts

@@ -34,7 +34,7 @@ import { documentationUrl } from "../../../util/documentation-url";
 class HaPanelDevService extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _uiAvailable = true;
 

src/panels/developer-tools/statistics/developer-tools-statistics.ts

@@ -51,7 +51,7 @@ type DisplayedStatisticData = StatisticData & {
 class HaPanelDevStatistics extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @state() private _data: StatisticData[] = [] as StatisticsMetaData[];
 

src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts

@@ -28,13 +28,13 @@ type ReloadableDomain = Exclude<
 export class DeveloperYamlConfig extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean }) public isWide!: boolean;
+  @property({ type: Boolean }) public isWide = false;
 
-  @property({ type: Boolean }) public narrow!: boolean;
+  @property({ type: Boolean }) public narrow = false;
 
   @property({ attribute: false }) public route!: Route;
 
-  @property({ type: Boolean }) public showAdvanced!: boolean;
+  @property({ type: Boolean }) public showAdvanced = false;
 
   @state() private _validating = false;
 

src/panels/energy/ha-panel-energy.ts

@@ -34,7 +34,7 @@ const ENERGY_LOVELACE_CONFIG: LovelaceConfig = {
 class PanelEnergy extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property({ type: Boolean, reflect: true }) public narrow!: boolean;
+  @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @state() private _viewIndex = 0;