mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-30 04:36:36 +00:00
Fix sortable
This commit is contained in:
parent
f564420ac8
commit
101cd6a86b
@ -8,13 +8,10 @@ import { fireEvent } from "../../../common/dom/fire_event";
|
|||||||
import "../../../components/entity/ha-state-label-badge";
|
import "../../../components/entity/ha-state-label-badge";
|
||||||
import "../../../components/ha-card";
|
import "../../../components/ha-card";
|
||||||
import "../../../components/ha-svg-icon";
|
import "../../../components/ha-svg-icon";
|
||||||
import type {
|
import type { LovelaceViewElement } from "../../../data/lovelace";
|
||||||
LovelaceCardConfig,
|
import { LovelaceCardConfig } from "../../../data/lovelace/config/card";
|
||||||
LovelaceViewConfig,
|
import { LovelaceViewConfig } from "../../../data/lovelace/config/view";
|
||||||
LovelaceViewElement,
|
|
||||||
} from "../../../data/lovelace";
|
|
||||||
import { SortableInstance } from "../../../resources/sortable";
|
import { SortableInstance } from "../../../resources/sortable";
|
||||||
import { loadSortable } from "../../../resources/sortable.ondemand";
|
|
||||||
import type { HomeAssistant } from "../../../types";
|
import type { HomeAssistant } from "../../../types";
|
||||||
import type { HuiErrorCard } from "../cards/hui-error-card";
|
import type { HuiErrorCard } from "../cards/hui-error-card";
|
||||||
import type { Lovelace, LovelaceCard } from "../types";
|
import type { Lovelace, LovelaceCard } from "../types";
|
||||||
@ -58,6 +55,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
public disconnectedCallback() {
|
public disconnectedCallback() {
|
||||||
|
super.disconnectedCallback();
|
||||||
this._destroySortable();
|
this._destroySortable();
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -106,7 +104,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
|
|||||||
private _sortable?: SortableInstance;
|
private _sortable?: SortableInstance;
|
||||||
|
|
||||||
private async _createSortable() {
|
private async _createSortable() {
|
||||||
const Sortable = await loadSortable();
|
const Sortable = (await import("../../../resources/sortable")).default;
|
||||||
this._sortable = new Sortable(this.shadowRoot!.querySelector("#grid")!, {
|
this._sortable = new Sortable(this.shadowRoot!.querySelector("#grid")!, {
|
||||||
animation: 500,
|
animation: 500,
|
||||||
draggable: ".draggable",
|
draggable: ".draggable",
|
||||||
|
Loading…
x
Reference in New Issue
Block a user