@energycap/components 0.33.0 → 0.33.1

package/fesm2020/energycap-components.mjs

@@ -10194,6 +10194,13 @@ class PageBaseComponent {
          * Used to opt out of hiding the splash screen when the page is loaded
          */
         this.skipHideSplashOnComplete = false;
+        /**
+         * When set to true any navigation end events that are strictly query param changes will
+         * not call the onNavigationEnd function. This allows pages to change the view with query
+         * params and not trigger a full refresh.
+         */
+        this.ignoreQueryParamsOnNavigationChange = false;
+        this.previousUrl = "";
         /**
          * Used to unsubscribe from observables
          */
@@ -10472,10 +10479,21 @@ class PageBaseComponent {
      */
     setUpRouterSubscriptions() {
         if (!this.navigationEndSubscription && !this.destroyed.closed) {
+            this.previousUrl = this.router.url;
             // React to navigation events
             this.navigationEndSubscription = this.router.events.pipe(takeUntil(this.destroyed), filter(e => e instanceof NavigationEnd)).subscribe(e => {
                 try {
-                    this.onNavigationEnd();
+                    let currentUrl = e.url;
+                    if (this.ignoreQueryParamsOnNavigationChange) {
+                        if (this.previousUrl.split('?')[0] !== currentUrl.split('?')[0]) {
+                            this.navigationEndHandler(e.url);
+                        }
+                    }
+                    else {
+                        if (this.previousUrl !== currentUrl) {
+                            this.navigationEndHandler(e.url);
+                        }
+                    }
                 }
                 catch (error) {
                     this.onError(error);
@@ -10483,6 +10501,10 @@ class PageBaseComponent {
             });
         }
     }
+    navigationEndHandler(url) {
+        this.previousUrl = url;
+        this.onNavigationEnd();
+    }
 }
 PageBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageBaseComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
 PageBaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: PageBaseComponent, host: { properties: { "class": "this.classList" } }, ngImport: i0 });