Use hasupdated

home-assistant · Jun 27, 2024 · b71888b · b71888b
1 parent 43d5daa
commit b71888b
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/panels/lovelace/cards/hui-card.ts b/src/panels/lovelace/cards/hui-card.ts
@@ -124,27 +124,30 @@ export class HuiCard extends ReactiveElement {
     this._updateVisibility();
   }
 
-  protected update(changedProps: PropertyValues<typeof this>) {
-    super.update(changedProps);
+  protected willUpdate(changedProps: PropertyValues<typeof this>): void {
+    super.willUpdate(changedProps);
 
     if (!this._element) {
       this.build();
     }
+  }
 
-    if (changedProps.has("config")) {
-      const oldConfig = changedProps.get("config");
-      if (this.config && oldConfig && this.config !== oldConfig) {
-        const typeChanged = this.config.type !== oldConfig.type;
-        if (typeChanged) {
-          this._buildElement(this.config);
-        } else {
-          this._element?.setConfig(this.config);
-          fireEvent(this, "card-updated");
-        }
-      }
-    }
+  protected update(changedProps: PropertyValues<typeof this>) {
+    super.update(changedProps);
 
     if (this._element) {
+      if (changedProps.has("config") && this.hasUpdated) {
+        const oldConfig = changedProps.get("config");
+        if (this.config !== oldConfig && this.config) {
+          const typeChanged = this.config?.type !== oldConfig?.type;
+          if (typeChanged) {
+            this._buildElement(this.config);
+          } else {
+            this._element?.setConfig(this.config);
+            fireEvent(this, "card-updated");
+          }
+        }
+      }
       if (changedProps.has("hass")) {
         try {
           if (this.hass) {