Use ha-drawer instead of mwc-drawer (#16013)

This commit is contained in:
Bram Kragten 2023-04-01 18:18:52 +02:00 committed by GitHub
parent c6c3e63101
commit acaaf25500
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -7,11 +7,11 @@ import {
PropertyValues, PropertyValues,
TemplateResult, TemplateResult,
} from "lit"; } from "lit";
import "@material/mwc-drawer/mwc-drawer";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import { fireEvent, HASSDomEvent } from "../common/dom/fire_event"; import { fireEvent, HASSDomEvent } from "../common/dom/fire_event";
import { listenMediaQuery } from "../common/dom/media_query"; import { listenMediaQuery } from "../common/dom/media_query";
import { toggleAttribute } from "../common/dom/toggle_attribute"; import { toggleAttribute } from "../common/dom/toggle_attribute";
import "../components/ha-drawer";
import { showNotificationDrawer } from "../dialogs/notifications/show-notification-drawer"; import { showNotificationDrawer } from "../dialogs/notifications/show-notification-drawer";
import type { HomeAssistant, Route } from "../types"; import type { HomeAssistant, Route } from "../types";
import "./partial-panel-resolver"; import "./partial-panel-resolver";
@ -58,7 +58,7 @@ export class HomeAssistantMain extends LitElement {
const sidebarNarrow = this._sidebarNarrow || this._externalSidebar; const sidebarNarrow = this._sidebarNarrow || this._externalSidebar;
return html` return html`
<mwc-drawer <ha-drawer
.type=${sidebarNarrow ? "modal" : ""} .type=${sidebarNarrow ? "modal" : ""}
.open=${sidebarNarrow ? this._drawerOpen : undefined} .open=${sidebarNarrow ? this._drawerOpen : undefined}
@MDCDrawer:closed=${this._drawerClosed} @MDCDrawer:closed=${this._drawerClosed}
@ -76,7 +76,7 @@ export class HomeAssistantMain extends LitElement {
.route=${this.route} .route=${this.route}
slot="appContent" slot="appContent"
></partial-panel-resolver> ></partial-panel-resolver>
</mwc-drawer> </ha-drawer>
`; `;
} }