From 6934f0626c7543edbfc619008d87d6bb699c72e8 Mon Sep 17 00:00:00 2001 From: Paul Bottein Date: Fri, 6 Dec 2024 18:39:34 +0100 Subject: [PATCH] Fix boolean attributes (#23189) --- gallery/src/components/demo-card.ts | 3 +- gallery/src/components/demo-more-info.ts | 3 +- hassio/src/backups/hassio-backups.ts | 2 +- hassio/src/components/hassio-card-content.ts | 2 +- .../components/supervisor-backup-content.ts | 5 ++- .../src/ingress-view/hassio-ingress-view.ts | 2 +- src/auth/ha-auth-flow.ts | 2 +- src/components/chart/ha-chart-base.ts | 3 +- .../chart/state-history-chart-line.ts | 12 ++++--- .../chart/state-history-chart-timeline.ts | 5 +-- src/components/chart/state-history-charts.ts | 14 ++++---- src/components/chart/statistics-chart.ts | 14 ++++---- src/components/data-table/ha-data-table.ts | 2 +- src/components/entity/ha-entity-picker.ts | 3 +- src/components/entity/ha-state-label-badge.ts | 2 +- src/components/entity/state-info.ts | 6 ++-- src/components/ha-assist-pipeline-picker.ts | 2 +- src/components/ha-base-time-input.ts | 14 +++++--- src/components/ha-button-toggle-group.ts | 3 +- src/components/ha-clickable-list-item.ts | 5 +-- src/components/ha-country-picker.ts | 2 +- src/components/ha-date-range-picker.ts | 11 +++--- src/components/ha-domain-icon.ts | 3 +- src/components/ha-duration-input.ts | 11 +++--- src/components/ha-filter-domains.ts | 2 +- src/components/ha-filter-integrations.ts | 2 +- src/components/ha-markdown-element.ts | 2 +- src/components/ha-markdown.ts | 2 +- src/components/ha-password-field.ts | 34 ++++++++++++------- .../ha-selector/ha-selector-duration.ts | 4 +-- src/components/ha-service-control.ts | 3 +- src/components/ha-sidebar.ts | 6 ++-- src/components/ha-target-picker.ts | 2 +- src/components/ha-theme-picker.ts | 3 +- .../ha-two-pane-top-app-bar-fixed.ts | 2 +- src/components/map/ha-locations-editor.ts | 2 +- src/components/map/ha-map.ts | 2 +- src/components/trace/ha-timeline.ts | 2 +- src/components/trace/hat-trace-timeline.ts | 2 +- .../more-info/controls/more-info-script.ts | 3 +- src/layouts/hass-tabs-subpage-data-table.ts | 9 ++--- src/onboarding/integration-badge.ts | 4 +-- src/onboarding/onboarding-welcome-links.ts | 3 +- .../calendar/ha-recurrence-rule-editor.ts | 2 +- .../ha-config-application-credentials.ts | 2 +- .../config/areas/ha-config-area-page.ts | 4 +-- .../config/areas/ha-config-areas-dashboard.ts | 2 +- src/panels/config/areas/ha-config-areas.ts | 4 +-- .../add-automation-element-dialog.ts | 2 +- .../ha-automation-condition-editor.ts | 2 +- .../config/automation/ha-automation-editor.ts | 2 +- .../config/automation/ha-automation-picker.ts | 2 +- .../config/automation/ha-automation-trace.ts | 2 +- .../config/automation/ha-config-automation.ts | 4 +-- .../automation/manual-automation-editor.ts | 2 +- src/panels/config/backup/ha-config-backup.ts | 2 +- .../blueprint/blueprint-generic-editor.ts | 2 +- .../config/blueprint/ha-blueprint-overview.ts | 2 +- .../config/blueprint/ha-config-blueprint.ts | 4 +-- .../config/cloud/account/cloud-account.ts | 2 +- src/panels/config/cloud/ha-config-cloud.ts | 2 +- src/panels/config/cloud/login/cloud-login.ts | 2 +- .../config/cloud/register/cloud-register.ts | 2 +- .../core/ha-config-system-navigation.ts | 4 +-- .../config/dashboard/ha-config-dashboard.ts | 4 +-- .../device-detail/ha-device-entities-card.ts | 3 +- .../mqtt/mqtt-discovery-payload.ts | 3 +- .../mqtt/mqtt-messages.ts | 7 ++-- .../config/devices/ha-config-device-page.ts | 4 +-- .../devices/ha-config-devices-dashboard.ts | 2 +- .../config/devices/ha-config-devices.ts | 4 +-- src/panels/config/energy/ha-config-energy.ts | 4 +-- .../config/entities/ha-config-entities.ts | 2 +- src/panels/config/ha-config-section.ts | 2 +- .../config/hardware/ha-config-hardware.ts | 2 +- .../config/helpers/ha-config-helpers.ts | 2 +- src/panels/config/info/ha-config-info.ts | 6 ++-- .../ha-config-integration-page.ts | 4 +-- .../ha-config-integrations-dashboard.ts | 4 +-- .../integrations/ha-config-integrations.ts | 4 +-- .../integrations/ha-integration-card.ts | 2 +- .../integrations/ha-integration-list-item.ts | 3 +- .../matter/matter-config-panel.ts | 2 +- .../zha/zha-add-devices-page.ts | 2 +- .../zha/zha-cluster-commands.ts | 2 +- .../zha/zha-config-dashboard-router.ts | 2 +- .../zha/zha-config-dashboard.ts | 2 +- .../integration-panels/zha/zha-group-page.ts | 2 +- .../zha/zha-groups-dashboard.ts | 2 +- .../zha/zha-manage-clusters.ts | 2 +- .../zha/zha-network-visualization-page.ts | 2 +- .../zwave_js/zwave_js-config-dashboard.ts | 2 +- .../zwave_js/zwave_js-config-router.ts | 2 +- .../zwave_js/zwave_js-node-config.ts | 2 +- .../zwave_js/zwave_js-node-installer.ts | 2 +- src/panels/config/labels/ha-config-labels.ts | 2 +- src/panels/config/logs/ha-config-logs.ts | 2 +- .../ha-config-lovelace-dashboards.ts | 2 +- .../config/lovelace/ha-config-lovelace.ts | 2 +- .../resources/ha-config-lovelace-resources.ts | 2 +- src/panels/config/person/ha-config-person.ts | 2 +- .../repairs/integrations-startup-time.ts | 2 +- src/panels/config/scene/ha-config-scene.ts | 4 +-- src/panels/config/scene/ha-scene-dashboard.ts | 2 +- src/panels/config/scene/ha-scene-editor.ts | 4 +-- src/panels/config/script/ha-config-script.ts | 4 +-- src/panels/config/script/ha-script-editor.ts | 2 +- src/panels/config/script/ha-script-picker.ts | 2 +- src/panels/config/script/ha-script-trace.ts | 2 +- .../config/script/manual-script-editor.ts | 2 +- src/panels/config/tags/ha-config-tags.ts | 2 +- src/panels/config/users/ha-config-users.ts | 2 +- .../ha-config-voice-assistants-assistants.ts | 2 +- .../ha-config-voice-assistants-expose.ts | 2 +- .../ha-config-voice-assistants.ts | 2 +- src/panels/config/zone/ha-config-zone.ts | 2 +- .../developer-yaml-config.ts | 4 +-- src/panels/history/ha-panel-history.ts | 4 +-- src/panels/logbook/ha-logbook.ts | 3 +- src/panels/logbook/ha-panel-logbook.ts | 2 +- .../hui-energy-devices-detail-graph-card.ts | 2 +- .../components/hui-badge-edit-mode.ts | 3 +- .../lovelace/components/hui-card-options.ts | 3 +- .../components/hui-energy-period-selector.ts | 2 +- .../components/hui-generic-entity-row.ts | 3 +- .../editor/hui-entities-card-row-editor.ts | 2 +- .../editor/view-editor/hui-view-editor.ts | 2 +- .../elements/hui-state-badge-element.ts | 2 +- .../lovelace/sections/hui-error-section.ts | 2 +- .../lovelace/sections/hui-grid-section.ts | 10 +++--- src/panels/lovelace/views/hui-masonry-view.ts | 2 +- src/panels/lovelace/views/hui-panel-view.ts | 2 +- .../lovelace/views/hui-sections-view.ts | 2 +- src/panels/lovelace/views/hui-sidebar-view.ts | 2 +- src/panels/profile/ha-change-password-card.ts | 4 +-- src/state-summary/state-card-alert.ts | 2 +- src/state-summary/state-card-button.ts | 2 +- src/state-summary/state-card-climate.ts | 2 +- src/state-summary/state-card-configurator.ts | 2 +- src/state-summary/state-card-cover.ts | 2 +- src/state-summary/state-card-display.ts | 2 +- src/state-summary/state-card-event.ts | 2 +- src/state-summary/state-card-humidifier.ts | 2 +- src/state-summary/state-card-input_button.ts | 2 +- src/state-summary/state-card-input_number.ts | 2 +- src/state-summary/state-card-input_text.ts | 3 +- src/state-summary/state-card-lawn_mower.ts | 2 +- src/state-summary/state-card-lock.ts | 2 +- src/state-summary/state-card-media_player.ts | 2 +- src/state-summary/state-card-number.ts | 2 +- src/state-summary/state-card-scene.ts | 2 +- src/state-summary/state-card-script.ts | 2 +- src/state-summary/state-card-timer.ts | 2 +- src/state-summary/state-card-toggle.ts | 2 +- src/state-summary/state-card-update.ts | 2 +- src/state-summary/state-card-vacuum.ts | 2 +- src/state-summary/state-card-water_heater.ts | 2 +- 157 files changed, 275 insertions(+), 234 deletions(-) diff --git a/gallery/src/components/demo-card.ts b/gallery/src/components/demo-card.ts index 50234d1151..584b32e32f 100644 --- a/gallery/src/components/demo-card.ts +++ b/gallery/src/components/demo-card.ts @@ -18,7 +18,8 @@ class DemoCard extends LitElement { @property({ attribute: false }) public config!: DemoCardConfig; - @property({ attribute: false, type: Boolean }) public showConfig = false; + @property({ attribute: "show-config", type: Boolean }) + public showConfig = false; @state() private _size?: number; diff --git a/gallery/src/components/demo-more-info.ts b/gallery/src/components/demo-more-info.ts index 5e39ab9eac..0b6223531e 100644 --- a/gallery/src/components/demo-more-info.ts +++ b/gallery/src/components/demo-more-info.ts @@ -12,7 +12,8 @@ class DemoMoreInfo extends LitElement { @property({ attribute: false }) public entityId!: string; - @property({ attribute: false, type: Boolean }) public showConfig = false; + @property({ attribute: "show-config", type: Boolean }) + public showConfig = false; render() { const state = this._getState(this.entityId, this.hass.states); diff --git a/hassio/src/backups/hassio-backups.ts b/hassio/src/backups/hassio-backups.ts index 1250e62f88..9a81163941 100644 --- a/hassio/src/backups/hassio-backups.ts +++ b/hassio/src/backups/hassio-backups.ts @@ -58,7 +58,7 @@ export class HassioBackups extends LitElement { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @state() private _selectedBackups: string[] = []; diff --git a/hassio/src/components/hassio-card-content.ts b/hassio/src/components/hassio-card-content.ts index e9f3872e07..8f0b9fc123 100644 --- a/hassio/src/components/hassio-card-content.ts +++ b/hassio/src/components/hassio-card-content.ts @@ -16,7 +16,7 @@ class HassioCardContent extends LitElement { @property({ type: Boolean }) public available = true; - @property({ attribute: false, type: Boolean }) public showTopbar = false; + @property({ attribute: false }) public showTopbar = false; @property({ attribute: false }) public topbarClass?: string; diff --git a/hassio/src/components/supervisor-backup-content.ts b/hassio/src/components/supervisor-backup-content.ts index 03d1667d6a..a4491c3e80 100644 --- a/hassio/src/components/supervisor-backup-content.ts +++ b/hassio/src/components/supervisor-backup-content.ts @@ -80,10 +80,9 @@ export class SupervisorBackupContent extends LitElement { @property({ attribute: false }) public addons?: AddonCheckboxItem[]; - @property({ attribute: false, type: Boolean }) public homeAssistant = false; + @property({ attribute: false }) public homeAssistant = false; - @property({ attribute: false, type: Boolean }) public backupHasPassword = - false; + @property({ attribute: false }) public backupHasPassword = false; @property({ type: Boolean }) public onboarding = false; diff --git a/hassio/src/ingress-view/hassio-ingress-view.ts b/hassio/src/ingress-view/hassio-ingress-view.ts index 98e62b4faf..b969a37b9f 100644 --- a/hassio/src/ingress-view/hassio-ingress-view.ts +++ b/hassio/src/ingress-view/hassio-ingress-view.ts @@ -34,7 +34,7 @@ class HassioIngressView extends LitElement { @property({ attribute: false }) public route!: Route; - @property({ attribute: false, type: Boolean }) public ingressPanel = false; + @property({ attribute: false }) public ingressPanel = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/auth/ha-auth-flow.ts b/src/auth/ha-auth-flow.ts index e12dcda037..2adce4d347 100644 --- a/src/auth/ha-auth-flow.ts +++ b/src/auth/ha-auth-flow.ts @@ -40,7 +40,7 @@ export class HaAuthFlow extends LitElement { @property({ attribute: false }) public step?: DataEntryFlowStep; - @property({ attribute: false, type: Boolean }) public initStoreToken = false; + @property({ attribute: false }) public initStoreToken = false; @state() private _storeToken = false; diff --git a/src/components/chart/ha-chart-base.ts b/src/components/chart/ha-chart-base.ts index d219139741..69cbac9a7b 100644 --- a/src/components/chart/ha-chart-base.ts +++ b/src/components/chart/ha-chart-base.ts @@ -55,7 +55,8 @@ export class HaChartBase extends LitElement { @property({ attribute: false, type: Number }) public paddingYAxis = 0; - @property({ attribute: false, type: Boolean }) public externalHidden = false; + @property({ attribute: "external-hidden", type: Boolean }) + public externalHidden = false; @state() private _chartHeight?: number; diff --git a/src/components/chart/state-history-chart-line.ts b/src/components/chart/state-history-chart-line.ts index 85495c77f3..afa913a4be 100644 --- a/src/components/chart/state-history-chart-line.ts +++ b/src/components/chart/state-history-chart-line.ts @@ -32,9 +32,11 @@ export class StateHistoryChartLine extends LitElement { @property() public identifier?: string; - @property({ attribute: false, type: Boolean }) public showNames = true; + @property({ attribute: "show-names", type: Boolean }) + public showNames = true; - @property({ attribute: false, type: Boolean }) public clickForMoreInfo = true; + @property({ attribute: "click-for-more-info", type: Boolean }) + public clickForMoreInfo = true; @property({ attribute: false }) public startTime!: Date; @@ -44,14 +46,14 @@ export class StateHistoryChartLine extends LitElement { @property({ attribute: false, type: Number }) public chartIndex?; - @property({ attribute: false, type: Boolean }) public logarithmicScale = - false; + @property({ attribute: "logarithmic-scale", type: Boolean }) + public logarithmicScale = false; @property({ attribute: false, type: Number }) public minYAxis?: number; @property({ attribute: false, type: Number }) public maxYAxis?: number; - @property({ attribute: false, type: Boolean }) public fitYData = false; + @property({ attribute: "fit-y-data", type: Boolean }) public fitYData = false; @state() private _chartData?: ChartData<"line">; diff --git a/src/components/chart/state-history-chart-timeline.ts b/src/components/chart/state-history-chart-timeline.ts index f8d19d3cb4..f619bea3b8 100644 --- a/src/components/chart/state-history-chart-timeline.ts +++ b/src/components/chart/state-history-chart-timeline.ts @@ -30,9 +30,10 @@ export class StateHistoryChartTimeline extends LitElement { @property() public identifier?: string; - @property({ attribute: false, type: Boolean }) public showNames = true; + @property({ attribute: "show-names", type: Boolean }) public showNames = true; - @property({ attribute: false, type: Boolean }) public clickForMoreInfo = true; + @property({ attribute: "click-for-more-info", type: Boolean }) + public clickForMoreInfo = true; @property({ type: Boolean }) public chunked = false; diff --git a/src/components/chart/state-history-charts.ts b/src/components/chart/state-history-charts.ts index c701167302..fb4ec0d4d3 100644 --- a/src/components/chart/state-history-charts.ts +++ b/src/components/chart/state-history-charts.ts @@ -61,20 +61,22 @@ export class StateHistoryCharts extends LitElement { @property({ attribute: false, type: Number }) public hoursToShow?: number; - @property({ attribute: false, type: Boolean }) public showNames = true; + @property({ attribute: "show-names", type: Boolean }) public showNames = true; - @property({ attribute: false, type: Boolean }) public clickForMoreInfo = true; + @property({ attribute: "click-for-more-info", type: Boolean }) + public clickForMoreInfo = true; - @property({ attribute: false, type: Boolean }) public isLoadingData = false; + @property({ attribute: "is-loading-data", type: Boolean }) + public isLoadingData = false; - @property({ attribute: false, type: Boolean }) public logarithmicScale = - false; + @property({ attribute: "logarithmic-scale", type: Boolean }) + public logarithmicScale = false; @property({ attribute: false, type: Number }) public minYAxis?: number; @property({ attribute: false, type: Number }) public maxYAxis?: number; - @property({ attribute: false, type: Boolean }) public fitYData = false; + @property({ attribute: "fit-y-data", type: Boolean }) public fitYData = false; private _computedStartTime!: Date; diff --git a/src/components/chart/statistics-chart.ts b/src/components/chart/statistics-chart.ts index d1e2ac5e76..3673ec8cf5 100644 --- a/src/components/chart/statistics-chart.ts +++ b/src/components/chart/statistics-chart.ts @@ -72,17 +72,19 @@ export class StatisticsChart extends LitElement { @property({ attribute: false, type: Number }) public maxYAxis?: number; - @property({ attribute: false, type: Boolean }) public fitYData = false; + @property({ attribute: "fit-y-data", type: Boolean }) public fitYData = false; @property({ attribute: "hide-legend", type: Boolean }) public hideLegend = false; - @property({ attribute: false, type: Boolean }) public logarithmicScale = - false; + @property({ attribute: "logarithmic-scale", type: Boolean }) + public logarithmicScale = false; - @property({ attribute: false, type: Boolean }) public isLoadingData = false; + @property({ attribute: "is-loading-data", type: Boolean }) + public isLoadingData = false; - @property({ attribute: false, type: Boolean }) public clickForMoreInfo = true; + @property({ attribute: "click-for-more-info", type: Boolean }) + public clickForMoreInfo = true; @property() public period?: string; @@ -165,7 +167,7 @@ export class StatisticsChart extends LitElement { return html`
-
+
${name}
${this.inDialog @@ -108,7 +108,7 @@ class StateInfo extends LitElement { text-overflow: ellipsis; } - .name[inDialog], + .name.in-dialog, :host([secondary-line]) .name { line-height: 20px; } diff --git a/src/components/ha-assist-pipeline-picker.ts b/src/components/ha-assist-pipeline-picker.ts index 09ead83b80..ebfd33c691 100644 --- a/src/components/ha-assist-pipeline-picker.ts +++ b/src/components/ha-assist-pipeline-picker.ts @@ -26,7 +26,7 @@ export class HaAssistPipelinePicker extends LitElement { @property({ type: Boolean }) public required = false; - @property({ attribute: false, type: Boolean }) public includeLastUsed = false; + @property({ attribute: false }) public includeLastUsed = false; @state() _pipelines?: AssistPipeline[]; diff --git a/src/components/ha-base-time-input.ts b/src/components/ha-base-time-input.ts index 5a1629bb11..c3e3fcc985 100644 --- a/src/components/ha-base-time-input.ts +++ b/src/components/ha-base-time-input.ts @@ -36,7 +36,7 @@ export class HaBaseTimeInput extends LitElement { /** * auto validate time inputs */ - @property({ attribute: false, type: Boolean }) autoValidate = false; + @property({ attribute: "auto-validate", type: Boolean }) autoValidate = false; /** * determines if inputs are required @@ -106,22 +106,26 @@ export class HaBaseTimeInput extends LitElement { /** * show the sec field */ - @property({ attribute: false, type: Boolean }) enableSecond = false; + @property({ attribute: "enable-second", type: Boolean }) + public enableSecond = false; /** * show the milli sec field */ - @property({ attribute: false, type: Boolean }) enableMillisecond = false; + @property({ attribute: "enable-millisecond", type: Boolean }) + public enableMillisecond = false; /** * show the day field */ - @property({ attribute: false, type: Boolean }) enableDay = false; + @property({ attribute: "enable-day", type: Boolean }) + public enableDay = false; /** * limit hours input */ - @property({ attribute: false, type: Boolean }) noHoursLimit = false; + @property({ attribute: "no-hours-limit", type: Boolean }) + public noHoursLimit = false; /** * AM or PM diff --git a/src/components/ha-button-toggle-group.ts b/src/components/ha-button-toggle-group.ts index 69c92070b5..7ec98e8e68 100644 --- a/src/components/ha-button-toggle-group.ts +++ b/src/components/ha-button-toggle-group.ts @@ -14,7 +14,8 @@ export class HaButtonToggleGroup extends LitElement { @property() public active?: string; - @property({ attribute: false, type: Boolean }) public fullWidth = false; + @property({ attribute: "full-width", type: Boolean }) + public fullWidth = false; @property({ type: Boolean }) public dense = false; diff --git a/src/components/ha-clickable-list-item.ts b/src/components/ha-clickable-list-item.ts index e50b6cf5aa..d68c7d4b0c 100644 --- a/src/components/ha-clickable-list-item.ts +++ b/src/components/ha-clickable-list-item.ts @@ -7,9 +7,10 @@ import { HaListItem } from "./ha-list-item"; export class HaClickableListItem extends HaListItem { @property() public href?: string; - @property({ attribute: false, type: Boolean }) public disableHref = false; + @property({ attribute: "disable-href", type: Boolean }) + public disableHref = false; - @property({ attribute: false, type: Boolean, reflect: true }) + @property({ attribute: "open-new-tab", type: Boolean, reflect: true }) public openNewTab = false; @query("a") private _anchor!: HTMLAnchorElement; diff --git a/src/components/ha-country-picker.ts b/src/components/ha-country-picker.ts index a84e96af65..4e213ad863 100644 --- a/src/components/ha-country-picker.ts +++ b/src/components/ha-country-picker.ts @@ -277,7 +277,7 @@ export class HaCountryPicker extends LitElement { @property({ type: Boolean, reflect: true }) public disabled = false; - @property({ attribute: false, type: Boolean }) public noSort = false; + @property({ attribute: "no-sort", type: Boolean }) public noSort = false; private _getOptions = memoizeOne( (language?: string, countries?: string[]) => { diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts index ef661583f3..12601e2a4b 100644 --- a/src/components/ha-date-range-picker.ts +++ b/src/components/ha-date-range-picker.ts @@ -53,17 +53,20 @@ export class HaDateRangePicker extends LitElement { @state() private _ranges?: DateRangePickerRanges; - @property({ attribute: false, type: Boolean }) public autoApply = false; + @property({ attribute: "auto-apply", type: Boolean }) + public autoApply = false; - @property({ attribute: false, type: Boolean }) public timePicker = true; + @property({ attribute: "time-picker", type: Boolean }) + public timePicker = true; - @property({ attribute: false, type: Boolean }) public disabled = false; + @property({ type: Boolean }) public disabled = false; @property({ type: Boolean }) public minimal = false; @state() private _hour24format = false; - @property({ attribute: false, type: Boolean }) public extendedPresets = false; + @property({ attribute: "extended-presets", type: Boolean }) + public extendedPresets = false; @property({ attribute: false }) public openingDirection?: | "right" diff --git a/src/components/ha-domain-icon.ts b/src/components/ha-domain-icon.ts index 7d85f53ed8..301a5cb1ea 100644 --- a/src/components/ha-domain-icon.ts +++ b/src/components/ha-domain-icon.ts @@ -18,7 +18,8 @@ export class HaDomainIcon extends LitElement { @property() public icon?: string; - @property({ attribute: false, type: Boolean }) public brandFallback?: boolean; + @property({ attribute: "brand-fallback", type: Boolean }) + public brandFallback?: boolean; protected render() { if (this.icon) { diff --git a/src/components/ha-duration-input.ts b/src/components/ha-duration-input.ts index 6306a92662..6ecc9dddc6 100644 --- a/src/components/ha-duration-input.ts +++ b/src/components/ha-duration-input.ts @@ -23,10 +23,11 @@ class HaDurationInput extends LitElement { @property({ type: Boolean }) public required = false; - @property({ attribute: false, type: Boolean }) public enableMillisecond = - false; + @property({ attribute: "enable-millisecond", type: Boolean }) + public enableMillisecond = false; - @property({ attribute: false, type: Boolean }) public enableDay = false; + @property({ attribute: "enable-day", type: Boolean }) + public enableDay = false; @property({ type: Boolean }) public disabled = false; @@ -48,7 +49,7 @@ class HaDurationInput extends LitElement { .autoValidate=${this.required} .disabled=${this.disabled} errorMessage="Required" - enableSecond + enable-second .enableMillisecond=${this.enableMillisecond} .enableDay=${this.enableDay} format="24" @@ -58,7 +59,7 @@ class HaDurationInput extends LitElement { .seconds=${this._seconds} .milliseconds=${this._milliseconds} @value-changed=${this._durationChanged} - noHoursLimit + no-hours-limit dayLabel="dd" hourLabel="hh" minLabel="mm" diff --git a/src/components/ha-filter-domains.ts b/src/components/ha-filter-domains.ts index b6e892bbbf..9afced8bae 100644 --- a/src/components/ha-filter-domains.ts +++ b/src/components/ha-filter-domains.ts @@ -75,7 +75,7 @@ export class HaFilterDomains extends LitElement { slot="graphic" .hass=${this.hass} .domain=${domain} - brandFallback + brand-fallback > ${domainToName(this.hass.localize, domain)} ` diff --git a/src/components/ha-filter-integrations.ts b/src/components/ha-filter-integrations.ts index 11e10d5244..84c031421c 100644 --- a/src/components/ha-filter-integrations.ts +++ b/src/components/ha-filter-integrations.ts @@ -77,7 +77,7 @@ export class HaFilterIntegrations extends LitElement { slot="graphic" .hass=${this.hass} .domain=${integration.domain} - brandFallback + brand-fallback > ${integration.name || integration.domain} ` diff --git a/src/components/ha-markdown-element.ts b/src/components/ha-markdown-element.ts index d2400b74ce..128bb220bd 100644 --- a/src/components/ha-markdown-element.ts +++ b/src/components/ha-markdown-element.ts @@ -19,7 +19,7 @@ const _gitHubMarkdownAlerts = { class HaMarkdownElement extends ReactiveElement { @property() public content?; - @property({ attribute: false, type: Boolean }) public allowSvg = false; + @property({ attribute: "allow-svg", type: Boolean }) public allowSvg = false; @property({ type: Boolean }) public breaks = false; diff --git a/src/components/ha-markdown.ts b/src/components/ha-markdown.ts index 52dbdb8f40..0e12ff0f3a 100644 --- a/src/components/ha-markdown.ts +++ b/src/components/ha-markdown.ts @@ -7,7 +7,7 @@ import "./ha-markdown-element"; export class HaMarkdown extends LitElement { @property() public content?; - @property({ attribute: false, type: Boolean }) public allowSvg = false; + @property({ attribute: "allow-svg", type: Boolean }) public allowSvg = false; @property({ type: Boolean }) public breaks = false; diff --git a/src/components/ha-password-field.ts b/src/components/ha-password-field.ts index 1323aaa062..63b4e34be5 100644 --- a/src/components/ha-password-field.ts +++ b/src/components/ha-password-field.ts @@ -23,7 +23,8 @@ export class HaPasswordField extends LitElement { @property({ type: Boolean }) public icon = false; - @property({ attribute: false, type: Boolean }) public iconTrailing = false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) public iconTrailing = false; @property() public autocomplete?: string; @@ -42,32 +43,38 @@ export class HaPasswordField extends LitElement { @property({ type: Boolean }) required = false; - @property({ attribute: false, type: Number }) minLength = -1; + // eslint-disable-next-line lit/attribute-names + @property({ type: Number }) minLength = -1; - @property({ attribute: false, type: Number }) maxLength = -1; + // eslint-disable-next-line lit/attribute-names + @property({ type: Number }) maxLength = -1; @property({ type: Boolean, reflect: true }) outlined = false; @property({ type: String }) helper = ""; - @property({ attribute: false, type: Boolean }) validateOnInitialRender = - false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) validateOnInitialRender = false; - @property({ attribute: false, type: String }) validationMessage = ""; + // eslint-disable-next-line lit/attribute-names + @property({ type: String }) validationMessage = ""; - @property({ attribute: false, type: Boolean }) autoValidate = false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) autoValidate = false; @property({ type: String }) pattern = ""; @property({ type: Number }) size: number | null = null; - @property({ attribute: false, type: Boolean }) helperPersistent = false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) helperPersistent = false; - @property({ attribute: false, type: Boolean }) charCounter: - | boolean - | TextAreaCharCounter = false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) charCounter: boolean | TextAreaCharCounter = + false; - @property({ attribute: false, type: Boolean }) endAligned = false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) endAligned = false; @property({ type: String }) prefix = ""; @@ -78,7 +85,8 @@ export class HaPasswordField extends LitElement { @property({ type: String, attribute: "input-mode" }) inputMode!: string; - @property({ attribute: false, type: Boolean }) readOnly = false; + // eslint-disable-next-line lit/attribute-names + @property({ type: Boolean }) readOnly = false; // eslint-disable-next-line lit/no-native-attributes @property({ attribute: false, type: String }) autocapitalize = ""; diff --git a/src/components/ha-selector/ha-selector-duration.ts b/src/components/ha-selector/ha-selector-duration.ts index 66f2e8d50d..7fa96adf3e 100644 --- a/src/components/ha-selector/ha-selector-duration.ts +++ b/src/components/ha-selector/ha-selector-duration.ts @@ -29,8 +29,8 @@ export class HaTimeDuration extends LitElement { .data=${this.value} .disabled=${this.disabled} .required=${this.required} - ?enableDay=${this.selector.duration?.enable_day} - ?enableMillisecond=${this.selector.duration?.enable_millisecond} + .enableDay=${this.selector.duration?.enable_day} + .enableMillisecond=${this.selector.duration?.enable_millisecond} > `; } diff --git a/src/components/ha-service-control.ts b/src/components/ha-service-control.ts index dfc26ed559..4bb9449323 100644 --- a/src/components/ha-service-control.ts +++ b/src/components/ha-service-control.ts @@ -92,7 +92,8 @@ export class HaServiceControl extends LitElement { @property({ attribute: false, type: Boolean, reflect: true }) public hidePicker = false; - @property({ attribute: false, type: Boolean }) public hideDescription = false; + @property({ attribute: "hide-description", type: Boolean }) + public hideDescription = false; @state() private _value!: this["value"]; diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts index 3af1b5e4d8..fe349178c1 100644 --- a/src/components/ha-sidebar.ts +++ b/src/components/ha-sidebar.ts @@ -184,9 +184,11 @@ class HaSidebar extends SubscribeMixin(LitElement) { @property({ attribute: false }) public route!: Route; - @property({ attribute: false, type: Boolean }) public alwaysExpand = false; + @property({ attribute: "always-expand", type: Boolean }) + public alwaysExpand = false; - @property({ attribute: false, type: Boolean }) public editMode = false; + @property({ attribute: "edit-mode", type: Boolean }) + public editMode = false; @state() private _notifications?: PersistentNotification[]; diff --git a/src/components/ha-target-picker.ts b/src/components/ha-target-picker.ts index f93148c0c3..19efb2167d 100644 --- a/src/components/ha-target-picker.ts +++ b/src/components/ha-target-picker.ts @@ -84,7 +84,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { @property({ type: Boolean, reflect: true }) public disabled = false; - @property({ attribute: false, type: Boolean }) public addOnTop = false; + @property({ attribute: "add-on-top", type: Boolean }) public addOnTop = false; @state() private _addMode?: | "area_id" diff --git a/src/components/ha-theme-picker.ts b/src/components/ha-theme-picker.ts index 510d9d1882..ebb8a9a1a8 100644 --- a/src/components/ha-theme-picker.ts +++ b/src/components/ha-theme-picker.ts @@ -15,7 +15,8 @@ export class HaThemePicker extends LitElement { @property() public label?: string; - @property({ attribute: false, type: Boolean }) includeDefault = false; + @property({ attribute: "include-default", type: Boolean }) + public includeDefault = false; @property({ attribute: false }) public hass?: HomeAssistant; diff --git a/src/components/ha-two-pane-top-app-bar-fixed.ts b/src/components/ha-two-pane-top-app-bar-fixed.ts index e42a96c3a3..50ee9d8766 100644 --- a/src/components/ha-two-pane-top-app-bar-fixed.ts +++ b/src/components/ha-two-pane-top-app-bar-fixed.ts @@ -32,7 +32,7 @@ export class TopAppBarBaseBase extends BaseElement { protected _scrollTarget!: HTMLElement | Window; - @property({ attribute: false, type: Boolean }) centerTitle = false; + @property({ attribute: "center-title", type: Boolean }) centerTitle = false; @property({ type: Boolean, reflect: true }) prominent = false; diff --git a/src/components/map/ha-locations-editor.ts b/src/components/map/ha-locations-editor.ts index 720b9ca666..0c46d79ffd 100644 --- a/src/components/map/ha-locations-editor.ts +++ b/src/components/map/ha-locations-editor.ts @@ -51,7 +51,7 @@ export class HaLocationsEditor extends LitElement { @property() public helper?: string; - @property({ attribute: false, type: Boolean }) public autoFit = false; + @property({ attribute: "auto-fit", type: Boolean }) public autoFit = false; @property({ type: Number }) public zoom = 16; diff --git a/src/components/map/ha-map.ts b/src/components/map/ha-map.ts index 1b984590a7..6f28738845 100644 --- a/src/components/map/ha-map.ts +++ b/src/components/map/ha-map.ts @@ -77,7 +77,7 @@ export class HaMap extends ReactiveElement { @property({ attribute: "interactive-zones", type: Boolean }) public interactiveZones = false; - @property({ attribute: false, type: Boolean }) public fitZones = false; + @property({ attribute: "fit-zones", type: Boolean }) public fitZones = false; @property({ attribute: "theme-mode", type: String }) public themeMode: ThemeMode = "auto"; diff --git a/src/components/trace/ha-timeline.ts b/src/components/trace/ha-timeline.ts index 4859fba873..b7ab5b2757 100644 --- a/src/components/trace/ha-timeline.ts +++ b/src/components/trace/ha-timeline.ts @@ -14,7 +14,7 @@ export class HaTimeline extends LitElement { @property({ attribute: false, reflect: true, type: Boolean }) notEnabled = false; - @property({ attribute: false, type: Boolean }) public lastItem = false; + @property({ attribute: "last-item", type: Boolean }) public lastItem = false; @property({ type: String }) public icon?: string; diff --git a/src/components/trace/hat-trace-timeline.ts b/src/components/trace/hat-trace-timeline.ts index 6a12ceb1c8..0552074560 100644 --- a/src/components/trace/hat-trace-timeline.ts +++ b/src/components/trace/hat-trace-timeline.ts @@ -839,7 +839,7 @@ export class HaAutomationTracer extends LitElement { entries.push(html` diff --git a/src/dialogs/more-info/controls/more-info-script.ts b/src/dialogs/more-info/controls/more-info-script.ts index b1e84c1066..cacaeeca3d 100644 --- a/src/dialogs/more-info/controls/more-info-script.ts +++ b/src/dialogs/more-info/controls/more-info-script.ts @@ -99,8 +99,7 @@ class MoreInfoScript extends LitElement { ${this.hass.localize("ui.card.script.run_script")}
; - @property({ attribute: false, type: Boolean }) public mobileApp = false; + @property({ attribute: "mobile-app", type: Boolean }) + public mobileApp = false; protected render(): TemplateResult { return html` `, key: `${SERVICE_PREFIX}${domain}`, diff --git a/src/panels/config/automation/condition/ha-automation-condition-editor.ts b/src/panels/config/automation/condition/ha-automation-condition-editor.ts index 06dfc7099c..5b7bfe51e2 100644 --- a/src/panels/config/automation/condition/ha-automation-condition-editor.ts +++ b/src/panels/config/automation/condition/ha-automation-condition-editor.ts @@ -28,7 +28,7 @@ export default class HaAutomationConditionEditor extends LitElement { @property({ type: Boolean }) public disabled = false; - @property({ attribute: false, type: Boolean }) public yamlMode = false; + @property({ attribute: false }) public yamlMode = false; private _processedCondition = memoizeOne((condition) => expandConditionWithShorthand(condition) diff --git a/src/panels/config/automation/ha-automation-editor.ts b/src/panels/config/automation/ha-automation-editor.ts index 6f1b4c662e..aff655f7b5 100644 --- a/src/panels/config/automation/ha-automation-editor.ts +++ b/src/panels/config/automation/ha-automation-editor.ts @@ -91,7 +91,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) { @property({ attribute: false }) public automations!: AutomationEntity[]; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/automation/ha-automation-picker.ts b/src/panels/config/automation/ha-automation-picker.ts index cbcc207630..87d2768903 100644 --- a/src/panels/config/automation/ha-automation-picker.ts +++ b/src/panels/config/automation/ha-automation-picker.ts @@ -128,7 +128,7 @@ type AutomationItem = AutomationEntity & { class HaAutomationPicker extends SubscribeMixin(LitElement) { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/automation/ha-automation-trace.ts b/src/panels/config/automation/ha-automation-trace.ts index 1cf4acdd5c..536cdbbf45 100644 --- a/src/panels/config/automation/ha-automation-trace.ts +++ b/src/panels/config/automation/ha-automation-trace.ts @@ -53,7 +53,7 @@ export class HaAutomationTrace extends LitElement { @property({ attribute: false }) public automations!: AutomationEntity[]; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean, reflect: true }) public narrow = false; diff --git a/src/panels/config/automation/ha-config-automation.ts b/src/panels/config/automation/ha-config-automation.ts index ae8e5c5c76..af11d0405c 100644 --- a/src/panels/config/automation/ha-config-automation.ts +++ b/src/panels/config/automation/ha-config-automation.ts @@ -24,9 +24,9 @@ class HaConfigAutomation extends HassRouterPage { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @property({ attribute: false }) public automations: AutomationEntity[] = []; diff --git a/src/panels/config/automation/manual-automation-editor.ts b/src/panels/config/automation/manual-automation-editor.ts index 3455fad615..7799de3809 100644 --- a/src/panels/config/automation/manual-automation-editor.ts +++ b/src/panels/config/automation/manual-automation-editor.ts @@ -34,7 +34,7 @@ import { constructUrlCurrentPath } from "../../../common/url/construct-url"; export class HaManualAutomationEditor extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/backup/ha-config-backup.ts b/src/panels/config/backup/ha-config-backup.ts index eb9a81322a..0c3b4bf041 100644 --- a/src/panels/config/backup/ha-config-backup.ts +++ b/src/panels/config/backup/ha-config-backup.ts @@ -33,7 +33,7 @@ import { fileDownload } from "../../../util/file_download"; class HaConfigBackup extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/blueprint/blueprint-generic-editor.ts b/src/panels/config/blueprint/blueprint-generic-editor.ts index a7cda69b95..2c94a46be2 100644 --- a/src/panels/config/blueprint/blueprint-generic-editor.ts +++ b/src/panels/config/blueprint/blueprint-generic-editor.ts @@ -24,7 +24,7 @@ import type { HomeAssistant } from "../../../types"; export abstract class HaBlueprintGenericEditor extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public disabled = false; diff --git a/src/panels/config/blueprint/ha-blueprint-overview.ts b/src/panels/config/blueprint/ha-blueprint-overview.ts index 294edb9814..e44b4a571d 100644 --- a/src/panels/config/blueprint/ha-blueprint-overview.ts +++ b/src/panels/config/blueprint/ha-blueprint-overview.ts @@ -81,7 +81,7 @@ const createNewFunctions = { class HaBlueprintOverview extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/blueprint/ha-config-blueprint.ts b/src/panels/config/blueprint/ha-config-blueprint.ts index ec7e5c7518..521e1fd9d5 100644 --- a/src/panels/config/blueprint/ha-config-blueprint.ts +++ b/src/panels/config/blueprint/ha-config-blueprint.ts @@ -20,9 +20,9 @@ class HaConfigBlueprint extends HassRouterPage { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @property({ attribute: false }) public blueprints: Record = {}; diff --git a/src/panels/config/cloud/account/cloud-account.ts b/src/panels/config/cloud/account/cloud-account.ts index 72ca38d002..5ccbe1ef60 100644 --- a/src/panels/config/cloud/account/cloud-account.ts +++ b/src/panels/config/cloud/account/cloud-account.ts @@ -37,7 +37,7 @@ import "./cloud-webhooks"; export class CloudAccount extends SubscribeMixin(LitElement) { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/cloud/ha-config-cloud.ts b/src/panels/config/cloud/ha-config-cloud.ts index 2a0bfacd21..780975332c 100644 --- a/src/panels/config/cloud/ha-config-cloud.ts +++ b/src/panels/config/cloud/ha-config-cloud.ts @@ -14,7 +14,7 @@ const NOT_LOGGED_IN_URLS = ["login", "register", "forgot-password"]; class HaConfigCloud extends HassRouterPage { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/cloud/login/cloud-login.ts b/src/panels/config/cloud/login/cloud-login.ts index b12f1fd87e..2190b8a388 100644 --- a/src/panels/config/cloud/login/cloud-login.ts +++ b/src/panels/config/cloud/login/cloud-login.ts @@ -31,7 +31,7 @@ import "../../ha-config-section"; export class CloudLogin extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/cloud/register/cloud-register.ts b/src/panels/config/cloud/register/cloud-register.ts index 789d549b44..98606a9369 100644 --- a/src/panels/config/cloud/register/cloud-register.ts +++ b/src/panels/config/cloud/register/cloud-register.ts @@ -18,7 +18,7 @@ import "../../../../components/ha-password-field"; export class CloudRegister extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/core/ha-config-system-navigation.ts b/src/panels/config/core/ha-config-system-navigation.ts index d15a0f35b9..3f6675e5b1 100644 --- a/src/panels/config/core/ha-config-system-navigation.ts +++ b/src/panels/config/core/ha-config-system-navigation.ts @@ -38,11 +38,11 @@ class HaConfigSystemNavigation extends LitElement { @property({ type: Boolean, reflect: true }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ attribute: false }) public cloudStatus?: CloudStatus; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @state() private _latestBackupDate?: string; diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts index 5f5f0ca1c8..281d3670a9 100644 --- a/src/panels/config/dashboard/ha-config-dashboard.ts +++ b/src/panels/config/dashboard/ha-config-dashboard.ts @@ -127,11 +127,11 @@ class HaConfigDashboard extends SubscribeMixin(LitElement) { @property({ type: Boolean, reflect: true }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ attribute: false }) public cloudStatus?: CloudStatus; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @state() private _tip?: string; diff --git a/src/panels/config/devices/device-detail/ha-device-entities-card.ts b/src/panels/config/devices/device-detail/ha-device-entities-card.ts index d57423be73..8d5cb7e924 100644 --- a/src/panels/config/devices/device-detail/ha-device-entities-card.ts +++ b/src/panels/config/devices/device-detail/ha-device-entities-card.ts @@ -37,7 +37,8 @@ export class HaDeviceEntitiesCard extends LitElement { @property({ attribute: false }) public entities!: EntityRegistryStateEntry[]; - @property({ attribute: false, type: Boolean }) public showHidden = false; + @property({ attribute: "show-hidden", type: Boolean }) + public showHidden = false; @state() private _extDisabledEntityEntries?: Record< string, diff --git a/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts index 5f8992eb43..63c8a9a9ab 100644 --- a/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts +++ b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts @@ -8,7 +8,8 @@ import { classMap } from "lit/directives/class-map"; class MQTTDiscoveryPayload extends LitElement { @property({ attribute: false }) public payload!: Record; - @property({ attribute: false, type: Boolean }) public showAsYaml = false; + @property({ attribute: "show-as-yaml", type: Boolean }) + public showAsYaml = false; @property() public summary!: string; diff --git a/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts index e7a9d7fed5..4e6801b1b7 100644 --- a/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts +++ b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts @@ -15,10 +15,11 @@ class MQTTMessages extends LitElement { @property() public direction!: string; - @property({ attribute: false, type: Boolean }) public showAsYaml = false; + @property({ attribute: "show-as-yaml", type: Boolean }) + public showAsYaml = false; - @property({ attribute: false, type: Boolean }) public showDeserialized = - false; + @property({ attribute: "show-deserialized", type: Boolean }) + public showDeserialized = false; @property({ attribute: false }) public subscribedTopic!: string; diff --git a/src/panels/config/devices/ha-config-device-page.ts b/src/panels/config/devices/ha-config-device-page.ts index bc383bb7a7..f8961773ab 100644 --- a/src/panels/config/devices/ha-config-device-page.ts +++ b/src/panels/config/devices/ha-config-device-page.ts @@ -117,9 +117,9 @@ export class HaConfigDevicePage extends LitElement { @property({ type: Boolean, reflect: true }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @state() private _related?: RelatedResult; diff --git a/src/panels/config/devices/ha-config-devices-dashboard.ts b/src/panels/config/devices/ha-config-devices-dashboard.ts index f775364070..71e2a5e610 100644 --- a/src/panels/config/devices/ha-config-devices-dashboard.ts +++ b/src/panels/config/devices/ha-config-devices-dashboard.ts @@ -104,7 +104,7 @@ export class HaConfigDeviceDashboard extends SubscribeMixin(LitElement) { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ attribute: false }) public entries!: ConfigEntry[]; diff --git a/src/panels/config/devices/ha-config-devices.ts b/src/panels/config/devices/ha-config-devices.ts index 815540ee41..9532d2ba48 100644 --- a/src/panels/config/devices/ha-config-devices.ts +++ b/src/panels/config/devices/ha-config-devices.ts @@ -15,9 +15,9 @@ class HaConfigDevices extends HassRouterPage { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; protected routerOptions: RouterOptions = { defaultPage: "dashboard", diff --git a/src/panels/config/energy/ha-config-energy.ts b/src/panels/config/energy/ha-config-energy.ts index a870e1fef9..c808dd82f2 100644 --- a/src/panels/config/energy/ha-config-energy.ts +++ b/src/panels/config/energy/ha-config-energy.ts @@ -38,9 +38,9 @@ class HaConfigEnergy extends LitElement { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @property({ attribute: false }) public route!: Route; diff --git a/src/panels/config/entities/ha-config-entities.ts b/src/panels/config/entities/ha-config-entities.ts index b6cab5ce86..937dcfa309 100644 --- a/src/panels/config/entities/ha-config-entities.ts +++ b/src/panels/config/entities/ha-config-entities.ts @@ -136,7 +136,7 @@ export interface EntityRow extends StateEntity { export class HaConfigEntities extends SubscribeMixin(LitElement) { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/ha-config-section.ts b/src/panels/config/ha-config-section.ts index 494a91543b..f4c170ae6b 100644 --- a/src/panels/config/ha-config-section.ts +++ b/src/panels/config/ha-config-section.ts @@ -4,7 +4,7 @@ import { classMap } from "lit/directives/class-map"; @customElement("ha-config-section") export class HaConfigSection extends LitElement { - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public vertical = false; diff --git a/src/panels/config/hardware/ha-config-hardware.ts b/src/panels/config/hardware/ha-config-hardware.ts index 7d88ceb171..1d278c32ba 100644 --- a/src/panels/config/hardware/ha-config-hardware.ts +++ b/src/panels/config/hardware/ha-config-hardware.ts @@ -301,7 +301,7 @@ class HaConfigHardware extends SubscribeMixin(LitElement) { diff --git a/src/panels/config/helpers/ha-config-helpers.ts b/src/panels/config/helpers/ha-config-helpers.ts index f832890276..3f8ffc70e3 100644 --- a/src/panels/config/helpers/ha-config-helpers.ts +++ b/src/panels/config/helpers/ha-config-helpers.ts @@ -148,7 +148,7 @@ const getConfigEntry = ( export class HaConfigHelpers extends SubscribeMixin(LitElement) { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/info/ha-config-info.ts b/src/panels/config/info/ha-config-info.ts index d235a22294..688ccb6f89 100644 --- a/src/panels/config/info/ha-config-info.ts +++ b/src/panels/config/info/ha-config-info.ts @@ -83,9 +83,9 @@ class HaConfigInfo extends LitElement { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @property({ attribute: false }) public route!: Route; @@ -172,7 +172,7 @@ class HaConfigInfo extends LitElement { (page) => html`
; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts b/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts index d9fe8ca775..4241500ee8 100644 --- a/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts +++ b/src/panels/config/voice-assistants/ha-config-voice-assistants-expose.ts @@ -59,7 +59,7 @@ export class VoiceAssistantsExpose extends LitElement { @property({ attribute: false }) public cloudStatus?: CloudStatus; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/config/voice-assistants/ha-config-voice-assistants.ts b/src/panels/config/voice-assistants/ha-config-voice-assistants.ts index 4afde39c1b..33f77f2c76 100644 --- a/src/panels/config/voice-assistants/ha-config-voice-assistants.ts +++ b/src/panels/config/voice-assistants/ha-config-voice-assistants.ts @@ -31,7 +31,7 @@ class HaConfigVoiceAssistants extends HassRouterPage { @property({ type: Boolean }) public narrow = false; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @state() @consume({ context: entitiesContext, subscribe: true }) diff --git a/src/panels/config/zone/ha-config-zone.ts b/src/panels/config/zone/ha-config-zone.ts index 101eb0f34d..b59152a4fc 100644 --- a/src/panels/config/zone/ha-config-zone.ts +++ b/src/panels/config/zone/ha-config-zone.ts @@ -50,7 +50,7 @@ import { showZoneDetailDialog } from "./show-dialog-zone-detail"; export class HaConfigZone extends SubscribeMixin(LitElement) { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; diff --git a/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts b/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts index 3dfcb4681a..61fcb1375e 100644 --- a/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts +++ b/src/panels/developer-tools/yaml_configuration/developer-yaml-config.ts @@ -29,13 +29,13 @@ interface TranslatedReloadableDomain { export class DeveloperYamlConfig extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property({ attribute: false, type: Boolean }) public isWide = false; + @property({ attribute: "is-wide", type: Boolean }) public isWide = false; @property({ type: Boolean }) public narrow = false; @property({ attribute: false }) public route!: Route; - @property({ attribute: false, type: Boolean }) public showAdvanced = false; + @property({ attribute: false }) public showAdvanced = false; @state() private _validating = false; diff --git a/src/panels/history/ha-panel-history.ts b/src/panels/history/ha-panel-history.ts index 75eb35e048..1a735413c3 100644 --- a/src/panels/history/ha-panel-history.ts +++ b/src/panels/history/ha-panel-history.ts @@ -177,14 +177,14 @@ class HaPanelHistory extends LitElement { ?disabled=${this._isLoading} .startDate=${this._startDate} .endDate=${this._endDate} - extendedPresets + extended-presets @change=${this._dateRangeChanged} >
diff --git a/src/panels/logbook/ha-logbook.ts b/src/panels/logbook/ha-logbook.ts index 7ac37ade12..0246670182 100644 --- a/src/panels/logbook/ha-logbook.ts +++ b/src/panels/logbook/ha-logbook.ts @@ -65,7 +65,8 @@ export class HaLogbook extends LitElement { @property({ type: Boolean, attribute: "relative-time" }) public relativeTime = false; - @property({ attribute: false, type: Boolean }) public showMoreLink = true; + @property({ attribute: "show-more-link", type: Boolean }) + public showMoreLink = true; @state() private _logbookEntries?: LogbookEntry[]; diff --git a/src/panels/logbook/ha-panel-logbook.ts b/src/panels/logbook/ha-panel-logbook.ts index 7d84a69a76..34d6da0f34 100644 --- a/src/panels/logbook/ha-panel-logbook.ts +++ b/src/panels/logbook/ha-panel-logbook.ts @@ -99,7 +99,7 @@ export class HaPanelLogbook extends LitElement { .hass=${this.hass} .entityFilter=${filterLogbookCompatibleEntities} .value=${this._targetPickerValue} - addOnTop + add-on-top @value-changed=${this._targetsChanged} >
diff --git a/src/panels/lovelace/cards/energy/hui-energy-devices-detail-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-devices-detail-graph-card.ts index 9e2dfd92b9..bb27c9e0da 100644 --- a/src/panels/lovelace/cards/energy/hui-energy-devices-detail-graph-card.ts +++ b/src/panels/lovelace/cards/energy/hui-energy-devices-detail-graph-card.ts @@ -130,7 +130,7 @@ export class HuiEnergyDevicesDetailGraphCard })}" > ; - @property({ attribute: false, type: Boolean }) public hidePosition = false; + @property({ attribute: "hide-position", type: Boolean }) + public hidePosition = false; @storage({ key: "dashboardCardClipboard", diff --git a/src/panels/lovelace/components/hui-energy-period-selector.ts b/src/panels/lovelace/components/hui-energy-period-selector.ts index 5c8f2ef0b5..ccd7253ab7 100644 --- a/src/panels/lovelace/components/hui-energy-period-selector.ts +++ b/src/panels/lovelace/components/hui-energy-period-selector.ts @@ -248,7 +248,7 @@ export class HuiEnergyPeriodSelector extends SubscribeMixin(LitElement) { .endDate=${this._endDate || new Date()} .ranges=${this._ranges} @change=${this._dateRangeChanged} - .timePicker=${false} + time-picker minimal > diff --git a/src/panels/lovelace/components/hui-generic-entity-row.ts b/src/panels/lovelace/components/hui-generic-entity-row.ts index 449c3bd6e6..40ee38175b 100644 --- a/src/panels/lovelace/components/hui-generic-entity-row.ts +++ b/src/panels/lovelace/components/hui-generic-entity-row.ts @@ -32,7 +32,8 @@ export class HuiGenericEntityRow extends LitElement { // => static determination will not work => the caller has to pass the desired value in. // Same applies for custom components that want to override the default behavior. // Default behavior is controlled by DOMAINS_INPUT_ROW. - @property({ attribute: false, type: Boolean }) public catchInteraction?; + @property({ attribute: "catch-interaction", type: Boolean }) + public catchInteraction?; protected render() { if (!this.hass || !this.config) { diff --git a/src/panels/lovelace/editor/hui-entities-card-row-editor.ts b/src/panels/lovelace/editor/hui-entities-card-row-editor.ts index 2555b2aaa7..1fe8292f5f 100644 --- a/src/panels/lovelace/editor/hui-entities-card-row-editor.ts +++ b/src/panels/lovelace/editor/hui-entities-card-row-editor.ts @@ -82,7 +82,7 @@ export class HuiEntitiesCardRowEditor extends LitElement { : html` ` : ""} diff --git a/src/state-summary/state-card-alert.ts b/src/state-summary/state-card-alert.ts index 653b9f3420..fa8af96f6e 100755 --- a/src/state-summary/state-card-alert.ts +++ b/src/state-summary/state-card-alert.ts @@ -14,7 +14,7 @@ class StateCardAlert extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-button.ts b/src/state-summary/state-card-button.ts index 33f882fc8e..eb9203b7f8 100644 --- a/src/state-summary/state-card-button.ts +++ b/src/state-summary/state-card-button.ts @@ -15,7 +15,7 @@ class StateCardButton extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render() { const stateObj = this.stateObj; diff --git a/src/state-summary/state-card-climate.ts b/src/state-summary/state-card-climate.ts index 8ca20e8555..8c32836566 100644 --- a/src/state-summary/state-card-climate.ts +++ b/src/state-summary/state-card-climate.ts @@ -13,7 +13,7 @@ class StateCardClimate extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-configurator.ts b/src/state-summary/state-card-configurator.ts index 0e241d461c..d5dacddefc 100644 --- a/src/state-summary/state-card-configurator.ts +++ b/src/state-summary/state-card-configurator.ts @@ -13,7 +13,7 @@ class StateCardConfigurator extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-cover.ts b/src/state-summary/state-card-cover.ts index 3f734057a1..d83737df0c 100644 --- a/src/state-summary/state-card-cover.ts +++ b/src/state-summary/state-card-cover.ts @@ -15,7 +15,7 @@ class StateCardCover extends LitElement { @property({ attribute: false }) public stateObj!: CoverEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-display.ts b/src/state-summary/state-card-display.ts index a84a76ed15..3928af0742 100755 --- a/src/state-summary/state-card-display.ts +++ b/src/state-summary/state-card-display.ts @@ -17,7 +17,7 @@ class StateCardDisplay extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; // property used only in CSS @property({ type: Boolean, reflect: true }) public rtl = false; diff --git a/src/state-summary/state-card-event.ts b/src/state-summary/state-card-event.ts index c954cdbffb..970bb8fe4c 100644 --- a/src/state-summary/state-card-event.ts +++ b/src/state-summary/state-card-event.ts @@ -13,7 +13,7 @@ class StateCardEvent extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render() { return html` diff --git a/src/state-summary/state-card-humidifier.ts b/src/state-summary/state-card-humidifier.ts index 96e1b7e310..e691ce7956 100644 --- a/src/state-summary/state-card-humidifier.ts +++ b/src/state-summary/state-card-humidifier.ts @@ -14,7 +14,7 @@ class StateCardHumidifier extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-input_button.ts b/src/state-summary/state-card-input_button.ts index 918dbee744..e44c9bf576 100644 --- a/src/state-summary/state-card-input_button.ts +++ b/src/state-summary/state-card-input_button.ts @@ -15,7 +15,7 @@ class StateCardInputButton extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render() { const stateObj = this.stateObj; diff --git a/src/state-summary/state-card-input_number.ts b/src/state-summary/state-card-input_number.ts index e90cbabc33..ae3c46348e 100644 --- a/src/state-summary/state-card-input_number.ts +++ b/src/state-summary/state-card-input_number.ts @@ -16,7 +16,7 @@ class StateCardInputNumber extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; private _loaded?: boolean; diff --git a/src/state-summary/state-card-input_text.ts b/src/state-summary/state-card-input_text.ts index 9d8634c645..f6f0695d47 100644 --- a/src/state-summary/state-card-input_text.ts +++ b/src/state-summary/state-card-input_text.ts @@ -14,7 +14,7 @@ class StateCardInputText extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; @state() public value: string = ""; @@ -30,7 +30,6 @@ class StateCardInputText extends LitElement { .minlength=${this.stateObj.attributes.min} .maxlength=${this.stateObj.attributes.max} .value=${this.value} - .auto-validate=${this.stateObj.attributes.pattern} .pattern=${this.stateObj.attributes.pattern} .type=${this.stateObj.attributes.mode} @input=${this._onInput} diff --git a/src/state-summary/state-card-lawn_mower.ts b/src/state-summary/state-card-lawn_mower.ts index 7b7c9c8406..1a2c53d11f 100644 --- a/src/state-summary/state-card-lawn_mower.ts +++ b/src/state-summary/state-card-lawn_mower.ts @@ -13,7 +13,7 @@ class StateCardLawnMower extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; public render() { const stateObj = this.stateObj; diff --git a/src/state-summary/state-card-lock.ts b/src/state-summary/state-card-lock.ts index ffa3e1e983..3e73be74e5 100644 --- a/src/state-summary/state-card-lock.ts +++ b/src/state-summary/state-card-lock.ts @@ -15,7 +15,7 @@ class StateCardLock extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { const isLocked = this.stateObj.state === "locked"; diff --git a/src/state-summary/state-card-media_player.ts b/src/state-summary/state-card-media_player.ts index 4e8598ee48..b5101cf28a 100644 --- a/src/state-summary/state-card-media_player.ts +++ b/src/state-summary/state-card-media_player.ts @@ -13,7 +13,7 @@ class StateCardMediaPlayer extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { const playerObj = new HassMediaPlayerEntity(this.hass, this.stateObj); diff --git a/src/state-summary/state-card-number.ts b/src/state-summary/state-card-number.ts index 502a2141f4..c722127846 100644 --- a/src/state-summary/state-card-number.ts +++ b/src/state-summary/state-card-number.ts @@ -16,7 +16,7 @@ class StateCardNumber extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; private _loaded?: boolean; diff --git a/src/state-summary/state-card-scene.ts b/src/state-summary/state-card-scene.ts index 2805d1cb06..cf42b3e284 100644 --- a/src/state-summary/state-card-scene.ts +++ b/src/state-summary/state-card-scene.ts @@ -14,7 +14,7 @@ class StateCardScene extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render() { return html` diff --git a/src/state-summary/state-card-script.ts b/src/state-summary/state-card-script.ts index af7f4ff368..ea07602420 100644 --- a/src/state-summary/state-card-script.ts +++ b/src/state-summary/state-card-script.ts @@ -18,7 +18,7 @@ class StateCardScript extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render() { const stateObj = this.stateObj as ScriptEntity; diff --git a/src/state-summary/state-card-timer.ts b/src/state-summary/state-card-timer.ts index f299cce6ed..f83fdeb33f 100644 --- a/src/state-summary/state-card-timer.ts +++ b/src/state-summary/state-card-timer.ts @@ -13,7 +13,7 @@ class StateCardTimer extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-toggle.ts b/src/state-summary/state-card-toggle.ts index cf9253dbc1..dbcd26777a 100644 --- a/src/state-summary/state-card-toggle.ts +++ b/src/state-summary/state-card-toggle.ts @@ -13,7 +13,7 @@ class StateCardToggle extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-update.ts b/src/state-summary/state-card-update.ts index d31d709c90..baa898d6bb 100755 --- a/src/state-summary/state-card-update.ts +++ b/src/state-summary/state-card-update.ts @@ -13,7 +13,7 @@ export class StateCardUpdate extends LitElement { @property({ attribute: false }) public stateObj!: UpdateEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-vacuum.ts b/src/state-summary/state-card-vacuum.ts index abf06c0804..5a856000b3 100644 --- a/src/state-summary/state-card-vacuum.ts +++ b/src/state-summary/state-card-vacuum.ts @@ -13,7 +13,7 @@ class StateCardVacuum extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html` diff --git a/src/state-summary/state-card-water_heater.ts b/src/state-summary/state-card-water_heater.ts index 7f84397933..2fe2204b6c 100644 --- a/src/state-summary/state-card-water_heater.ts +++ b/src/state-summary/state-card-water_heater.ts @@ -13,7 +13,7 @@ class StateCardWaterHeater extends LitElement { @property({ attribute: false }) public stateObj!: HassEntity; - @property({ attribute: false, type: Boolean }) public inDialog = false; + @property({ attribute: "in-dialog", type: Boolean }) public inDialog = false; protected render(): TemplateResult { return html`