Add if replace was used when sending navigation events (#2970)

src/common/navigate.ts

@@ -1,5 +1,14 @@
 import { fireEvent } from "./dom/fire_event";
 
+declare global {
+  // for fire event
+  interface HASSDomEvents {
+    "location-changed": {
+      replace: boolean;
+    };
+  }
+}
+
 export const navigate = (
   _node: any,
   path: string,
@@ -18,5 +27,7 @@ export const navigate = (
       history.pushState(null, "", path);
     }
   }
-  fireEvent(window, "location-changed");
+  fireEvent(window, "location-changed", {
+    replace,
+  });
 };

src/entrypoints/custom-panel.js

@@ -56,8 +56,11 @@ function initialize(panel, properties) {
         const forwardEvent = (ev) =>
           window.parent.customPanel.fire(ev.type, ev.detail);
         root.addEventListener("hass-toggle-menu", forwardEvent);
-        window.addEventListener("location-changed", () =>
-          window.parent.customPanel.navigate(window.location.pathname)
+        window.addEventListener("location-changed", (ev) =>
+          window.parent.customPanel.navigate(
+            window.location.pathname,
+            ev.detail ? ev.detail.replace : false
+          )
         );
         setProperties(Object.assign({ panel }, properties));
         document.body.appendChild(root);

src/polymer-types.ts

@@ -25,7 +25,6 @@ declare global {
     "iron-resize": undefined;
     "config-refresh": undefined;
     "ha-refresh-cloud-status": undefined;
-    "location-changed": undefined;
     "hass-notification": {
       message: string;
     };