@sinequa/atomic-angular 1.0.4 → 1.0.7

package/fesm2022/sinequa-atomic-angular.mjs

@@ -1551,6 +1551,16 @@ function withThemes(app, themes) {
     return app;
 }
 
+/**
+ * Signs in the user by checking the global configuration for authentication method and acting accordingly.
+ *
+ * This function first clears any existing session tokens to ensure a clean authentication state. It then checks the
+ * global configuration to determine whether to use credentials-based authentication or Single Sign-On (SSO). If
+ * credentials are used, it redirects the user to the login page. If SSO is enabled, it reloads the page to trigger
+ * the SSO login process. If neither method is specified, it attempts a standard login and handles any errors that
+ * may occur during the process.
+ * @returns A promise resolving to a boolean indicating the success of the sign-in operation.
+ */
 async function signIn() {
     assertInInjectionContext(signIn);
     const router = inject(Router);
@@ -1561,21 +1571,24 @@ async function signIn() {
     // If credentials are used and user override is not active, redirect to the login page
     if (useCredentials) {
         router.navigate([loginPath], { queryParams: { returnUrl: lastUrlAfterNavigation } });
-        return; // prevent further execution
+        return false; // prevent further execution
     }
     // SSO is set to true when the browser handles authentication automatically
     // If SSO is used, reload the page to trigger SSO login
     if (useSSO) {
         // reload the page to trigger SSO login
         window.location.reload();
-        return; // prevent further execution
+        return false; // prevent further execution
     }
     // Otherwise, perform a standard login
     try {
         const response = await login();
-        info("Response from login", response);
-        if (!response) {
-            warn("No response from login, redirecting to login page", response);
+        if (response) {
+            info("Response from login", response);
+            return true;
+        }
+        else {
+            warn("Response from login", response);
         }
     }
     catch (err) {
@@ -1586,7 +1599,7 @@ async function signIn() {
         }
         throw err;
     }
-    return; // prevent further execution
+    return false; // prevent further execution
 }
 
 /**
@@ -1607,24 +1620,28 @@ async function withBootstrapApp(applicationService, { createRoutes = true }) {
     return new Promise(resolve => {
         // Check if the user is authenticated
         signIn()
-            .then(() => {
-            info('User authenticated, initializing application...');
-            // Initialize the application
-            applicationService
-                .initialize(createRoutes)
-                .then(() => {
-                info(`Application initialized with routes: ${createRoutes} successfully.`);
-                resolve();
-            })
-                .catch(err => {
-                error(`Error initializing application with routes: ${createRoutes}:`, err);
-                resolve();
-            });
+            .then((response) => {
+            if (response) {
+                info('User authenticated, initializing application...');
+                // Initialize the application
+                applicationService
+                    .initialize(createRoutes)
+                    .then(() => {
+                    info(`Application initialized with routes: ${createRoutes} successfully.`);
+                })
+                    .catch(err => {
+                    error(`Error initializing application with routes: ${createRoutes}:`, err);
+                });
+            }
+            else {
+                info('User not authenticated, skipping application initialization.');
+            }
+            ;
         })
             .catch(err => {
             error('Error while signing in:', err);
-            resolve();
-        });
+        })
+            .finally(() => resolve());
     });
 }
 
@@ -3301,39 +3318,53 @@ class AggregationsService {
         return node;
     }
     /* aggregations helpers fot the filters components */
-    getAuthorizedFilters(aggregations, includedFilters = [], excludedFilters = []) {
+    getAuthorizedFilters(aggregations, includedFilters = [], excludedFilters = [], homepageOnly = false) {
         const agg = aggregations || this.appStore.getAuthorizedFilters();
         const authorizedFilters = agg
             .filter((f) => this.getFilterCriteria()(f)) // filter only the filters present
+            .filter((f) => !homepageOnly || this.getHomepageFilterCriteria()(f)) // when requested, keep only filters flagged `homepage: true`
             .filter((f) => !excludedFilters.includes(f.name))
             .filter((f) => !includedFilters.length || includedFilters.includes(f.name))
             .map((f) => ({ field: f.column, column: f.column, name: f.name })); // field is needed for filters constructions
         return authorizedFilters;
     }
+    /**
+     * Determines whether a custom JSON filter refers to the given aggregation.
+     *
+     * Matches by `name` when it is defined, otherwise falls back to `column`,
+     * resolving column/alias ambiguity through the app store's column map.
+     *
+     * @param filter - The filter object coming from the custom JSON.
+     * @param agg - The aggregation returned by the backend.
+     * @returns `true` if the filter refers to the aggregation.
+     */
+    matchesAggregation(filter, agg) {
+        // if filter.name is defined, use it to compare
+        if (filter.name) {
+            return filter.name.toLocaleLowerCase() === agg.name.toLocaleLowerCase();
+        }
+        // fallback to column comparison
+        // column can be a column's name or an alias
+        // resolve ambiguity between column and alias
+        const { columnMap } = getState(this.appStore);
+        // get the actual column for both filter and f
+        const aggColumn = columnMap?.[agg.column.toLocaleLowerCase()];
+        const filterColumn = columnMap?.[filter?.column?.toLocaleLowerCase() || filter.name.toLocaleLowerCase()];
+        // if either column is not found, fallback to comparing the raw values
+        if (!aggColumn || !filterColumn) {
+            return filter?.column?.toLocaleLowerCase() === agg?.column?.toLocaleLowerCase();
+        }
+        // compare the actual column names coming from the column map
+        return aggColumn?.name === filterColumn?.name;
+    }
     getFilterCriteria = () => {
         // filter: object filter from the custom JSON
         // agg: object aggregation returned by the backend
-        return (agg) => {
-            return this.appStore.filters().some((filter) => {
-                // if filter.name is defined, use it to compare
-                if (filter.name) {
-                    return filter.name.toLocaleLowerCase() === agg.name.toLocaleLowerCase();
-                }
-                // fallback to column comparison
-                // column can be a column's name or an alias
-                // resolve ambiguity between column and alias
-                const { columnMap } = getState(this.appStore);
-                // get the actual column for both filter and f
-                const aggColumn = columnMap?.[agg.column.toLocaleLowerCase()];
-                const filterColumn = columnMap?.[filter?.column?.toLocaleLowerCase() || filter.name.toLocaleLowerCase()];
-                // if either column is not found, fallback to comparing the raw values
-                if (!aggColumn || !filterColumn) {
-                    return filter?.column?.toLocaleLowerCase() === agg?.column?.toLocaleLowerCase();
-                }
-                // compare the actual column names coming from the column map
-                return aggColumn?.name === filterColumn?.name;
-            });
-        };
+        return (agg) => this.appStore.filters().some((filter) => this.matchesAggregation(filter, agg));
+    };
+    getHomepageFilterCriteria = () => {
+        // only consider filters explicitly flagged with `homepage: true` in the custom JSON
+        return (agg) => this.appStore.filters().some((filter) => filter.homepage && this.matchesAggregation(filter, agg));
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AggregationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AggregationsService, providedIn: "root" });
@@ -4983,8 +5014,9 @@ class SourceComponent {
     iconDetails = computed(() => {
         const [collection] = this.collection() || [];
         const connector = (this.connector() ?? "").toLocaleLowerCase();
-        if (!collection)
-            return undefined;
+        if (!collection) {
+            return { iconClass: "", iconPath: undefined };
+        }
         const src = this.appStore.sources();
         const name = collection.split("/")[1].toLocaleLowerCase();
         const defaultIconClass = "far fa-file";
@@ -5007,11 +5039,11 @@ class SourceComponent {
         return { iconClass: defaultIconClass };
     }, ...(ngDevMode ? [{ debugName: "iconDetails" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SourceComponent, isStandalone: true, selector: "source, Source", inputs: { collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTranslocoScope("sources")], ngImport: i0, template: "@if (iconDetails()?.iconPath) {\r\n  <img\r\n    [src]=\"iconDetails()?.iconPath\"\r\n    [alt]=\"collection()?.[0] || ('sources.sourceIcon' | transloco)\" />\r\n} @else {\r\n  <FaIcon\r\n    [faClass]=\"iconDetails()!.iconClass\"\r\n    [attr.aria-label]=\"'sources.sourceIcon' | transloco\" />\r\n}\r\n", dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SourceComponent, isStandalone: true, selector: "source, Source", inputs: { collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTranslocoScope("sources")], ngImport: i0, template: "@if (iconDetails().iconPath) {\r\n  <img\r\n    [src]=\"iconDetails().iconPath\"\r\n    [alt]=\"collection()?.[0] || ('sources.sourceIcon' | transloco)\" />\r\n} @else {\r\n  <FaIcon\r\n    [faClass]=\"iconDetails().iconClass\"\r\n    [attr.aria-label]=\"'sources.sourceIcon' | transloco\" />\r\n}\r\n", dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SourceComponent, decorators: [{
             type: Component,
-            args: [{ selector: "source, Source", standalone: true, imports: [TranslocoPipe, FaIconComponent], providers: [provideTranslocoScope("sources")], template: "@if (iconDetails()?.iconPath) {\r\n  <img\r\n    [src]=\"iconDetails()?.iconPath\"\r\n    [alt]=\"collection()?.[0] || ('sources.sourceIcon' | transloco)\" />\r\n} @else {\r\n  <FaIcon\r\n    [faClass]=\"iconDetails()!.iconClass\"\r\n    [attr.aria-label]=\"'sources.sourceIcon' | transloco\" />\r\n}\r\n" }]
+            args: [{ selector: "source, Source", standalone: true, imports: [TranslocoPipe, FaIconComponent], providers: [provideTranslocoScope("sources")], template: "@if (iconDetails().iconPath) {\r\n  <img\r\n    [src]=\"iconDetails().iconPath\"\r\n    [alt]=\"collection()?.[0] || ('sources.sourceIcon' | transloco)\" />\r\n} @else {\r\n  <FaIcon\r\n    [faClass]=\"iconDetails().iconClass\"\r\n    [attr.aria-label]=\"'sources.sourceIcon' | transloco\" />\r\n}\r\n" }]
         }], propDecorators: { collection: [{ type: i0.Input, args: [{ isSignal: true, alias: "collection", required: false }] }], connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }] } });
 
 class DocumentLocatorComponent {
@@ -7896,11 +7928,16 @@ class AdvancedFiltersComponent {
     }, ...(ngDevMode ? [{ debugName: "allowEmptySearch" }] : []));
     text = "";
     constructor() {
-        this.getFirstPageQuery();
+        effect(() => {
+            getState(this.appStore);
+            const query = this.appStore.getDefaultQuery();
+            if (query?.name) {
+                this.getFirstPageQuery(query?.name);
+            }
+        });
     }
-    async getFirstPageQuery() {
-        const query = this.appStore.getDefaultQuery() || { name: "_default" };
-        const response = await fetchQuery({ isFirstPage: true, name: query.name });
+    async getFirstPageQuery(queryName) {
+        const response = await fetchQuery({ isFirstPage: true, name: queryName });
         this.aggregations.set(response.aggregations);
     }
     onTabChange(tab) {
@@ -11860,11 +11897,16 @@ class DrawerAdvancedFiltersComponent extends DrawerComponent {
     text = "";
     constructor() {
         super();
-        this.getFirstPageQuery();
+        effect(() => {
+            getState(this.appStore);
+            const query = this.appStore.getDefaultQuery();
+            if (query?.name) {
+                this.getFirstPageQuery(query?.name);
+            }
+        });
     }
-    async getFirstPageQuery() {
-        const query = this.appStore.getDefaultQuery() || { name: "_default" };
-        const response = await fetchQuery({ isFirstPage: true, name: query.name });
+    async getFirstPageQuery(queryName) {
+        const response = await fetchQuery({ isFirstPage: true, name: queryName });
         this.aggregations.set(response.aggregations);
     }
     onTabChange(tab) {
@@ -14253,6 +14295,7 @@ class MoreComponent {
     includedFilters = input([], ...(ngDevMode ? [{ debugName: "includedFilters" }] : []));
     excludedFilters = input([], ...(ngDevMode ? [{ debugName: "excludedFilters" }] : []));
     aggregations = input(...(ngDevMode ? [undefined, { debugName: "aggregations" }] : []));
+    homepage = input(false, ...(ngDevMode ? [{ debugName: "homepage", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     appStore = inject(AppStore);
     aggregationsStore = inject(AggregationsStore);
     queryParamsStore = inject(QueryParamsStore);
@@ -14280,7 +14323,7 @@ class MoreComponent {
         effect(() => {
             const count = this.count();
             const authorizedFilters = this.aggregationsService
-                .getAuthorizedFilters(this.aggregations(), this.includedFilters(), this.excludedFilters())
+                .getAuthorizedFilters(this.aggregations(), this.includedFilters(), this.excludedFilters(), this.homepage())
                 .toSpliced(0, count);
             const f = authorizedFilters.map((agg) => {
                 const { icon = "far fa-list", hidden = false } = this.appStore.getAggregationCustomization(agg.column, agg.name) || {};
@@ -14331,7 +14374,7 @@ class MoreComponent {
         return count > 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MoreComponent, isStandalone: true, selector: "more, More", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, includedFilters: { classPropertyName: "includedFilters", publicName: "includedFilters", isSignal: true, isRequired: false, transformFunction: null }, excludedFilters: { classPropertyName: "excludedFilters", publicName: "excludedFilters", isSignal: true, isRequired: false, transformFunction: null }, aggregations: { classPropertyName: "aggregations", publicName: "aggregations", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "divide-y divide-muted-foreground/18" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MoreComponent, isStandalone: true, selector: "more, More", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, includedFilters: { classPropertyName: "includedFilters", publicName: "includedFilters", isSignal: true, isRequired: false, transformFunction: null }, excludedFilters: { classPropertyName: "excludedFilters", publicName: "excludedFilters", isSignal: true, isRequired: false, transformFunction: null }, aggregations: { classPropertyName: "aggregations", publicName: "aggregations", isSignal: true, isRequired: false, transformFunction: null }, homepage: { classPropertyName: "homepage", publicName: "homepage", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "divide-y divide-muted-foreground/18" }, ngImport: i0, template: `
     @for (filter of visibleFilters(); track $index) {
       <Aggregation
         class="w-60 max-w-80 [--height:15lh]"
@@ -14362,7 +14405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
   `, host: {
                         class: "divide-y divide-muted-foreground/18"
                     }, styles: [":host{scrollbar-width:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], includedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "includedFilters", required: false }] }], excludedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFilters", required: false }] }], aggregations: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregations", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], includedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "includedFilters", required: false }] }], excludedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFilters", required: false }] }], aggregations: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregations", required: false }] }], homepage: [{ type: i0.Input, args: [{ isSignal: true, alias: "homepage", required: false }] }] } });
 
 class MoreButtonComponent {
     appStore = inject(AppStore);
@@ -14374,10 +14417,11 @@ class MoreButtonComponent {
     includedFilters = input([], ...(ngDevMode ? [{ debugName: "includedFilters" }] : []));
     excludedFilters = input([], ...(ngDevMode ? [{ debugName: "excludedFilters" }] : []));
     aggregations = input(...(ngDevMode ? [undefined, { debugName: "aggregations" }] : []));
+    homepage = input(false, ...(ngDevMode ? [{ debugName: "homepage", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     totalFiltersCount = computed(() => {
         const count = this.count();
         const authorizedFilters = this.aggregationsService
-            .getAuthorizedFilters(this.aggregations(), this.includedFilters(), this.excludedFilters())
+            .getAuthorizedFilters(this.aggregations(), this.includedFilters(), this.excludedFilters(), this.homepage())
             .toSpliced(0, count);
         const total = authorizedFilters.reduce((acc, filter) => {
             const f = this.queryParamsStore.getFilter(filter);
@@ -14387,7 +14431,7 @@ class MoreButtonComponent {
         return total;
     }, ...(ngDevMode ? [{ debugName: "totalFiltersCount" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MoreButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MoreButtonComponent, isStandalone: true, selector: "more-button, MoreButton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, includedFilters: { classPropertyName: "includedFilters", publicName: "includedFilters", isSignal: true, isRequired: false, transformFunction: null }, excludedFilters: { classPropertyName: "excludedFilters", publicName: "excludedFilters", isSignal: true, isRequired: false, transformFunction: null }, aggregations: { classPropertyName: "aggregations", publicName: "aggregations", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MoreButtonComponent, isStandalone: true, selector: "more-button, MoreButton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, includedFilters: { classPropertyName: "includedFilters", publicName: "includedFilters", isSignal: true, isRequired: false, transformFunction: null }, excludedFilters: { classPropertyName: "excludedFilters", publicName: "excludedFilters", isSignal: true, isRequired: false, transformFunction: null }, aggregations: { classPropertyName: "aggregations", publicName: "aggregations", isSignal: true, isRequired: false, transformFunction: null }, homepage: { classPropertyName: "homepage", publicName: "homepage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <Popover class="group/more">
       <button
         variant="ghost"
@@ -14405,11 +14449,11 @@ class MoreButtonComponent {
 
       <PopoverContent #contentRef="popoverContent" [position]="position()" class="min-w-max">
         @if(contentRef.isVisible) {
-        <More [count]="count()" [includedFilters]="includedFilters()" [excludedFilters]="excludedFilters()" [aggregations]="aggregations()" class="block h-full w-full max-w-80 [--height:55vh] min-w-40 overflow-hidden" />
+        <More [count]="count()" [includedFilters]="includedFilters()" [excludedFilters]="excludedFilters()" [aggregations]="aggregations()" [homepage]="homepage()" class="block h-full w-full max-w-80 [--height:55vh] min-w-40 overflow-hidden" />
         }
       </PopoverContent>
     </Popover>
-  `, isInline: true, dependencies: [{ kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size"] }, { kind: "component", type: PopoverComponent, selector: "popover, Popover", inputs: ["disabled", "closeOnScroll"], outputs: ["closed"] }, { kind: "directive", type: PopoverContentComponent, selector: "popover-content, PopoverContent, popovercontent", inputs: ["class", "position", "keepOpen", "offset", "strategy"], exportAs: ["popoverContent"] }, { kind: "component", type: MoreComponent, selector: "more, More", inputs: ["count", "includedFilters", "excludedFilters", "aggregations"] }, { kind: "directive", type: BadgeComponent, selector: "badge, Badge", inputs: ["class", "variant", "size"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size"] }, { kind: "component", type: PopoverComponent, selector: "popover, Popover", inputs: ["disabled", "closeOnScroll"], outputs: ["closed"] }, { kind: "directive", type: PopoverContentComponent, selector: "popover-content, PopoverContent, popovercontent", inputs: ["class", "position", "keepOpen", "offset", "strategy"], exportAs: ["popoverContent"] }, { kind: "component", type: MoreComponent, selector: "more, More", inputs: ["count", "includedFilters", "excludedFilters", "aggregations", "homepage"] }, { kind: "directive", type: BadgeComponent, selector: "badge, Badge", inputs: ["class", "variant", "size"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MoreButtonComponent, decorators: [{
             type: Component,
@@ -14435,13 +14479,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 
       <PopoverContent #contentRef="popoverContent" [position]="position()" class="min-w-max">
         @if(contentRef.isVisible) {
-        <More [count]="count()" [includedFilters]="includedFilters()" [excludedFilters]="excludedFilters()" [aggregations]="aggregations()" class="block h-full w-full max-w-80 [--height:55vh] min-w-40 overflow-hidden" />
+        <More [count]="count()" [includedFilters]="includedFilters()" [excludedFilters]="excludedFilters()" [aggregations]="aggregations()" [homepage]="homepage()" class="block h-full w-full max-w-80 [--height:55vh] min-w-40 overflow-hidden" />
         }
       </PopoverContent>
     </Popover>
   `
                 }]
-        }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], includedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "includedFilters", required: false }] }], excludedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFilters", required: false }] }], aggregations: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregations", required: false }] }] } });
+        }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], includedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "includedFilters", required: false }] }], excludedFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFilters", required: false }] }], aggregations: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregations", required: false }] }], homepage: [{ type: i0.Input, args: [{ isSignal: true, alias: "homepage", required: false }] }] } });
 
 class FiltersBarComponent {
     class = input(...(ngDevMode ? [undefined, { debugName: "class" }] : []));
@@ -14479,6 +14523,15 @@ class FiltersBarComponent {
      * @default true
      */
     showMoreFiltersButton = input(true, ...(ngDevMode ? [{ debugName: "showMoreFiltersButton", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * When enabled, only the filters flagged with `homepage: true` in the "filters" custom JSON
+     * are displayed. If no filter is flagged, the bar shows no filters.
+     *
+     * Accepts a boolean value or a string that can be transformed to a boolean.
+     *
+     * @default false
+     */
+    homepage = input(false, ...(ngDevMode ? [{ debugName: "homepage", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     direction = input("horizontal", ...(ngDevMode ? [{ debugName: "direction" }] : []));
     /**
      * The distance in pixels between the popover and its trigger element.
@@ -14563,7 +14616,7 @@ class FiltersBarComponent {
      */
     authorizedFilters = computed(() => {
         const authorizedFilters = this.aggregationsService
-            .getAuthorizedFilters(this.aggregations(), this.includeFilters(), this.excludeFilters())
+            .getAuthorizedFilters(this.aggregations(), this.includeFilters(), this.excludeFilters(), this.homepage())
             .map((f) => ({ name: f.name, column: f.column }))
             .toSpliced(this.filtersCount());
         return authorizedFilters;
@@ -14620,7 +14673,7 @@ class FiltersBarComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FiltersBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FiltersBarComponent, isStandalone: true, selector: "filters-bar, FiltersBar, filtersbar", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, morePosition: { classPropertyName: "morePosition", publicName: "morePosition", isSignal: true, isRequired: false, transformFunction: null }, aggregations: { classPropertyName: "aggregations", publicName: "aggregations", isSignal: true, isRequired: false, transformFunction: null }, includeFilters: { classPropertyName: "includeFilters", publicName: "includeFilters", isSignal: true, isRequired: false, transformFunction: null }, excludeFilters: { classPropertyName: "excludeFilters", publicName: "excludeFilters", isSignal: true, isRequired: false, transformFunction: null }, filtersCount: { classPropertyName: "filtersCount", publicName: "filtersCount", isSignal: true, isRequired: false, transformFunction: null }, showMoreFiltersButton: { classPropertyName: "showMoreFiltersButton", publicName: "showMoreFiltersButton", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClearFilters: "onClearFilters", onClearBasket: "onClearBasket" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "cn('block relative', class())" } }, providers: [provideTranslocoScope("filters")], viewQueries: [{ propertyName: "moreButtonRef", first: true, predicate: MoreButtonComponent, descendants: true, isSignal: true }, { propertyName: "filterButtonRefs", predicate: FilterButtonComponent, descendants: true, isSignal: true }, { propertyName: "overflowManagerRef", first: true, predicate: OverflowManagerDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FiltersBarComponent, isStandalone: true, selector: "filters-bar, FiltersBar, filtersbar", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, morePosition: { classPropertyName: "morePosition", publicName: "morePosition", isSignal: true, isRequired: false, transformFunction: null }, aggregations: { classPropertyName: "aggregations", publicName: "aggregations", isSignal: true, isRequired: false, transformFunction: null }, includeFilters: { classPropertyName: "includeFilters", publicName: "includeFilters", isSignal: true, isRequired: false, transformFunction: null }, excludeFilters: { classPropertyName: "excludeFilters", publicName: "excludeFilters", isSignal: true, isRequired: false, transformFunction: null }, filtersCount: { classPropertyName: "filtersCount", publicName: "filtersCount", isSignal: true, isRequired: false, transformFunction: null }, showMoreFiltersButton: { classPropertyName: "showMoreFiltersButton", publicName: "showMoreFiltersButton", isSignal: true, isRequired: false, transformFunction: null }, homepage: { classPropertyName: "homepage", publicName: "homepage", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClearFilters: "onClearFilters", onClearBasket: "onClearBasket" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "cn('block relative', class())" } }, providers: [provideTranslocoScope("filters")], viewQueries: [{ propertyName: "moreButtonRef", first: true, predicate: MoreButtonComponent, descendants: true, isSignal: true }, { propertyName: "filterButtonRefs", predicate: FilterButtonComponent, descendants: true, isSignal: true }, { propertyName: "overflowManagerRef", first: true, predicate: OverflowManagerDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <div overflowManager [direction]="direction()" (count)="adjustFiltersCount($event)"  class="flex items-end gap-2 rounded-[inherit] bg-inherit">
       @if (hasFilters()) {
         <button
@@ -14668,11 +14721,12 @@ class FiltersBarComponent {
           [position]="morePosition()"
           [includedFilters]="includeFilters()"
           [excludedFilters]="excludeFilters()"
-          [aggregations]="aggregations()" />
+          [aggregations]="aggregations()"
+          [homepage]="homepage()" />
       }
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size"] }, { kind: "component", type: MoreButtonComponent, selector: "more-button, MoreButton", inputs: ["count", "position", "includedFilters", "excludedFilters", "aggregations"] }, { kind: "component", type: FilterButtonComponent, selector: "filter-button, FilterButton", inputs: ["name", "column", "position", "offset", "expandedLevel"] }, { kind: "directive", type: OverflowManagerDirective, selector: "[overflowManager]", inputs: ["target", "margin", "direction"], outputs: ["count"] }, { kind: "directive", type: OverflowItemDirective, selector: "[overflowItem]" }, { kind: "directive", type: OverflowStopDirective, selector: "[overflowStop]" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size"] }, { kind: "component", type: MoreButtonComponent, selector: "more-button, MoreButton", inputs: ["count", "position", "includedFilters", "excludedFilters", "aggregations", "homepage"] }, { kind: "component", type: FilterButtonComponent, selector: "filter-button, FilterButton", inputs: ["name", "column", "position", "offset", "expandedLevel"] }, { kind: "directive", type: OverflowManagerDirective, selector: "[overflowManager]", inputs: ["target", "margin", "direction"], outputs: ["count"] }, { kind: "directive", type: OverflowItemDirective, selector: "[overflowItem]" }, { kind: "directive", type: OverflowStopDirective, selector: "[overflowStop]" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FiltersBarComponent, decorators: [{
             type: Component,
@@ -14737,7 +14791,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
           [position]="morePosition()"
           [includedFilters]="includeFilters()"
           [excludedFilters]="excludeFilters()"
-          [aggregations]="aggregations()" />
+          [aggregations]="aggregations()"
+          [homepage]="homepage()" />
       }
       }
     </div>
@@ -14747,7 +14802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         "(click)": "handleClick($event)"
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], morePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "morePosition", required: false }] }], aggregations: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregations", required: false }] }], includeFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "includeFilters", required: false }] }], excludeFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludeFilters", required: false }] }], filtersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersCount", required: false }] }], showMoreFiltersButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMoreFiltersButton", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], onClearFilters: [{ type: i0.Output, args: ["onClearFilters"] }], onClearBasket: [{ type: i0.Output, args: ["onClearBasket"] }], moreButtonRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MoreButtonComponent), { isSignal: true }] }], filterButtonRefs: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => FilterButtonComponent), { isSignal: true }] }], overflowManagerRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => OverflowManagerDirective), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], morePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "morePosition", required: false }] }], aggregations: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregations", required: false }] }], includeFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "includeFilters", required: false }] }], excludeFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludeFilters", required: false }] }], filtersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersCount", required: false }] }], showMoreFiltersButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMoreFiltersButton", required: false }] }], homepage: [{ type: i0.Input, args: [{ isSignal: true, alias: "homepage", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], onClearFilters: [{ type: i0.Output, args: ["onClearFilters"] }], onClearBasket: [{ type: i0.Output, args: ["onClearBasket"] }], moreButtonRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MoreButtonComponent), { isSignal: true }] }], filterButtonRefs: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => FilterButtonComponent), { isSignal: true }] }], overflowManagerRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => OverflowManagerDirective), { isSignal: true }] }] } });
 
 class LabelService {
     appStore = inject(AppStore);