@hestia-earth/ui-components 0.31.12 → 0.31.14

package/fesm2022/hestia-earth-ui-components.mjs

@@ -30,7 +30,7 @@ import { DeltaDisplayType, delta, customDeltaFuncs } from '@hestia-earth/utils/d
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
-import { RouterLinkActive, RouterLink } from '@angular/router';
+import { RouterLinkActive, RouterLink, ActivatedRoute } from '@angular/router';
 import * as i1$1 from 'angular-svg-icon';
 import { SvgIconComponent, AngularSvgIconModule } from 'angular-svg-icon';
 import { BreakpointObserver } from '@angular/cdk/layout';
@@ -5798,7 +5798,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 
 class NodeLinkComponent {
     constructor() {
+        this.route = inject(ActivatedRoute);
         this.faExternalLinkAlt = faExternalLinkAlt;
+        this.dataVersion = toSignal(this.route.queryParams.pipe(map(({ dataVersion }) => dataVersion)));
         this.node = input.required();
         this.showExternalLink = input(false);
         this.linkClass = input();
@@ -5808,9 +5810,15 @@ class NodeLinkComponent {
         this.dataState = computed(() => 
         // aggregated ImpactAsessment only have a recalculated version
         this.aggregated() && this.type() === NodeType.ImpactAssessment ? DataState.recalculated : DataState.original);
-        this.url = computed(() => `${[baseUrl(), this.node()?.['@type']?.toLowerCase(), this.id()]
+        this.urlParams = computed(() => [
+            this.dataState() !== DataState.original ? `dataState=${this.dataState()}` : '',
+            this.dataVersion() ? `dataVersion=${this.dataVersion()}` : ''
+        ]
+            .filter(Boolean)
+            .join('&'));
+        this.url = computed(() => [[baseUrl(), this.node()?.['@type']?.toLowerCase(), this.id()].filter(Boolean).join('/'), this.urlParams()]
             .filter(Boolean)
-            .join('/')}${this.dataState() !== DataState.original ? `?dataState=${this.dataState()}` : ''}`);
+            .join('?'));
         this.showLink = computed(() => linkTypeEnabled(this.node()?.['@type']));
         this.target = computed(() => (this.showExternalLink() || isExternal() ? '_blank' : '_self'));
     }