@sinequa/atomic-angular 1.5.1 → 1.5.2

package/fesm2022/sinequa-atomic-angular.mjs

@@ -7266,6 +7266,7 @@ class NavbarTabsComponent {
     cn = cn;
     class = input(...(ngDevMode ? [undefined, { debugName: "class" }] : []));
     router = inject(Router);
+    appStore = inject(AppStore);
     showCount = input(true, ...(ngDevMode ? [{ debugName: "showCount", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * When enabled (default), tab labels are never clipped: tabs that do not fit
@@ -7295,6 +7296,42 @@ class NavbarTabsComponent {
             return undefined;
         return hasIcon ? "calc(1.5rem + 16px)" : "calc(1.5rem + 4ch)";
     }
+    persistFiltersAcrossTabs = computed(() => {
+        const general = this.appStore.general?.();
+        const appFeature = general?.features?.persistFiltersAcrossTabs;
+        if (appFeature !== undefined)
+            return appFeature;
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "persistFiltersAcrossTabs" }] : []));
+    // Determine how query params are applied on tab change.
+    // - persist: 'merge' so the tab identity params (n/t/q) are updated while
+    //   the filter params (f/sort/id/page) already in the URL are kept.
+    // - default: 'replace' so everything is rewritten from scratch.
+    getQueryParamsHandling() {
+        return this.persistFiltersAcrossTabs() ? 'merge' : 'replace';
+    }
+    // Get query params conditionally
+    getQueryParams(tab) {
+        if (this.persistFiltersAcrossTabs()) {
+            // When preserving filters, still update the tab identity params so the
+            // store rebuilds the query for the new tab. 'merge' keeps f/sort/id/page.
+            return {
+                n: tab.queryName,
+                q: this.nav.searchText(),
+                t: tab.wsQueryTab
+            };
+        }
+        // When replacing, explicitly set the filters to undefined to clear them
+        return {
+            n: tab.queryName,
+            q: this.nav.searchText(),
+            t: tab.wsQueryTab,
+            f: undefined,
+            sort: undefined,
+            id: undefined,
+            page: undefined
+        };
+    }
     changeTab() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: NavbarTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: NavbarTabsComponent, isStandalone: true, selector: "navbar-tabs", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, noTruncate: { classPropertyName: "noTruncate", publicName: "noTruncate", isSignal: true, isRequired: false, transformFunction: null }, minTabWidth: { classPropertyName: "minTabWidth", publicName: "minTabWidth", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn('block', class())" } }, ngImport: i0, template: `
@@ -7315,9 +7352,10 @@ class NavbarTabsComponent {
               [attr.disabled]="showCount() && tab.count === 0 ? '' : null"
               [active]="nav.currentPath() === tab.path"
               [routerLink]="[tab.routerLink]"
-              [queryParams]="{ n: tab.queryName, q: nav.searchText(), t: tab.wsQueryTab, f: undefined, sort: undefined, id: undefined, page: undefined }"
+              [queryParams]="getQueryParams(tab)"
+              [queryParamsHandling]="getQueryParamsHandling()"
               (click)="changeTab()"
-              (keydown.enter)="router.navigate([tab.routerLink], { queryParams: { n: tab.queryName, q: nav.searchText(), t: tab.wsQueryTab, f: undefined, sort: undefined, id: undefined, page: undefined } })"
+              (keydown.enter)="router.navigate([tab.routerLink], { queryParams: getQueryParams(tab), queryParamsHandling: getQueryParamsHandling() })"
               >
               <div [class]="cn('flex items-center content-start w-full gap-1', !noTruncate() && '@container overflow-hidden min-w-0')">
               @if (tab.icon) {
@@ -7355,7 +7393,8 @@ class NavbarTabsComponent {
               <MenuItem>
                 <a class="inline-flex items-center gap-1 whitespace-nowrap first-letter:capitalize"
                   [routerLink]="[tab.routerLink]"
-                  [queryParams]="{ n: tab.queryName, q: nav.searchText(), t: tab.wsQueryTab, f: undefined, sort: undefined, id: undefined, page: undefined }"
+                  [queryParams]="getQueryParams(tab)"
+                  [queryParamsHandling]="getQueryParamsHandling()"
                   [attr.aria-selected]="nav.currentPath() === tab.path"
                   [attr.aria-label]="tab.display | syslang | transloco"
                   (click)="changeTab()">
@@ -7413,9 +7452,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
               [attr.disabled]="showCount() && tab.count === 0 ? '' : null"
               [active]="nav.currentPath() === tab.path"
               [routerLink]="[tab.routerLink]"
-              [queryParams]="{ n: tab.queryName, q: nav.searchText(), t: tab.wsQueryTab, f: undefined, sort: undefined, id: undefined, page: undefined }"
+              [queryParams]="getQueryParams(tab)"
+              [queryParamsHandling]="getQueryParamsHandling()"
               (click)="changeTab()"
-              (keydown.enter)="router.navigate([tab.routerLink], { queryParams: { n: tab.queryName, q: nav.searchText(), t: tab.wsQueryTab, f: undefined, sort: undefined, id: undefined, page: undefined } })"
+              (keydown.enter)="router.navigate([tab.routerLink], { queryParams: getQueryParams(tab), queryParamsHandling: getQueryParamsHandling() })"
               >
               <div [class]="cn('flex items-center content-start w-full gap-1', !noTruncate() && '@container overflow-hidden min-w-0')">
               @if (tab.icon) {
@@ -7453,7 +7493,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
               <MenuItem>
                 <a class="inline-flex items-center gap-1 whitespace-nowrap first-letter:capitalize"
                   [routerLink]="[tab.routerLink]"
-                  [queryParams]="{ n: tab.queryName, q: nav.searchText(), t: tab.wsQueryTab, f: undefined, sort: undefined, id: undefined, page: undefined }"
+                  [queryParams]="getQueryParams(tab)"
+                  [queryParamsHandling]="getQueryParamsHandling()"
                   [attr.aria-selected]="nav.currentPath() === tab.path"
                   [attr.aria-label]="tab.display | syslang | transloco"
                   (click)="changeTab()">