@sinequa/atomic-angular 1.10.0 → 1.12.0

package/fesm2022/sinequa-atomic-angular.mjs

@@ -7,7 +7,7 @@ import highlightWords from 'highlight-words';
 import { ActivatedRoute, Router, NavigationEnd, RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
 import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import { signalStore, signalStoreFeature, withState, withMethods, patchState, getState, withComputed } from '@ngrx/signals';
-import { EngineType, fetchApp, extraColumns, sysLang, fetchPrincipal, globalConfig, filter, getQueryParamsFromUrl, clearSessionTokens, login, info, error, setGlobalConfig, initializeAppConfig, notify, addConcepts, queryParamsFromUrl, patchUserSettings, deleteUserSettings, fetchUserSettings, warn, buildPathsAndLevels, escapeExpr, fetchQuery, isAuthenticated, isExpired, debug, AuditEventType, fetchSuggest, isObject, Audit, getMetadata, bisect, isNotInputEvent, fetchSponsoredLinks, translateAggregationToDateOptions, aggItemRegex, parseValueAndOperatorFromItem, fetchSuggestField, fetchSimilarDocuments, logout, fetchChangePassword, fetchSendPasswordResetEmail, expiresSoon, suggestionsToTreeAggregationNodes, labels, fetchLabels, guid, getRelativeDate, createUserProfile, deleteUserProfileProperty, patchUserProfile, isJsonable, addAuditAdditionalInfo, getToken, setToken, createHeaders } from '@sinequa/atomic';
+import { EngineType, fetchApp, extraColumns, sysLang, fetchPrincipal, globalConfig, filter, getQueryParamsFromUrl, info, clearSessionTokens, login, error, setGlobalConfig, initializeAppConfig, notify, addConcepts, queryParamsFromUrl, patchUserSettings, deleteUserSettings, fetchUserSettings, warn, buildPathsAndLevels, escapeExpr, fetchQuery, isAuthenticated, isExpired, debug, AuditEventType, fetchSuggest, isObject, Audit, getMetadata, bisect, isNotInputEvent, fetchSponsoredLinks, translateAggregationToDateOptions, aggItemRegex, parseValueAndOperatorFromItem, fetchSuggestField, fetchSimilarDocuments, logout, fetchChangePassword, fetchSendPasswordResetEmail, expiresSoon, suggestionsToTreeAggregationNodes, labels, fetchLabels, guid, getRelativeDate, createUserProfile, deleteUserProfileProperty, patchUserProfile, isJsonable, addAuditAdditionalInfo, getToken, setToken, createHeaders } from '@sinequa/atomic';
 import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
 import { DatePipe, DATE_PIPE_DEFAULT_TIMEZONE, DATE_PIPE_DEFAULT_OPTIONS, Location, NgTemplateOutlet, NgStyle, NgClass, NgComponentOutlet } from '@angular/common';
 import { HttpClient, HttpParams, httpResource, HttpResponse, HttpContextToken, HttpHeaders } from '@angular/common/http';
@@ -1295,6 +1295,40 @@ const PrincipalStore = signalStore({ providedIn: 'root' }, withDevtools('Princip
     };
 }));
 
+/** The sign-out confirmation route. Fixed, like the `logout` path `AuthPageComponent` reads. */
+const LOGOUT_PATH = "/logout";
+/** Leading slash, no query string, no fragment — what `Router.url` and `loginPath` must agree on. */
+function normalize(url) {
+    const path = url.split("?")[0].split("#")[0];
+    return path.startsWith("/") ? path : `/${path}`;
+}
+/** Whether `path` is `base` or one of its children — `/login/sso` yes, `/loginer` no. */
+function isUnder(path, base) {
+    return path === base || path.startsWith(`${base}/`);
+}
+/**
+ * Whether `url` is one of the authentication screens: the configured `loginPath` (defaulting to
+ * `/login`) or `/logout`.
+ *
+ * Two things follow from it, and both were bugs before it existed:
+ *
+ * - **Nothing redirects to the login screen from one of these routes.** A request still trailing
+ *   behind a logout answers 401; recovering from it navigated to `loginPath` and replaced the
+ *   "signed out" confirmation the user was reading with the login form they had just left.
+ * - **No `returnUrl` points at one of them.** Signing in only to be returned to `/logout` is a
+ *   loop with a friendly face.
+ *
+ * Comparisons are on the path alone, so `/login?mode=changepassword` counts, and by segment, so a
+ * route merely starting with the same letters does not. Query params matter to the screen, never to
+ * the question being asked here.
+ */
+function isAuthRoute(url, loginPath) {
+    if (!url)
+        return false;
+    const path = normalize(url);
+    return isUnder(path, normalize(loginPath ?? "/login")) || isUnder(path, LOGOUT_PATH);
+}
+
 /**
  * Creates a debounced signal that updates its value after a specified timeout.
  *
@@ -1661,13 +1695,29 @@ async function signIn() {
 function __resetSignInMutexForTests() {
     pendingSignIn = null;
 }
+/**
+ * Sends the user to the login screen — unless they are already on an authentication screen.
+ *
+ * That exception is the whole point of routing every redirect through here. A request still in
+ * flight when the user signs out answers 401 on the deleted cookie, and recovering from it landed
+ * on this line: it replaced the "signed out" confirmation with the login form the user had just
+ * left, carrying `returnUrl=/logout` — so signing back in returned them to the logout page.
+ */
+function redirectToLogin(router, loginPath, returnUrl) {
+    const path = loginPath ?? "/login";
+    if (isAuthRoute(router.url, path)) {
+        info("Already on an authentication screen — not redirecting to the login form");
+        return;
+    }
+    router.navigate([path], { queryParams: { returnUrl } });
+}
 async function performSignIn(router, lastUrlAfterNavigation) {
     const { loginPath, authMode } = globalConfig;
     // Always clear authentication tokens first to clear any existing session
     clearSessionTokens();
     // Credentials: show the login form.
     if (authMode?.kind === "credentials") {
-        router.navigate([loginPath], { queryParams: { returnUrl: lastUrlAfterNavigation } });
+        redirectToLogin(router, loginPath, lastUrlAfterNavigation);
         return false; // prevent further execution
     }
     // SSO: the browser/proxy owns authentication. A 401 landing here means the (cookie) session is
@@ -1690,7 +1740,7 @@ async function performSignIn(router, lastUrlAfterNavigation) {
         // so we don't touch the router. Otherwise (unknown resolved to credentials, or bearer failed)
         // show the login form.
         if (authMode?.kind !== "oauth" && authMode?.kind !== "saml") {
-            router.navigate([loginPath], { queryParams: { returnUrl: lastUrlAfterNavigation } });
+            redirectToLogin(router, loginPath, lastUrlAfterNavigation);
         }
         return false;
     }
@@ -1699,7 +1749,7 @@ async function performSignIn(router, lastUrlAfterNavigation) {
         // A 401 is recoverable: the user just needs to authenticate → show the login form.
         if (err?.status === 401) {
             error("Unauthorized access - please check your credentials:", err?.errorMessage);
-            router.navigate([loginPath], { queryParams: { returnUrl: lastUrlAfterNavigation } });
+            redirectToLogin(router, loginPath, lastUrlAfterNavigation);
             return false;
         }
         // Any other error (e.g. a misconfigured OAuth/SAML provider → 5xx) is fatal and not something
@@ -3769,7 +3819,11 @@ function AuthGuard() {
         const router = inject(Router);
         const principalStore = inject(PrincipalStore);
         const { loginPath, authMode } = globalConfig;
-        if (state.url.startsWith("/login"))
+        // The authentication screens let themselves through: guarding the login form against not being
+        // logged in redirects it to itself, and guarding `/logout` sends the user who just signed out
+        // back to the form they left. `/logout` used to be missed — the test was a literal `/login` —
+        // which only stayed invisible because the applications did not guard that route.
+        if (isAuthRoute(state.url, loginPath))
             return true;
         // If the user is not authenticated, navigate to the login page.
         // The login page handles every authentication method (credentials, OAuth, SAML).
@@ -4395,22 +4449,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 }]
         }] });
 
+/**
+ * The route an audit event names: the path, without its leading slash, query string or fragment.
+ * `/search?q=irsn#p2` and `/search` are the same route — arriving on one from the other is a new
+ * query, not a navigation.
+ */
+function routeNameOf(url) {
+    return url.slice(1).split(/[?#]/)[0];
+}
 class NavigationService {
     router = inject(Router);
     auditService = inject(AuditService);
-    // Tracks the previous NavigationEnd url, used only to dedupe audit route-change notifications
-    // in navigationEnd$ below. Kept separate from urlAfterNavigation so that getter stays correct
+    // The route of the previous navigation, used only to dedupe audit route-change notifications in
+    // navigationEnd$ below. Kept separate from urlAfterNavigation so that getter stays correct
     // regardless of whether anything subscribes to navigationEnd$.
-    previousNavigationUrl = null;
+    //
+    // It used to hold the full url (`/search?q=irsn`) while the comparison was against the bare route
+    // name (`search`): the two could never be equal, so the dedupe never fired and every navigation
+    // was audited — including the query-param changes that make up most of a search session.
+    previousRouteName = null;
     /**
      * The URL of the current navigation, used to redirect the user after login.
      *
      * Sourced directly from `Router.url`, which Angular keeps up to date on every navigation with no
      * subscription required — unlike a field updated as a side effect of `navigationEnd$` below,
      * which only happens for whoever actually subscribes to it.
+     *
+     * The authentication screens are never returned: sending someone back to `/logout` after they
+     * signed in defeats the sign-in, and back to `/login` loops. The exclusion used to be a literal
+     * `!== "/login"`, which let through `/logout`, `/login?mode=changepassword` — same screen, one
+     * query param — and any application whose `loginPath` is not spelled `/login`.
      */
     get urlAfterNavigation() {
-        return this.router.url !== "/login" ? this.router.url : null;
+        const url = this.router.url;
+        return isAuthRoute(url, globalConfig.loginPath) ? null : url;
     }
     /**
      * Observable that emits events of type `NavigationEnd` from the Angular Router.
@@ -4418,21 +4490,23 @@ class NavigationService {
      * This observable performs the following operations:
      * - Maps all router events to `RouterEvent`.
      * - Filters the events to only include instances of `NavigationEnd`.
-     * - Taps into the event stream to extract the route name from the URL and notify the audit service of route changes,
-     *   excluding duplicate navigations.
+     * - Taps into the event stream to notify the audit service when the route itself changes — a new
+     *   query, a filter or another page of results stays on the same route and is not one.
      * - Shares the replayed value with a buffer size of 1 to ensure subscribers receive the latest emitted value.
      *
      * @type Observable<RouterEvent>
      */
-    navigationEnd$ = this.router.events.pipe(map((event) => event), filter$1((event) => event instanceof NavigationEnd), tap((event) => {
-        const url = event.url.slice(1).split("?")[0]; // Extract route name
-        if (url && url !== this.previousNavigationUrl) {
-            this.auditService.notifyRouteChange(url);
-        }
-    }), tap((event) => {
-        if (event.url !== "/login") {
-            this.previousNavigationUrl = event.url;
-        }
+    navigationEnd$ = this.router.events.pipe(map(event => event), filter$1((event) => event instanceof NavigationEnd), tap(event => {
+        const routeName = routeNameOf(event.url);
+        // The empty name is the application root, which has never been audited.
+        if (routeName && routeName !== this.previousRouteName) {
+            this.auditService.notifyRouteChange(routeName);
+        }
+        // Every route is remembered, the authentication screens included. Skipping them would swallow
+        // the return: leaving `/search` for `/login` and coming back is two route changes, and the
+        // second one would compare against a `search` the user has meanwhile left. (The exclusion that
+        // used to sit here never ran — the dedupe above it could not fire.)
+        this.previousRouteName = routeName;
     }), shareReplay(1));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NavigationService, providedIn: "root" });
@@ -4622,18 +4696,26 @@ class PreviewService {
         // reset preview data
         this.previewData = undefined;
         this.events.set("loading");
-        return this.http
-            .post(`${this.API_URL}/preview`, body)
-            .pipe(tap((data) => this.setPreviewData(data)), tap(() => this.events.set("loaded")));
+        return this.http.post(`${this.API_URL}/preview`, body).pipe(tap((data) => this.setPreviewData(data)), tap(() => this.events.set("loaded")));
     }
     /**
      * Closes the preview with the specified ID and updates the audit log.
-    *
-    * @param id - The ID of the preview to close.
-    * @param query - The partial query object used to retrieve the preview detail.
-    */
+     *
+     * @param id - The ID of the preview to close.
+     * @param query - The partial query object used to retrieve the preview detail.
+     */
     close(id, query) {
         this.passageOffset.set(undefined);
+        // There is nothing to report to a session that is already closed. `close()` runs from the
+        // preview's teardown, and a logout triggers exactly that on its way out of the page: the event
+        // reached the server on a cookie that had just been deleted and answered 401. Nothing recovers
+        // from it on this line, so this is only about not making a request that cannot succeed.
+        //
+        // The guard is here rather than in `AuditService.notify()`, which has the same one: routing this
+        // call through the service would drop the `sessionid` and `url` that the free `Audit.notify`
+        // adds to the detail, and the server reads them.
+        if (!isAuthenticated())
+            return;
         const detail = this.getAuditPreviewDetail(id, query);
         const auditEvent = {
             type: AuditEventType.Preview_Close,
@@ -4685,9 +4767,7 @@ class PreviewService {
     setPreviewData(data) {
         this.previewData = data;
         if (data) {
-            this.highlightCategory = data.highlightsPerCategory?.["matchingpassages"]?.values.length
-                ? "matchingpassages"
-                : "extractslocations";
+            this.highlightCategory = data.highlightsPerCategory?.["matchingpassages"]?.values.length ? "matchingpassages" : "extractslocations";
         }
     }
     /**
@@ -4729,8 +4809,8 @@ class PreviewService {
         // NB: positionInCategories[entity] is a zero-based index, so the first occurrence is 0.
         // Use a presence check (not truthiness) to avoid dropping that first occurrence.
         const entitySearched = this.previewData.highlightsPerLocation
-            .filter((item) => item.positionInCategories[entity] !== undefined && item.values.some((v) => v === value))
-            .map((e) => ({ id: e.positionInCategories[entity] }));
+            .filter(item => item.positionInCategories[entity] !== undefined && item.values.some(v => v === value))
+            .map(e => ({ id: e.positionInCategories[entity] }));
         const id = entitySearched[index]?.id;
         return id;
     }
@@ -4790,17 +4870,14 @@ class PreviewService {
      * @param entities - A boolean flag indicating whether to include entities highlights.
      */
     toggle(extracts, entities) {
-        const extractsHighlights = extracts ? this.highlights.filter((h) => this.extracts.includes(h.name)) : [];
-        const entitiesHighlights = entities ? this.highlights.filter((h) => this.entities.includes(h.name)) : [];
+        const extractsHighlights = extracts ? this.highlights.filter(h => this.extracts.includes(h.name)) : [];
+        const entitiesHighlights = entities ? this.highlights.filter(h => this.entities.includes(h.name)) : [];
         const highlights = [...extractsHighlights, ...entitiesHighlights];
         this.sendMessage({ action: "highlight", highlights });
     }
     getAuditPreviewDetail(id, q) {
         const results = this.queryService.result();
-        const queryLanguage = results?.queryAnalysis?.queryLanguage ||
-            q?.questionLanguage ||
-            (q.name && this.appStore.getQueryByName(q.name)?.questionLanguage) ||
-            undefined;
+        const queryLanguage = results?.queryAnalysis?.queryLanguage || q?.questionLanguage || (q.name && this.appStore.getQueryByName(q.name)?.questionLanguage) || undefined;
         // if selection store contains the same id, use the record
         // otherwise use the preview data record
         // this will be helpful when reading the ranking of the document
@@ -4846,8 +4923,8 @@ class PreviewService {
         }));
         // then sanitize the text and remove empty extracts
         const _extracts = extractslocations
-            .filter((item) => item.text.trim().length > 0)
-            .map((item) => ({
+            .filter(item => item.text.trim().length > 0)
+            .map(item => ({
             ...item,
             text: this.sanitizer.bypassSecurityTrustHtml(item.text)
         }));
@@ -4865,7 +4942,7 @@ class PreviewService {
             return;
         // update extracts
         // remove "extracts" values from the highlights configuration
-        const entities = previewConfig.highlights.split(",").filter((h) => !this.extracts.includes(h));
+        const entities = previewConfig.highlights.split(",").filter(h => !this.extracts.includes(h));
         // merge the entities with the default highlights without duplicates
         this.entities = [...new Set([...this.entities, ...entities])];
     }
@@ -4875,11 +4952,11 @@ class PreviewService {
         this.sendMessage({ action: "goto-page", page });
     }
     nextPage() {
-        this.currentPage.update((n) => n + 1);
+        this.currentPage.update(n => n + 1);
         this.sendMessage({ action: "next-page" });
     }
     prevPage() {
-        this.currentPage.update((n) => n - 1);
+        this.currentPage.update(n => n - 1);
         this.sendMessage({ action: "prev-page" });
     }
     firstPage() {
@@ -5610,16 +5687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             args: [{
                     selector: "document-locator, DocumentLocator",
                     standalone: true,
-                    imports: [
-                        EllipsisIcon,
-                        ChevronRightIcon,
-                        SourceComponent,
-                        ButtonComponent,
-                        MenuComponent,
-                        MenuContentComponent,
-                        MenuItemComponent,
-                        LinkComponent
-                    ],
+                    imports: [EllipsisIcon, ChevronRightIcon, SourceComponent, ButtonComponent, MenuComponent, MenuContentComponent, MenuItemComponent, LinkComponent],
                     template: `
     <!-- Renders all segment hidden to user to compute width -->
     <div #shadowRender class="pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-1">
@@ -6753,7 +6821,7 @@ class AggregationItemDirective {
      * Tree-only fields (`level`/`expanded`/`hasChildren`) are typed as optional; a tree
      * template can re-annotate them via {@link AggregationTreeItemContext} if desired.
      */
-    static ngTemplateContextGuard(_dir, ctx) {
+    static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -12602,7 +12670,7 @@ class OverrideUserDialogComponent {
             const fullName = this.principalStore.fullName();
             notify.success(`Welcome back ${fullName}!`, { duration: 2000 });
         })
-            .catch((err) => {
+            .catch(err => {
             // `err.message` already carries the backend's specific reason (e.g. "The user XYZ is
             // disabled") when @sinequa/atomic's UnauthorizedError is thrown with one — surface it
             // instead of a generic string so admins know why the override was rejected.
@@ -14415,6 +14483,18 @@ class AggregationTreeComponent {
      * @default true
      */
     showCheckbox = input(true, ...(ngDevMode ? [{ debugName: "showCheckbox", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Whether every selection gesture — row click, checkbox click, Enter on the
+     * checkbox — applies the filter immediately, instead of only revealing the
+     * Apply button.
+     *
+     * Independent of the `features.quickFilter` customization flag: `applyOnSelect`
+     * applies even when `quickFilter` is off, and leaves the label-click behavior
+     * untouched when it is off itself.
+     *
+     * @default false
+     */
+    applyOnSelect = input(false, ...(ngDevMode ? [{ debugName: "applyOnSelect", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     expandedLevel = input(undefined, ...(ngDevMode ? [{ debugName: "expandedLevel", transform: (v) => {
                 const n = numberAttribute(v);
                 return Number.isNaN(n) ? undefined : n;
@@ -14422,7 +14502,7 @@ class AggregationTreeComponent {
             transform: (v) => {
                 const n = numberAttribute(v);
                 return Number.isNaN(n) ? undefined : n;
-            },
+            }
         }]));
     /**
      * When `false`, applying or clearing filters updates the store without
@@ -14485,12 +14565,19 @@ class AggregationTreeComponent {
      * input. A directive projected straight onto this component takes precedence.
      */
     itemTemplateInput = input(undefined, ...(ngDevMode ? [{ debugName: "itemTemplateInput", alias: "itemTemplate" }] : [{
-            alias: "itemTemplate",
+            alias: "itemTemplate"
         }]));
     resolvedItemTemplate = computed(() => this.itemDirective()?.template ?? this.itemTemplateInput(), ...(ngDevMode ? [{ debugName: "resolvedItemTemplate" }] : []));
     /* selection state */
     selection = signal(false, ...(ngDevMode ? [{ debugName: "selection" }] : []));
     isAllSelected = signal(false, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : []));
+    /**
+     * Paths of the nodes the user expanded, so they can be reopened after a refresh
+     * wipes `$opened`. Plain field, not a signal: nothing renders from it.
+     */
+    openedPaths = new Set();
+    /** Re-entrancy guard: `open()` writes to the store, which re-runs the restore effect. */
+    isRestoringOpenedNodes = false;
     /* search state */
     searchText = model("", ...(ngDevMode ? [{ debugName: "searchText" }] : []));
     /* composable — injects stores/services, wires search effects, provides shared methods */
@@ -14501,7 +14588,7 @@ class AggregationTreeComponent {
         syncUrl: this.syncUrl,
         query: this.controlledQuery,
         aggregation: this.controlledAggregation,
-        selection: this.controlledSelection,
+        selection: this.controlledSelection
     });
     /* spread from base */
     isControlled = this.base.isControlled;
@@ -14526,9 +14613,8 @@ class AggregationTreeComponent {
     virtualizer = injectVirtualizer(() => ({
         count: this.items().length,
         estimateSize: () => 32,
-        scrollElement: this.scrollElement(),
+        scrollElement: this.scrollElement()
     }));
-    #measureItems = effect(() => this.virtualItems().forEach((el) => this.virtualizer.measureElement(el.nativeElement)), ...(ngDevMode ? [{ debugName: "#measureItems" }] : []));
     linkChildren = computed(() => this.appStore.general()?.features?.filterLinkChildren, ...(ngDevMode ? [{ debugName: "linkChildren" }] : []));
     aggregation = computed(() => {
         if (this.isControlled()) {
@@ -14590,23 +14676,34 @@ class AggregationTreeComponent {
         if (this.aggregation()?.isTree) {
             return suggestionsToTreeAggregationNodes(this.suggests(), this.searchText());
         }
-        return this.suggests()?.map((suggest) => ({
+        return this.suggests()?.map(suggest => ({
             name: this.name(),
             value: suggest.normalized || suggest.display || "",
             display: suggest.display,
             column: suggest.category,
             count: Number(suggest.frequency),
             $selected: false,
-            items: [],
+            items: []
         }));
     }, ...(ngDevMode ? [{ debugName: "searchedItems" }] : []));
     constructor() {
+        // Feed the virtualizer the real height of each rendered row.
+        effect(() => this.virtualItems().forEach(el => this.virtualizer.measureElement(el.nativeElement)));
         effect(() => {
             getState(this.aggregationsStore);
             if (this.isControlled())
                 return;
             sessionStorage.removeItem(`agg-${this.column()}`);
         });
+        // A new search replaces the aggregation objects wholesale, dropping `$opened` and any
+        // lazily-loaded children. Reopen what the user had expanded. Controlled mode keeps its
+        // own local aggregation, so nothing is lost there.
+        effect(() => {
+            getState(this.aggregationsStore);
+            if (this.isControlled())
+                return;
+            void this.restoreOpenedNodes();
+        });
         effect(() => {
             this.filters.set(this.getFilters());
         });
@@ -14615,7 +14712,7 @@ class AggregationTreeComponent {
                 sessionStorage.removeItem(`agg-${this.aggregation()?.column}`);
             if (this.selection()) {
                 const unselect = (items) => {
-                    items.forEach((item) => {
+                    items.forEach(item => {
                         item.$selected = false;
                         item.$selectedVisually = false;
                         if (item.items)
@@ -14637,7 +14734,7 @@ class AggregationTreeComponent {
                 this.queryParamsStore.removeFilterByName(agg.name, agg.column, { syncUrl: this.syncUrl() });
             }
             const unselect = (items) => {
-                items.forEach((item) => {
+                items.forEach(item => {
                     item.$selected = false;
                     item.$selectedVisually = false;
                     if (item.items)
@@ -14666,7 +14763,12 @@ class AggregationTreeComponent {
             this.isAllSelected.set(false);
         }
     }
-    apply(overrideFilters) {
+    /**
+     * @param opts.keepSearchText Leave the search-within-facet text in place. Used by
+     * `applyOnSelect`, where the user is expected to tick several values in a row and
+     * would otherwise lose the search context on the first one.
+     */
+    apply(overrideFilters, opts) {
         const filters = overrideFilters || this.getFilters();
         const agg = this.aggregation();
         if (this.isControlled()) {
@@ -14678,7 +14780,8 @@ class AggregationTreeComponent {
             sessionStorage.setItem(`agg-${agg?.column}`, JSON.stringify([...this.items()]));
             this.base.applyFilters(filters, agg, () => this.clear());
         }
-        this.searchText.set("");
+        if (!opts?.keepSearchText)
+            this.searchText.set("");
         this.selection.set(false);
         this.onApply.emit();
     }
@@ -14690,13 +14793,13 @@ class AggregationTreeComponent {
                 return;
             this.aggregationsService
                 .loadMore(this.base.resolvedQuery(), agg, undefined, { count: this.base.resolvedAggregationCount(agg) })
-                .subscribe((aggregation) => {
+                .subscribe(aggregation => {
                 this.base.controlledAggregation.set(aggregation);
             });
             return;
         }
         const q = this.queryParamsStore.getQuery();
-        this.aggregationsService.loadMore(q, this.aggregation()).subscribe((aggregation) => {
+        this.aggregationsService.loadMore(q, this.aggregation()).subscribe(aggregation => {
             this.aggregationsStore.updateAggregation(aggregation);
         });
     }
@@ -14711,7 +14814,7 @@ class AggregationTreeComponent {
             const q = { ...this.base.resolvedQuery() };
             delete q.filters;
             const agg = await firstValueFrom(this.aggregationsService.open(q, controlled, node, {
-                guardFree: true,
+                guardFree: true
             }));
             node.$opened = true;
             // replaceInTree mutates and returns the same reference — spread so the signal notifies.
@@ -14722,10 +14825,54 @@ class AggregationTreeComponent {
         delete q.filters;
         const agg = await firstValueFrom(this.aggregationsService.open(q, this.aggregation(), node));
         node.$opened = true;
+        this.trackOpened(node, true);
         this.aggregationsStore.updateAggregation(agg);
     }
+    /**
+     * Reopen the nodes the user had expanded, after a search replaced the aggregation.
+     *
+     * Shallowest first, sequentially: a deep node only exists in the tree once its parent
+     * has been reopened. Nodes whose children were lazily loaded come back empty, so they
+     * are re-fetched through `open()` — which is why this cannot be a plain synchronous pass.
+     */
+    async restoreOpenedNodes() {
+        if (this.isRestoringOpenedNodes || this.openedPaths.size === 0)
+            return;
+        if (!untracked(() => this.aggregation())?.isTree)
+            return;
+        const paths = [...this.openedPaths].sort((a, b) => a.split("/").length - b.split("/").length);
+        this.isRestoringOpenedNodes = true;
+        try {
+            for (const path of paths) {
+                // Re-read after each open(): the store hands back a new aggregation object.
+                const items = untracked(() => this.aggregation())?.items;
+                const node = this.findNodeByPath(items, path);
+                if (!node || node.$opened)
+                    continue;
+                if (node.items?.length)
+                    node.$opened = true;
+                else if (node.hasChildren)
+                    await this.open(node);
+            }
+        }
+        finally {
+            this.isRestoringOpenedNodes = false;
+        }
+    }
+    findNodeByPath(items, path) {
+        if (!items?.length)
+            return null;
+        let found = null;
+        this.traverse(items, (_lineage, node) => {
+            if (node.$path !== path)
+                return false;
+            found = node;
+            return true;
+        });
+        return found;
+    }
     select() {
-        const selectedItems = this.getFlattenTreeItems().filter((item) => item.$selected);
+        const selectedItems = this.getFlattenTreeItems().filter(item => item.$selected);
         this.onSelect.emit(selectedItems);
         this.selection.set(selectedItems.length > 0 || this.hasFilters());
         this.verifySelected();
@@ -14741,14 +14888,13 @@ class AggregationTreeComponent {
     isTreeItemFiltered(item, field) {
         if (this.isControlled()) {
             const values = [item.value, `/${item.$path}/*`];
-            return (this.base.selectionValues() ?? []).some((value) => values.some((v) => v === value));
+            return (this.base.selectionValues() ?? []).some(value => values.some(v => v === value));
         }
         const filters = this.queryParamsStore.getFilter({ field: field ?? undefined, name: this.treeItemName(item) });
         if (!filters)
             return false;
         const values = [item.value, `/${item.$path}/*`];
-        return (values.some((v) => v === filters.value) ||
-            !!(filters.values?.length && filters.values.some((value) => values.some((v) => v === value))));
+        return values.some(v => v === filters.value) || !!(filters.values?.length && filters.values.some((value) => values.some(v => v === value)));
     }
     treeItemLevel(item) {
         const level = (item.$level ?? 0) - 1 + (!item.hasChildren ? 1 : 0);
@@ -14758,6 +14904,11 @@ class AggregationTreeComponent {
         return parentPath.concat(`/${item.$path}/*`);
     }
     selectTreeItem(node, parent, e, updateChildren = false) {
+        // Selection only — never apply from here. `apply()` belongs to the interaction
+        // entry points below, so that `selectAll`/`unselectAll` and the controlled mode
+        // keep their own semantics.
+        // The stopImmediatePropagation() below is also what guarantees a label click
+        // never additionally reaches the row handler (no double apply). Do not remove it.
         e?.stopImmediatePropagation();
         const selected = !node.$selected && !node.$selectedVisually;
         node.$selected = selected;
@@ -14773,19 +14924,46 @@ class AggregationTreeComponent {
         e.stopImmediatePropagation();
         if (node.items && node.$opened) {
             node.$opened = false;
+            this.trackOpened(node, false);
             return;
         }
         if (node.items && !node.$opened) {
             node.$opened = true;
+            this.trackOpened(node, true);
             return;
         }
         this.open(node);
     }
+    /** Remember (or forget) an expanded node, keyed by its full `$path`. */
+    trackOpened(node, opened) {
+        if (!node.$path)
+            return;
+        if (opened)
+            this.openedPaths.add(node.$path);
+        else
+            this.openedPaths.delete(node.$path);
+    }
+    /**
+     * Single decision point for the item interaction paths: select, then apply only
+     * when the caller says so. Never call `apply()` from anywhere else in that path.
+     */
+    commitTreeSelection(node, parent, event, shouldApply) {
+        this.selectTreeItem(node, parent, event, true);
+        if (shouldApply)
+            this.apply(undefined, { keepSearchText: true });
+    }
+    /** Row click, and checkbox click/Enter — the "any selection gesture" surface. */
+    onTreeItemRowClick(node, parent, event) {
+        this.commitTreeSelection(node, parent, event, this.applyOnSelect());
+    }
+    /**
+     * Label click. `quickFilter` is the app-wide label-only shortcut; `applyOnSelect`
+     * covers the label too. With neither, the click bubbles up to the row handler.
+     */
     onTreeItemTextClick(node, parent, event) {
-        if (this.quickFilter()) {
-            this.selectTreeItem(node, parent, event, true);
-            this.apply();
-        }
+        if (!this.quickFilter() && !this.applyOnSelect())
+            return;
+        this.commitTreeSelection(node, parent, event, true);
     }
     getFilters() {
         if (this.aggregation()?.isTree) {
@@ -14798,17 +14976,15 @@ class AggregationTreeComponent {
         if (!name || !field)
             return [];
         const items = this.getFlattenTreeItems()
-            .filter((item) => item.$selected)
-            .map((item) => (item.$path ? `/${item.$path}/*` : ""));
+            .filter(item => item.$selected)
+            .map(item => (item.$path ? `/${item.$path}/*` : ""));
         const notSelectedItems = this.getFlattenTreeItems()
-            .filter((item) => !item.$selected)
-            .map((item) => (item.$path ? `/${item.$path}/*` : ""));
+            .filter(item => !item.$selected)
+            .map(item => (item.$path ? `/${item.$path}/*` : ""));
         const sel = this.controlledSelection();
-        const currentFilters = this.isControlled()
-            ? (sel?.kind === "paths" ? sel.paths : [])
-            : this.queryParamsStore.getFilter({ field, name })?.values || [];
+        const currentFilters = this.isControlled() ? (sel?.kind === "paths" ? sel.paths : []) : this.queryParamsStore.getFilter({ field, name })?.values || [];
         if (currentFilters) {
-            const filteredCurrentFilters = currentFilters.filter((filter) => !notSelectedItems.includes(filter));
+            const filteredCurrentFilters = currentFilters.filter(filter => !notSelectedItems.includes(filter));
             if (filteredCurrentFilters.length > 0) {
                 items.push(...filteredCurrentFilters);
             }
@@ -14819,30 +14995,27 @@ class AggregationTreeComponent {
         return [{ operator: "in", name, field, values: uniqueItems, display: uniqueItems[0] }];
     }
     getFiltersForList() {
-        const items = this.addCurrentFiltersToItems().filter((item) => item.$selected);
-        const searchedItems = this.searchedItems().filter((item) => item.$selected);
+        const items = this.addCurrentFiltersToItems().filter(item => item.$selected);
+        const searchedItems = this.searchedItems().filter(item => item.$selected);
         const currentItems = [...items, ...searchedItems];
         const { column, name, isDistribution = false } = this.aggregation() || {};
-        return currentItems.map((item) => this.aggregationsService.toFilter(item, column, name, isDistribution));
+        return currentItems.map(item => this.aggregationsService.toFilter(item, column, name, isDistribution));
     }
     getFlattenTreeItems() {
         const flattenItems = (items) => items.reduce((flat, item) => flat.concat(item, item.items ? flattenItems(item.items) : []), []);
         const searchedItemsFiltered = (this.searchedItems() || []).filter((item) => "items" in item);
-        return [
-            ...flattenItems(searchedItemsFiltered),
-            ...flattenItems(this.aggregation()?.items || []),
-        ];
+        return [...flattenItems(searchedItemsFiltered), ...flattenItems(this.aggregation()?.items || [])];
     }
     addCurrentFiltersToItems() {
         return this.base.addCurrentFiltersToItems(this.aggregation());
     }
     verifySelected() {
-        const someItemsUnselected = (items) => items.some((item) => !item.$selected || (item.items?.length && someItemsUnselected(item.items)));
+        const someItemsUnselected = (items) => items.some(item => !item.$selected || (item.items?.length && someItemsUnselected(item.items)));
         this.isAllSelected.set(!someItemsUnselected(this.items()));
     }
     setSelected(items, savedItems) {
-        return items.map((item) => {
-            const savedItem = savedItems.find((i) => i.value === item.value);
+        return items.map(item => {
+            const savedItem = savedItems.find(i => i.value === item.value);
             if (savedItem) {
                 item.$selected = savedItem.$selected;
                 item.$selectedVisually = savedItem.$selectedVisually;
@@ -14856,14 +15029,14 @@ class AggregationTreeComponent {
     processAggregations(items) {
         if (!this.linkChildren())
             return items;
-        items.forEach((item) => {
+        items.forEach(item => {
             if (item.items?.length)
                 this.selectVisually(item.items, item.$selected || false);
         });
         return items;
     }
     selectVisually(items, parentSelected) {
-        items.forEach((item) => {
+        items.forEach(item => {
             item.$selectedVisually = parentSelected;
             if (item.items?.length)
                 this.selectVisually(item.items, item.$selected || item.$selectedVisually);
@@ -14872,7 +15045,7 @@ class AggregationTreeComponent {
     selectTreeItemChildren(items, select) {
         if (!this.linkChildren() || !items?.length)
             return;
-        items.forEach((item) => {
+        items.forEach(item => {
             item.$selectedVisually = select;
             if (select)
                 item.$selected = false;
@@ -14881,15 +15054,15 @@ class AggregationTreeComponent {
         });
     }
     handleTreeChildSelect(parent, child) {
-        if (this.linkChildren() && !child.$selected && parent.items.some((i) => i.$selectedVisually)) {
-            parent.items.forEach((i) => {
+        if (this.linkChildren() && !child.$selected && parent.items.some(i => i.$selectedVisually)) {
+            parent.items.forEach(i => {
                 if (i !== child) {
                     i.$selectedVisually = false;
                     i.$selected = true;
                 }
             });
         }
-        if (this.linkChildren() && parent.items.some((i) => !i.$selectedVisually && !i.$selected)) {
+        if (this.linkChildren() && parent.items.some(i => !i.$selectedVisually && !i.$selected)) {
             parent.$selected = false;
             parent.$selectedVisually = false;
         }
@@ -14932,7 +15105,7 @@ class AggregationTreeComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AggregationTreeComponent, isStandalone: true, selector: "AggregationTree, aggregation-tree, aggregationtree", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, showFiltersCount: { classPropertyName: "showFiltersCount", publicName: "showFiltersCount", isSignal: true, isRequired: false, transformFunction: null }, showCheckbox: { classPropertyName: "showCheckbox", publicName: "showCheckbox", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, syncUrl: { classPropertyName: "syncUrl", publicName: "syncUrl", isSignal: true, isRequired: false, transformFunction: null }, controlledQuery: { classPropertyName: "controlledQuery", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, controlledAggregation: { classPropertyName: "controlledAggregation", publicName: "aggregation", isSignal: true, isRequired: false, transformFunction: null }, controlledSelection: { classPropertyName: "controlledSelection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, itemTemplateInput: { classPropertyName: "itemTemplateInput", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect", onApply: "onApply", onClear: "onClear", selectionChange: "selectionChange", filtersChange: "filtersChange", searchText: "searchTextChange" }, host: { properties: { "class": "cn(\"block h-[inherit] max-h-[inherit] w-[inherit]\", class())" } }, queries: [{ propertyName: "itemDirective", first: true, predicate: AggregationItemDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "virtualItems", predicate: ["virtualItem"], descendants: true, isSignal: true }, { propertyName: "scrollElement", first: true, predicate: ["scrollElement"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!aggregation()?.isTree) {\r\n  <div class=\"p-2 text-sm text-red-500\">\r\n    <triangle-alert-icon class=\"mr-1\" />\r\n    The aggregationTree component does not support list aggregations. Please use\r\n    the &lt;Aggregation /&gt; component instead.\r\n  </div>\r\n}\r\n<aggregation-panel\r\n  [id]=\"id()\"\r\n  [collapsible]=\"collapsible()\"\r\n  [collapsed]=\"collapsed()\"\r\n  [isEmpty]=\"isEmpty()\"\r\n  [isDate]=\"isDate()\"\r\n  [aggregation]=\"aggregation()\"\r\n  [showFiltersCount]=\"showFiltersCount()\"\r\n  [filtersCount]=\"filtersCount()\"\r\n  [hasFilters]=\"hasFilters()\"\r\n  [selection]=\"selection()\"\r\n  [isAllSelected]=\"isAllSelected()\"\r\n  [(searchText)]=\"searchText\"\r\n  [itemsLength]=\"items().length\"\r\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\r\n  [searchedItemsLength]=\"searchedItems().length\"\r\n  (cleared)=\"clear()\"\r\n  (applied)=\"apply()\"\r\n  (allSelected)=\"selectAll()\"\r\n  (allUnselected)=\"unselectAll()\"\r\n  (loadedMore)=\"loadMore()\">\r\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\r\n       host projects nothing, the local <ng-content> falls back to the icon + display\r\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\r\n  <ng-container ngProjectAs=\"label\">\r\n    <ng-content select=\"label\">\r\n      @let labelIcon = aggregation()?.icon;\r\n      @if (labelIcon) {\r\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\r\n      }\r\n      <span class=\"grow truncate\">{{\r\n        aggregation()?.display | syslang | transloco\r\n      }}</span>\r\n    </ng-content>\r\n  </ng-container>\r\n  <div\r\n    #scrollElement\r\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\r\n    <div\r\n      class=\"relative w-full\"\r\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\r\n      role=\"tree\"\r\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\r\n      <div\r\n        class=\"absolute top-0 left-0 w-full\"\r\n        [style.transform]=\"\r\n          'translateY(' +\r\n          (virtualizer.getVirtualItems()[0]\r\n            ? virtualizer.getVirtualItems()[0].start\r\n            : 0) +\r\n          'px)'\r\n        \">\r\n        @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\r\n          @let item = items()[vItem.index];\r\n          <div #virtualItem [attr.data-index]=\"vItem.index\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"treeItemTpl\"\r\n              [ngTemplateOutletContext]=\"{\r\n                node: item,\r\n                path: [],\r\n                field: aggregation()?.column,\r\n                tpl: treeItemTpl,\r\n                parent: null\r\n              }\">\r\n            </ng-container>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</aggregation-panel>\r\n\r\n<ng-template\r\n  #treeItemTpl\r\n  let-node=\"node\"\r\n  let-path=\"path\"\r\n  let-field=\"field\"\r\n  let-tpl=\"tpl\"\r\n  let-parent=\"parent\">\r\n  <div\r\n    role=\"treeitem\"\r\n    [style.--level]=\"treeItemLevel(node)\"\r\n    [attr.aria-selected]=\"node.$selected ?? false\"\r\n    [attr.aria-expanded]=\"\r\n      node.hasChildren !== false ? (node.$opened ?? false) : null\r\n    \"\r\n    [attr.aria-disabled]=\"node.count === 0 ? 'true' : null\"\r\n    [attr.disabled]=\"node.count === 0 ? 'disabled' : null\">\r\n    <a\r\n      [attr.aria-label]=\"treeItemName(node) | syslang\"\r\n      [class]=\"\r\n        cn(\r\n          'flex grow items-center gap-2 p-1 leading-7',\r\n          node.count === 0 && 'disabled pointer-events-none',\r\n          (node.$selected || node.$selectedVisually) && ''\r\n        )\r\n      \"\r\n      (click)=\"selectTreeItem(node, parent, $event, true)\">\r\n      <button\r\n        variant=\"none\"\r\n        [iconOnly]=\"true\"\r\n        (click)=\"toggleTreeNode($event, node)\"\r\n        class=\"transition-transform ease-in hover:scale-125\"\r\n        aria-label=\"Open\">\r\n        <ChevronRight\r\n          [class]=\"\r\n            cn(\r\n              'size-4 translate-x-1',\r\n              node.$opened && 'rotate-90',\r\n              !node.hasChildren && 'hidden'\r\n            )\r\n          \"\r\n          width=\"16\"\r\n          height=\"16\" />\r\n      </button>\r\n      @if (showCheckbox()) {\r\n        <input\r\n          type=\"checkbox\"\r\n          role=\"checkbox\"\r\n          value=\"{{ node.value }}\"\r\n          [attr.disabled]=\"node.count === 0 ? true : null\"\r\n          [attr.aria-disabled]=\"node.count === 0\"\r\n          (keydown.enter)=\"selectTreeItem(node, parent, $event, true)\"\r\n          [checked]=\"node.$selected || node.$selectedVisually\" />\r\n      }\r\n      @if (resolvedItemTemplate(); as tpl) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"tpl\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: node,\r\n            field: field,\r\n            selected: node.$selected || node.$selectedVisually || false,\r\n            count: node.count,\r\n            name: (treeItemName(node) | syslang) ?? '',\r\n            searchText: searchText(),\r\n            level: treeItemLevel(node),\r\n            expanded: node.$opened ?? false,\r\n            hasChildren: node.hasChildren ?? false\r\n          }\" />\r\n      } @else {\r\n        @let icon = node.icon;\r\n        @if (icon) {\r\n          <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\r\n        }\r\n        <span\r\n          [class]=\"\r\n            cn(\r\n              'line-clamp-1 break-all text-ellipsis',\r\n              quickFilter() && 'hover:underline'\r\n            )\r\n          \"\r\n          [title]=\"\r\n            quickFilter()\r\n              ? ((isTreeItemFiltered(node, field)\r\n                  ? 'filters.removeFilter'\r\n                  : 'filters.addFilter'\r\n                ) | transloco) +\r\n                ': ' +\r\n                (treeItemName(node) | syslang)\r\n              : (treeItemName(node) | syslang)\r\n          \"\r\n          (click)=\"onTreeItemTextClick(node, parent, $event)\">\r\n          @for (\r\n            chunk of (treeItemName(node) | syslang) ?? \"\"\r\n              | highlightWord: searchText() : 10;\r\n            track $index\r\n          ) {\r\n            <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\r\n              chunk.text\r\n            }}</span>\r\n          }\r\n        </span>\r\n        @if (showCount() && node.count > 0) {\r\n          <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\r\n            node.count\r\n          }}</span>\r\n        }\r\n      }\r\n    </a>\r\n    @if (node.hasChildren && node.$opened) {\r\n      <div role=\"group\">\r\n        @for (child of node.items; track $index) {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"tpl\"\r\n            [ngTemplateOutletContext]=\"{\r\n              node: child,\r\n              path: treeChildrenPath(node, path),\r\n              field: field,\r\n              tpl: tpl,\r\n              parent: node\r\n            }\">\r\n          </ng-container>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["div[role=treeitem]:has(+div[role=treeitem]){margin-bottom:var(--agg-item-gap, 0)}div[role=treeitem]{display:block;-webkit-user-select:none;user-select:none}div[role=treeitem] a{padding-left:calc(var(--agg-tree-indent, .5rem) * var(--level, 0));line-height:var(--agg-item-height, inherit)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size", "solid"] }, { kind: "component", type: ChevronRightIcon, selector: "chevron-right, ChevronRight, chevronright, ChevronRightIcon, chevron-right-icon, chevronrighticon", inputs: ["class"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass", "class"] }, { kind: "component", type: TriangleAlertIcon, selector: "triangle-alert-icon, TriangleAlertIcon", inputs: ["class"] }, { kind: "component", type: AggregationPanelComponent, selector: "AggregationPanel, aggregation-panel", inputs: ["id", "collapsible", "collapsed", "isDate", "isEmpty", "aggregation", "showFiltersCount", "filtersCount", "hasFilters", "selection", "isAllSelected", "searchText", "itemsLength", "hasMore", "searchedItemsLength"], outputs: ["searchTextChange", "cleared", "applied", "allSelected", "allUnselected", "loadedMore"] }, { kind: "pipe", type: SyslangPipe, name: "syslang" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "pipe", type: HighlightWordPipe, name: "highlightWord" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AggregationTreeComponent, isStandalone: true, selector: "AggregationTree, aggregation-tree, aggregationtree", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, showFiltersCount: { classPropertyName: "showFiltersCount", publicName: "showFiltersCount", isSignal: true, isRequired: false, transformFunction: null }, showCheckbox: { classPropertyName: "showCheckbox", publicName: "showCheckbox", isSignal: true, isRequired: false, transformFunction: null }, applyOnSelect: { classPropertyName: "applyOnSelect", publicName: "applyOnSelect", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, syncUrl: { classPropertyName: "syncUrl", publicName: "syncUrl", isSignal: true, isRequired: false, transformFunction: null }, controlledQuery: { classPropertyName: "controlledQuery", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, controlledAggregation: { classPropertyName: "controlledAggregation", publicName: "aggregation", isSignal: true, isRequired: false, transformFunction: null }, controlledSelection: { classPropertyName: "controlledSelection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, itemTemplateInput: { classPropertyName: "itemTemplateInput", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect", onApply: "onApply", onClear: "onClear", selectionChange: "selectionChange", filtersChange: "filtersChange", searchText: "searchTextChange" }, host: { properties: { "class": "cn(\"block h-[inherit] max-h-[inherit] w-[inherit]\", class())" } }, queries: [{ propertyName: "itemDirective", first: true, predicate: AggregationItemDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "virtualItems", predicate: ["virtualItem"], descendants: true, isSignal: true }, { propertyName: "scrollElement", first: true, predicate: ["scrollElement"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!aggregation()?.isTree) {\n  <div class=\"p-2 text-sm text-red-500\">\n    <triangle-alert-icon class=\"mr-1\" />\n    The aggregationTree component does not support list aggregations. Please use\n    the &lt;Aggregation /&gt; component instead.\n  </div>\n}\n<aggregation-panel\n  [id]=\"id()\"\n  [collapsible]=\"collapsible()\"\n  [collapsed]=\"collapsed()\"\n  [isEmpty]=\"isEmpty()\"\n  [isDate]=\"isDate()\"\n  [aggregation]=\"aggregation()\"\n  [showFiltersCount]=\"showFiltersCount()\"\n  [filtersCount]=\"filtersCount()\"\n  [hasFilters]=\"hasFilters()\"\n  [selection]=\"selection()\"\n  [isAllSelected]=\"isAllSelected()\"\n  [(searchText)]=\"searchText\"\n  [itemsLength]=\"items().length\"\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\n  [searchedItemsLength]=\"searchedItems().length\"\n  (cleared)=\"clear()\"\n  (applied)=\"apply()\"\n  (allSelected)=\"selectAll()\"\n  (allUnselected)=\"unselectAll()\"\n  (loadedMore)=\"loadMore()\">\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\n       host projects nothing, the local <ng-content> falls back to the icon + display\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\n  <ng-container ngProjectAs=\"label\">\n    <ng-content select=\"label\">\n      @let labelIcon = aggregation()?.icon;\n      @if (labelIcon) {\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\n      }\n      <span class=\"grow truncate\">{{\n        aggregation()?.display | syslang | transloco\n      }}</span>\n    </ng-content>\n  </ng-container>\n  <div\n    #scrollElement\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\n    <div\n      class=\"relative w-full\"\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\n      role=\"tree\"\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\n      <div\n        class=\"absolute top-0 left-0 w-full\"\n        [style.transform]=\"\n          'translateY(' +\n          (virtualizer.getVirtualItems()[0]\n            ? virtualizer.getVirtualItems()[0].start\n            : 0) +\n          'px)'\n        \">\n        @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\n          @let item = items()[vItem.index];\n          <div #virtualItem [attr.data-index]=\"vItem.index\">\n            <ng-container\n              [ngTemplateOutlet]=\"treeItemTpl\"\n              [ngTemplateOutletContext]=\"{\n                node: item,\n                path: [],\n                field: aggregation()?.column,\n                tpl: treeItemTpl,\n                parent: null\n              }\">\n            </ng-container>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</aggregation-panel>\n\n<ng-template\n  #treeItemTpl\n  let-node=\"node\"\n  let-path=\"path\"\n  let-field=\"field\"\n  let-tpl=\"tpl\"\n  let-parent=\"parent\">\n  <div\n    role=\"treeitem\"\n    [style.--level]=\"treeItemLevel(node)\"\n    [attr.aria-selected]=\"node.$selected ?? false\"\n    [attr.aria-expanded]=\"\n      node.hasChildren !== false ? (node.$opened ?? false) : null\n    \"\n    [attr.aria-disabled]=\"node.count === 0 ? 'true' : null\"\n    [attr.disabled]=\"node.count === 0 ? 'disabled' : null\">\n    <a\n      [attr.aria-label]=\"treeItemName(node) | syslang\"\n      [class]=\"\n        cn(\n          'flex grow items-center gap-2 p-1 leading-7',\n          node.count === 0 && 'disabled pointer-events-none',\n          applyOnSelect() && 'cursor-pointer',\n          (node.$selected || node.$selectedVisually) && ''\n        )\n      \"\n      (click)=\"onTreeItemRowClick(node, parent, $event)\">\n      <button\n        variant=\"none\"\n        [iconOnly]=\"true\"\n        (click)=\"toggleTreeNode($event, node)\"\n        class=\"transition-transform ease-in hover:scale-125\"\n        aria-label=\"Open\">\n        <ChevronRight\n          [class]=\"\n            cn(\n              'size-4 translate-x-1',\n              node.$opened && 'rotate-90',\n              !node.hasChildren && 'hidden'\n            )\n          \"\n          width=\"16\"\n          height=\"16\" />\n      </button>\n      @if (showCheckbox()) {\n        <input\n          type=\"checkbox\"\n          role=\"checkbox\"\n          value=\"{{ node.value }}\"\n          [attr.disabled]=\"node.count === 0 ? true : null\"\n          [attr.aria-disabled]=\"node.count === 0\"\n          (keydown.enter)=\"onTreeItemRowClick(node, parent, $event)\"\n          [checked]=\"node.$selected || node.$selectedVisually\" />\n      }\n      @if (resolvedItemTemplate(); as tpl) {\n        <ng-container\n          [ngTemplateOutlet]=\"tpl\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: node,\n            field: field,\n            selected: node.$selected || node.$selectedVisually || false,\n            count: node.count,\n            name: (treeItemName(node) | syslang) ?? '',\n            searchText: searchText(),\n            level: treeItemLevel(node),\n            expanded: node.$opened ?? false,\n            hasChildren: node.hasChildren ?? false\n          }\" />\n      } @else {\n        @let icon = node.icon;\n        @if (icon) {\n          <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\n        }\n        @let appliesOnLabelClick = quickFilter() || applyOnSelect();\n        <span\n          [class]=\"\n            cn(\n              'line-clamp-1 break-all text-ellipsis',\n              appliesOnLabelClick && 'hover:underline'\n            )\n          \"\n          [title]=\"\n            appliesOnLabelClick\n              ? ((isTreeItemFiltered(node, field)\n                  ? 'filters.removeFilter'\n                  : 'filters.addFilter'\n                ) | transloco) +\n                ': ' +\n                (treeItemName(node) | syslang)\n              : (treeItemName(node) | syslang)\n          \"\n          (click)=\"onTreeItemTextClick(node, parent, $event)\">\n          @for (\n            chunk of (treeItemName(node) | syslang) ?? \"\"\n              | highlightWord: searchText() : 10;\n            track $index\n          ) {\n            <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\n              chunk.text\n            }}</span>\n          }\n        </span>\n        @if (showCount() && node.count > 0) {\n          <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\n            node.count\n          }}</span>\n        }\n      }\n    </a>\n    @if (node.hasChildren && node.$opened) {\n      <div role=\"group\">\n        @for (child of node.items; track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"tpl\"\n            [ngTemplateOutletContext]=\"{\n              node: child,\n              path: treeChildrenPath(node, path),\n              field: field,\n              tpl: tpl,\n              parent: node\n            }\">\n          </ng-container>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: ["div[role=treeitem]:has(+div[role=treeitem]){margin-bottom:var(--agg-item-gap, 0)}div[role=treeitem]{display:block;-webkit-user-select:none;user-select:none}div[role=treeitem] a{padding-left:calc(var(--agg-tree-indent, .5rem) * var(--level, 0));line-height:var(--agg-item-height, inherit)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size", "solid"] }, { kind: "component", type: ChevronRightIcon, selector: "chevron-right, ChevronRight, chevronright, ChevronRightIcon, chevron-right-icon, chevronrighticon", inputs: ["class"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass", "class"] }, { kind: "component", type: TriangleAlertIcon, selector: "triangle-alert-icon, TriangleAlertIcon", inputs: ["class"] }, { kind: "component", type: AggregationPanelComponent, selector: "AggregationPanel, aggregation-panel", inputs: ["id", "collapsible", "collapsed", "isDate", "isEmpty", "aggregation", "showFiltersCount", "filtersCount", "hasFilters", "selection", "isAllSelected", "searchText", "itemsLength", "hasMore", "searchedItemsLength"], outputs: ["searchTextChange", "cleared", "applied", "allSelected", "allUnselected", "loadedMore"] }, { kind: "pipe", type: SyslangPipe, name: "syslang" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "pipe", type: HighlightWordPipe, name: "highlightWord" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationTreeComponent, decorators: [{
             type: Component,
@@ -14947,11 +15120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         FaIconComponent,
                         TriangleAlertIcon,
                         HighlightWordPipe,
-                        AggregationPanelComponent,
+                        AggregationPanelComponent
                     ], standalone: true, host: {
-                        "[class]": 'cn("block h-[inherit] max-h-[inherit] w-[inherit]", class())',
-                    }, template: "@if (!aggregation()?.isTree) {\r\n  <div class=\"p-2 text-sm text-red-500\">\r\n    <triangle-alert-icon class=\"mr-1\" />\r\n    The aggregationTree component does not support list aggregations. Please use\r\n    the &lt;Aggregation /&gt; component instead.\r\n  </div>\r\n}\r\n<aggregation-panel\r\n  [id]=\"id()\"\r\n  [collapsible]=\"collapsible()\"\r\n  [collapsed]=\"collapsed()\"\r\n  [isEmpty]=\"isEmpty()\"\r\n  [isDate]=\"isDate()\"\r\n  [aggregation]=\"aggregation()\"\r\n  [showFiltersCount]=\"showFiltersCount()\"\r\n  [filtersCount]=\"filtersCount()\"\r\n  [hasFilters]=\"hasFilters()\"\r\n  [selection]=\"selection()\"\r\n  [isAllSelected]=\"isAllSelected()\"\r\n  [(searchText)]=\"searchText\"\r\n  [itemsLength]=\"items().length\"\r\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\r\n  [searchedItemsLength]=\"searchedItems().length\"\r\n  (cleared)=\"clear()\"\r\n  (applied)=\"apply()\"\r\n  (allSelected)=\"selectAll()\"\r\n  (allUnselected)=\"unselectAll()\"\r\n  (loadedMore)=\"loadMore()\">\r\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\r\n       host projects nothing, the local <ng-content> falls back to the icon + display\r\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\r\n  <ng-container ngProjectAs=\"label\">\r\n    <ng-content select=\"label\">\r\n      @let labelIcon = aggregation()?.icon;\r\n      @if (labelIcon) {\r\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\r\n      }\r\n      <span class=\"grow truncate\">{{\r\n        aggregation()?.display | syslang | transloco\r\n      }}</span>\r\n    </ng-content>\r\n  </ng-container>\r\n  <div\r\n    #scrollElement\r\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\r\n    <div\r\n      class=\"relative w-full\"\r\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\r\n      role=\"tree\"\r\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\r\n      <div\r\n        class=\"absolute top-0 left-0 w-full\"\r\n        [style.transform]=\"\r\n          'translateY(' +\r\n          (virtualizer.getVirtualItems()[0]\r\n            ? virtualizer.getVirtualItems()[0].start\r\n            : 0) +\r\n          'px)'\r\n        \">\r\n        @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\r\n          @let item = items()[vItem.index];\r\n          <div #virtualItem [attr.data-index]=\"vItem.index\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"treeItemTpl\"\r\n              [ngTemplateOutletContext]=\"{\r\n                node: item,\r\n                path: [],\r\n                field: aggregation()?.column,\r\n                tpl: treeItemTpl,\r\n                parent: null\r\n              }\">\r\n            </ng-container>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</aggregation-panel>\r\n\r\n<ng-template\r\n  #treeItemTpl\r\n  let-node=\"node\"\r\n  let-path=\"path\"\r\n  let-field=\"field\"\r\n  let-tpl=\"tpl\"\r\n  let-parent=\"parent\">\r\n  <div\r\n    role=\"treeitem\"\r\n    [style.--level]=\"treeItemLevel(node)\"\r\n    [attr.aria-selected]=\"node.$selected ?? false\"\r\n    [attr.aria-expanded]=\"\r\n      node.hasChildren !== false ? (node.$opened ?? false) : null\r\n    \"\r\n    [attr.aria-disabled]=\"node.count === 0 ? 'true' : null\"\r\n    [attr.disabled]=\"node.count === 0 ? 'disabled' : null\">\r\n    <a\r\n      [attr.aria-label]=\"treeItemName(node) | syslang\"\r\n      [class]=\"\r\n        cn(\r\n          'flex grow items-center gap-2 p-1 leading-7',\r\n          node.count === 0 && 'disabled pointer-events-none',\r\n          (node.$selected || node.$selectedVisually) && ''\r\n        )\r\n      \"\r\n      (click)=\"selectTreeItem(node, parent, $event, true)\">\r\n      <button\r\n        variant=\"none\"\r\n        [iconOnly]=\"true\"\r\n        (click)=\"toggleTreeNode($event, node)\"\r\n        class=\"transition-transform ease-in hover:scale-125\"\r\n        aria-label=\"Open\">\r\n        <ChevronRight\r\n          [class]=\"\r\n            cn(\r\n              'size-4 translate-x-1',\r\n              node.$opened && 'rotate-90',\r\n              !node.hasChildren && 'hidden'\r\n            )\r\n          \"\r\n          width=\"16\"\r\n          height=\"16\" />\r\n      </button>\r\n      @if (showCheckbox()) {\r\n        <input\r\n          type=\"checkbox\"\r\n          role=\"checkbox\"\r\n          value=\"{{ node.value }}\"\r\n          [attr.disabled]=\"node.count === 0 ? true : null\"\r\n          [attr.aria-disabled]=\"node.count === 0\"\r\n          (keydown.enter)=\"selectTreeItem(node, parent, $event, true)\"\r\n          [checked]=\"node.$selected || node.$selectedVisually\" />\r\n      }\r\n      @if (resolvedItemTemplate(); as tpl) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"tpl\"\r\n          [ngTemplateOutletContext]=\"{\r\n            $implicit: node,\r\n            field: field,\r\n            selected: node.$selected || node.$selectedVisually || false,\r\n            count: node.count,\r\n            name: (treeItemName(node) | syslang) ?? '',\r\n            searchText: searchText(),\r\n            level: treeItemLevel(node),\r\n            expanded: node.$opened ?? false,\r\n            hasChildren: node.hasChildren ?? false\r\n          }\" />\r\n      } @else {\r\n        @let icon = node.icon;\r\n        @if (icon) {\r\n          <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\r\n        }\r\n        <span\r\n          [class]=\"\r\n            cn(\r\n              'line-clamp-1 break-all text-ellipsis',\r\n              quickFilter() && 'hover:underline'\r\n            )\r\n          \"\r\n          [title]=\"\r\n            quickFilter()\r\n              ? ((isTreeItemFiltered(node, field)\r\n                  ? 'filters.removeFilter'\r\n                  : 'filters.addFilter'\r\n                ) | transloco) +\r\n                ': ' +\r\n                (treeItemName(node) | syslang)\r\n              : (treeItemName(node) | syslang)\r\n          \"\r\n          (click)=\"onTreeItemTextClick(node, parent, $event)\">\r\n          @for (\r\n            chunk of (treeItemName(node) | syslang) ?? \"\"\r\n              | highlightWord: searchText() : 10;\r\n            track $index\r\n          ) {\r\n            <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\r\n              chunk.text\r\n            }}</span>\r\n          }\r\n        </span>\r\n        @if (showCount() && node.count > 0) {\r\n          <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\r\n            node.count\r\n          }}</span>\r\n        }\r\n      }\r\n    </a>\r\n    @if (node.hasChildren && node.$opened) {\r\n      <div role=\"group\">\r\n        @for (child of node.items; track $index) {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"tpl\"\r\n            [ngTemplateOutletContext]=\"{\r\n              node: child,\r\n              path: treeChildrenPath(node, path),\r\n              field: field,\r\n              tpl: tpl,\r\n              parent: node\r\n            }\">\r\n          </ng-container>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: ["div[role=treeitem]:has(+div[role=treeitem]){margin-bottom:var(--agg-item-gap, 0)}div[role=treeitem]{display:block;-webkit-user-select:none;user-select:none}div[role=treeitem] a{padding-left:calc(var(--agg-tree-indent, .5rem) * var(--level, 0));line-height:var(--agg-item-height, inherit)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], showFiltersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFiltersCount", required: false }] }], showCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckbox", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], syncUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "syncUrl", required: false }] }], controlledQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], controlledAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregation", required: false }] }], controlledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onApply: [{ type: i0.Output, args: ["onApply"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], virtualItems: [{ type: i0.ViewChildren, args: ["virtualItem", { isSignal: true }] }], scrollElement: [{ type: i0.ViewChild, args: ["scrollElement", { isSignal: true }] }], itemDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AggregationItemDirective), { isSignal: true }] }], itemTemplateInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }, { type: i0.Output, args: ["searchTextChange"] }] } });
+                        "[class]": 'cn("block h-[inherit] max-h-[inherit] w-[inherit]", class())'
+                    }, template: "@if (!aggregation()?.isTree) {\n  <div class=\"p-2 text-sm text-red-500\">\n    <triangle-alert-icon class=\"mr-1\" />\n    The aggregationTree component does not support list aggregations. Please use\n    the &lt;Aggregation /&gt; component instead.\n  </div>\n}\n<aggregation-panel\n  [id]=\"id()\"\n  [collapsible]=\"collapsible()\"\n  [collapsed]=\"collapsed()\"\n  [isEmpty]=\"isEmpty()\"\n  [isDate]=\"isDate()\"\n  [aggregation]=\"aggregation()\"\n  [showFiltersCount]=\"showFiltersCount()\"\n  [filtersCount]=\"filtersCount()\"\n  [hasFilters]=\"hasFilters()\"\n  [selection]=\"selection()\"\n  [isAllSelected]=\"isAllSelected()\"\n  [(searchText)]=\"searchText\"\n  [itemsLength]=\"items().length\"\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\n  [searchedItemsLength]=\"searchedItems().length\"\n  (cleared)=\"clear()\"\n  (applied)=\"apply()\"\n  (allSelected)=\"selectAll()\"\n  (allUnselected)=\"unselectAll()\"\n  (loadedMore)=\"loadMore()\">\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\n       host projects nothing, the local <ng-content> falls back to the icon + display\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\n  <ng-container ngProjectAs=\"label\">\n    <ng-content select=\"label\">\n      @let labelIcon = aggregation()?.icon;\n      @if (labelIcon) {\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\n      }\n      <span class=\"grow truncate\">{{\n        aggregation()?.display | syslang | transloco\n      }}</span>\n    </ng-content>\n  </ng-container>\n  <div\n    #scrollElement\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\n    <div\n      class=\"relative w-full\"\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\n      role=\"tree\"\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\n      <div\n        class=\"absolute top-0 left-0 w-full\"\n        [style.transform]=\"\n          'translateY(' +\n          (virtualizer.getVirtualItems()[0]\n            ? virtualizer.getVirtualItems()[0].start\n            : 0) +\n          'px)'\n        \">\n        @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\n          @let item = items()[vItem.index];\n          <div #virtualItem [attr.data-index]=\"vItem.index\">\n            <ng-container\n              [ngTemplateOutlet]=\"treeItemTpl\"\n              [ngTemplateOutletContext]=\"{\n                node: item,\n                path: [],\n                field: aggregation()?.column,\n                tpl: treeItemTpl,\n                parent: null\n              }\">\n            </ng-container>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</aggregation-panel>\n\n<ng-template\n  #treeItemTpl\n  let-node=\"node\"\n  let-path=\"path\"\n  let-field=\"field\"\n  let-tpl=\"tpl\"\n  let-parent=\"parent\">\n  <div\n    role=\"treeitem\"\n    [style.--level]=\"treeItemLevel(node)\"\n    [attr.aria-selected]=\"node.$selected ?? false\"\n    [attr.aria-expanded]=\"\n      node.hasChildren !== false ? (node.$opened ?? false) : null\n    \"\n    [attr.aria-disabled]=\"node.count === 0 ? 'true' : null\"\n    [attr.disabled]=\"node.count === 0 ? 'disabled' : null\">\n    <a\n      [attr.aria-label]=\"treeItemName(node) | syslang\"\n      [class]=\"\n        cn(\n          'flex grow items-center gap-2 p-1 leading-7',\n          node.count === 0 && 'disabled pointer-events-none',\n          applyOnSelect() && 'cursor-pointer',\n          (node.$selected || node.$selectedVisually) && ''\n        )\n      \"\n      (click)=\"onTreeItemRowClick(node, parent, $event)\">\n      <button\n        variant=\"none\"\n        [iconOnly]=\"true\"\n        (click)=\"toggleTreeNode($event, node)\"\n        class=\"transition-transform ease-in hover:scale-125\"\n        aria-label=\"Open\">\n        <ChevronRight\n          [class]=\"\n            cn(\n              'size-4 translate-x-1',\n              node.$opened && 'rotate-90',\n              !node.hasChildren && 'hidden'\n            )\n          \"\n          width=\"16\"\n          height=\"16\" />\n      </button>\n      @if (showCheckbox()) {\n        <input\n          type=\"checkbox\"\n          role=\"checkbox\"\n          value=\"{{ node.value }}\"\n          [attr.disabled]=\"node.count === 0 ? true : null\"\n          [attr.aria-disabled]=\"node.count === 0\"\n          (keydown.enter)=\"onTreeItemRowClick(node, parent, $event)\"\n          [checked]=\"node.$selected || node.$selectedVisually\" />\n      }\n      @if (resolvedItemTemplate(); as tpl) {\n        <ng-container\n          [ngTemplateOutlet]=\"tpl\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: node,\n            field: field,\n            selected: node.$selected || node.$selectedVisually || false,\n            count: node.count,\n            name: (treeItemName(node) | syslang) ?? '',\n            searchText: searchText(),\n            level: treeItemLevel(node),\n            expanded: node.$opened ?? false,\n            hasChildren: node.hasChildren ?? false\n          }\" />\n      } @else {\n        @let icon = node.icon;\n        @if (icon) {\n          <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\n        }\n        @let appliesOnLabelClick = quickFilter() || applyOnSelect();\n        <span\n          [class]=\"\n            cn(\n              'line-clamp-1 break-all text-ellipsis',\n              appliesOnLabelClick && 'hover:underline'\n            )\n          \"\n          [title]=\"\n            appliesOnLabelClick\n              ? ((isTreeItemFiltered(node, field)\n                  ? 'filters.removeFilter'\n                  : 'filters.addFilter'\n                ) | transloco) +\n                ': ' +\n                (treeItemName(node) | syslang)\n              : (treeItemName(node) | syslang)\n          \"\n          (click)=\"onTreeItemTextClick(node, parent, $event)\">\n          @for (\n            chunk of (treeItemName(node) | syslang) ?? \"\"\n              | highlightWord: searchText() : 10;\n            track $index\n          ) {\n            <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\n              chunk.text\n            }}</span>\n          }\n        </span>\n        @if (showCount() && node.count > 0) {\n          <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\n            node.count\n          }}</span>\n        }\n      }\n    </a>\n    @if (node.hasChildren && node.$opened) {\n      <div role=\"group\">\n        @for (child of node.items; track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"tpl\"\n            [ngTemplateOutletContext]=\"{\n              node: child,\n              path: treeChildrenPath(node, path),\n              field: field,\n              tpl: tpl,\n              parent: node\n            }\">\n          </ng-container>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: ["div[role=treeitem]:has(+div[role=treeitem]){margin-bottom:var(--agg-item-gap, 0)}div[role=treeitem]{display:block;-webkit-user-select:none;user-select:none}div[role=treeitem] a{padding-left:calc(var(--agg-tree-indent, .5rem) * var(--level, 0));line-height:var(--agg-item-height, inherit)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], showFiltersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFiltersCount", required: false }] }], showCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckbox", required: false }] }], applyOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyOnSelect", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], syncUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "syncUrl", required: false }] }], controlledQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], controlledAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregation", required: false }] }], controlledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onApply: [{ type: i0.Output, args: ["onApply"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], virtualItems: [{ type: i0.ViewChildren, args: ["virtualItem", { isSignal: true }] }], scrollElement: [{ type: i0.ViewChild, args: ["scrollElement", { isSignal: true }] }], itemDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AggregationItemDirective), { isSignal: true }] }], itemTemplateInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }, { type: i0.Output, args: ["searchTextChange"] }] } });
 
 class AggregationListComponent {
     cn = cn;
@@ -14972,6 +15145,18 @@ class AggregationListComponent {
      * @default true
      */
     showCheckbox = input(true, ...(ngDevMode ? [{ debugName: "showCheckbox", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Whether every selection gesture — row click, checkbox click, Enter on the
+     * checkbox — applies the filter immediately, instead of only revealing the
+     * Apply button.
+     *
+     * Independent of the `features.quickFilter` customization flag: `applyOnSelect`
+     * applies even when `quickFilter` is off, and leaves the label-click behavior
+     * untouched when it is off itself.
+     *
+     * @default false
+     */
+    applyOnSelect = input(false, ...(ngDevMode ? [{ debugName: "applyOnSelect", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * When `false`, applying or clearing filters updates the store without
      * synchronizing the URL (no browser history entry, not shareable/restorable).
@@ -15031,7 +15216,7 @@ class AggregationListComponent {
      * input. A directive projected straight onto this component takes precedence.
      */
     itemTemplateInput = input(undefined, ...(ngDevMode ? [{ debugName: "itemTemplateInput", alias: "itemTemplate" }] : [{
-            alias: "itemTemplate",
+            alias: "itemTemplate"
         }]));
     resolvedItemTemplate = computed(() => this.itemDirective()?.template ?? this.itemTemplateInput(), ...(ngDevMode ? [{ debugName: "resolvedItemTemplate" }] : []));
     /* selection state */
@@ -15053,8 +15238,8 @@ class AggregationListComponent {
      */
     isAllSelected = computed(() => {
         this.pendingSelection();
-        const selectable = this.items().filter((item) => item.count > 0);
-        return selectable.length > 0 && selectable.every((item) => item.$selected);
+        const selectable = this.items().filter(item => item.count > 0);
+        return selectable.length > 0 && selectable.every(item => item.$selected);
     }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : []));
     /* search state */
     searchText = model("", ...(ngDevMode ? [{ debugName: "searchText" }] : []));
@@ -15066,7 +15251,7 @@ class AggregationListComponent {
         syncUrl: this.syncUrl,
         query: this.controlledQuery,
         aggregation: this.controlledAggregation,
-        selection: this.controlledSelection,
+        selection: this.controlledSelection
     });
     /* spread from base */
     isControlled = this.base.isControlled;
@@ -15090,7 +15275,7 @@ class AggregationListComponent {
     virtualizer = injectVirtualizer(() => ({
         count: this.items().length,
         estimateSize: () => 32,
-        scrollElement: this.scrollElement(),
+        scrollElement: this.scrollElement()
     }));
     aggregation = computed(() => {
         if (this.isControlled()) {
@@ -15130,7 +15315,9 @@ class AggregationListComponent {
         // Reset $selected so items removed from the filter are deselected.
         // Then return a new array reference so Angular's signal equality check
         // detects the change and re-renders all component instances.
-        agg.items.forEach(item => { item.$selected = false; });
+        agg.items.forEach(item => {
+            item.$selected = false;
+        });
         const result = [...this.addCurrentFiltersToItems()];
         // Re-apply pending (checked but not-yet-applied) selections so they survive this
         // recompute — e.g. after "Load more" replaces/extends the item list.
@@ -15153,7 +15340,7 @@ class AggregationListComponent {
         // Untracked: keep the click-time mutation authoritative (see items()); pending is only
         // re-applied when suggests() legitimately recomputes the searched list.
         const pending = untracked(() => this.pendingSelection());
-        return this.suggests()?.map((suggest) => {
+        return this.suggests()?.map(suggest => {
             const column = this.appStore.getColumn(suggest.category);
             const field = column?.name ?? suggest.category;
             const item = {
@@ -15162,7 +15349,7 @@ class AggregationListComponent {
                 display: suggest.display,
                 column: field,
                 count: Number(suggest.frequency),
-                $selected: false,
+                $selected: false
             };
             if (column?.eType === EngineType.bool) {
                 item.value = Boolean(item.value);
@@ -15178,7 +15365,7 @@ class AggregationListComponent {
     constructor() {
         this.destroyRef.onDestroy(() => {
             if (this.selection()) {
-                this.aggregation()?.items?.forEach((item) => {
+                this.aggregation()?.items?.forEach(item => {
                     item.$selected = undefined;
                 });
             }
@@ -15206,8 +15393,10 @@ class AggregationListComponent {
             // Only selectable (count > 0) items get checked by `selectItems`; mirror that in the
             // pending intents so a disabled item is not re-checked on the next items() recompute.
             const pending = new Map(this.pendingSelection());
-            this.items().forEach(item => { if (item.count > 0)
-                pending.set(item.value, true); });
+            this.items().forEach(item => {
+                if (item.count > 0)
+                    pending.set(item.value, true);
+            });
             this.pendingSelection.set(pending);
             this.selection.set(true);
         }
@@ -15223,21 +15412,25 @@ class AggregationListComponent {
             this.select();
         }
     }
-    apply() {
+    /**
+     * @param opts.keepSearchText Leave the search-within-facet text in place. Used by
+     * `applyOnSelect`, where the user is expected to tick several values in a row and
+     * would otherwise lose the search context on the first one.
+     */
+    apply(opts) {
         const agg = this.aggregation();
         if (!agg)
             return;
         if (this.isControlled()) {
-            const values = [...this.items(), ...this.searchedItems()]
-                .filter((item) => item.$selected)
-                .map((item) => String(item.value));
+            const values = [...this.items(), ...this.searchedItems()].filter(item => item.$selected).map(item => String(item.value));
             this.selectionChange.emit({ kind: "values", values: Array.from(new Set(values)) });
             this.filtersChange.emit(legacyFilterToFilter(this.base.buildAppliedFilter(this.getFilters(), agg)));
         }
         else {
             this.base.applyFilters(this.getFilters(), agg, () => this.clear());
         }
-        this.searchText.set("");
+        if (!opts?.keepSearchText)
+            this.searchText.set("");
         this.selection.set(false);
         // Applied selections now live in the filters; clear pending so it doesn't double-apply.
         this.pendingSelection.set(new Map());
@@ -15251,20 +15444,20 @@ class AggregationListComponent {
                 return;
             this.aggregationsService
                 .loadMore(this.base.resolvedQuery(), agg, undefined, { count: this.base.resolvedAggregationCount(agg) })
-                .subscribe((aggregation) => {
+                .subscribe(aggregation => {
                 this.base.controlledAggregation.set(aggregation);
                 this.cdr.detectChanges();
             });
             return;
         }
         const q = this.queryParamsStore.getQuery();
-        this.aggregationsService.loadMore(q, this.aggregation()).subscribe((aggregation) => {
+        this.aggregationsService.loadMore(q, this.aggregation()).subscribe(aggregation => {
             this.aggregationsStore.updateAggregation(aggregation);
             this.cdr.detectChanges();
         });
     }
     select() {
-        const selectedItems = this.items().filter((item) => item.$selected);
+        const selectedItems = this.items().filter(item => item.$selected);
         this.onSelect.emit(selectedItems);
         this.selection.set(selectedItems.length > 0 || this.hasFilters());
     }
@@ -15275,16 +15468,20 @@ class AggregationListComponent {
     }
     isListItemFiltered(item, field) {
         if (this.isControlled()) {
-            return (this.base.selectionValues() ?? []).some((value) => value === item.value);
+            return (this.base.selectionValues() ?? []).some(value => value === item.value);
         }
         const filters = this.queryParamsStore.getFilter({ field: field ?? undefined, name: this.listItemName(item) });
         if (!filters)
             return false;
         const values = [item.value];
-        return (values.some((v) => v === filters.value) ||
-            !!(filters.values?.length && filters.values.some((value) => values.some((v) => v === value))));
+        return values.some(v => v === filters.value) || !!(filters.values?.length && filters.values.some((value) => values.some(v => v === value)));
     }
     selectListItem(item, e) {
+        // Selection only — never apply from here. `apply()` belongs to the interaction
+        // entry points below, so that `selectAll`/`unselectAll` and the controlled mode
+        // keep their own semantics.
+        // The stopImmediatePropagation() below is also what guarantees a label click
+        // never additionally reaches the row handler (no double apply). Do not remove it.
         e?.stopImmediatePropagation();
         item.$selected = !item.$selected;
         // Track the pending intent by value so it survives an items() recompute (ES-32085).
@@ -15295,24 +15492,43 @@ class AggregationListComponent {
         this.pendingSelection.set(pending);
         this.select();
     }
+    /**
+     * Single decision point for the item interaction paths: select, then apply only
+     * when the caller says so. Never call `apply()` from anywhere else in that path.
+     */
+    commitListSelection(item, event, shouldApply) {
+        this.selectListItem(item, event);
+        if (shouldApply)
+            this.apply({ keepSearchText: true });
+    }
+    /** Row click, and checkbox click/Enter — the "any selection gesture" surface. */
+    onListItemRowClick(item, event) {
+        this.commitListSelection(item, event, this.applyOnSelect());
+    }
+    /**
+     * Label click. `quickFilter` is the app-wide label-only shortcut; `applyOnSelect`
+     * covers the label too. With neither, the click bubbles up to the row handler.
+     */
     onListItemTextClick(item, event) {
-        if (this.quickFilter()) {
-            this.selectListItem(item, event);
-            this.apply();
-        }
+        if (!this.quickFilter() && !this.applyOnSelect())
+            return;
+        this.commitListSelection(item, event, true);
     }
     getFilters() {
-        const items = this.items().filter((item) => item.$selected);
-        const searchedItems = this.searchedItems().filter((item) => item.$selected);
-        const currentItems = [...items, ...searchedItems];
+        const items = this.items().filter(item => item.$selected);
+        const searchedItems = this.searchedItems().filter(item => item.$selected);
+        // While a search-within-facet is active, items() IS searchedItems() (same reference),
+        // so a naive concat counts every selected item twice — producing values: ["pdf", "pdf"].
+        // Deduplicate by value; the last occurrence wins, they are the same object anyway.
+        const currentItems = Array.from(new Map([...items, ...searchedItems].map(item => [item.value, item])).values());
         const { column, name, isDistribution = false } = this.aggregation() || {};
-        return currentItems.map((item) => this.aggregationsService.toFilter(item, column, name, isDistribution));
+        return currentItems.map(item => this.aggregationsService.toFilter(item, column, name, isDistribution));
     }
     addCurrentFiltersToItems() {
         return this.base.addCurrentFiltersToItems(this.aggregation());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AggregationListComponent, isStandalone: true, selector: "AggregationList, aggregation-list, aggregationlist", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, showFiltersCount: { classPropertyName: "showFiltersCount", publicName: "showFiltersCount", isSignal: true, isRequired: false, transformFunction: null }, showCheckbox: { classPropertyName: "showCheckbox", publicName: "showCheckbox", isSignal: true, isRequired: false, transformFunction: null }, syncUrl: { classPropertyName: "syncUrl", publicName: "syncUrl", isSignal: true, isRequired: false, transformFunction: null }, controlledQuery: { classPropertyName: "controlledQuery", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, controlledAggregation: { classPropertyName: "controlledAggregation", publicName: "aggregation", isSignal: true, isRequired: false, transformFunction: null }, controlledSelection: { classPropertyName: "controlledSelection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, itemTemplateInput: { classPropertyName: "itemTemplateInput", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect", onApply: "onApply", onClear: "onClear", selectionChange: "selectionChange", filtersChange: "filtersChange", searchText: "searchTextChange" }, host: { properties: { "class": "cn(\"block h-[inherit] max-h-[inherit]\", class())" } }, queries: [{ propertyName: "itemDirective", first: true, predicate: AggregationItemDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "scrollElement", first: true, predicate: ["scrollElement"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (aggregation()?.isTree) {\r\n  <div class=\"p-2 text-sm text-red-500\">\r\n    <triangle-alert-icon class=\"mr-1\" />\r\n    The aggregation component no longer supports tree aggregations. Please use\r\n    the &lt;AggregationTree /&gt; component instead.\r\n  </div>\r\n}\r\n<aggregation-panel\r\n  [id]=\"id()\"\r\n  [collapsible]=\"collapsible()\"\r\n  [collapsed]=\"collapsed()\"\r\n  [isEmpty]=\"isEmpty()\"\r\n  [isDate]=\"isDate()\"\r\n  [aggregation]=\"aggregation()\"\r\n  [showFiltersCount]=\"showFiltersCount()\"\r\n  [filtersCount]=\"filtersCount()\"\r\n  [hasFilters]=\"hasFilters()\"\r\n  [selection]=\"selection()\"\r\n  [isAllSelected]=\"isAllSelected()\"\r\n  [(searchText)]=\"searchText\"\r\n  [itemsLength]=\"items().length\"\r\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\r\n  [searchedItemsLength]=\"searchedItems().length\"\r\n  (cleared)=\"clear()\"\r\n  (applied)=\"apply()\"\r\n  (allSelected)=\"selectAll()\"\r\n  (allUnselected)=\"unselectAll()\"\r\n  (loadedMore)=\"loadMore()\">\r\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\r\n       host projects nothing, the local <ng-content> falls back to the icon + display\r\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\r\n  <ng-container ngProjectAs=\"label\">\r\n    <ng-content select=\"label\">\r\n      @let labelIcon = aggregation()?.icon;\r\n      @if (labelIcon) {\r\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\r\n      }\r\n      <span class=\"grow truncate\">{{\r\n        aggregation()?.display | syslang | transloco\r\n      }}</span>\r\n    </ng-content>\r\n  </ng-container>\r\n  <div\r\n    #scrollElement\r\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\r\n    <div\r\n      class=\"relative w-full\"\r\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\r\n      role=\"listbox\"\r\n      aria-multiselectable=\"true\"\r\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\r\n      @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\r\n        @let item = items()[vItem.index];\r\n        <div\r\n          class=\"absolute w-full\"\r\n          [style.transform]=\"'translateY(' + vItem.start + 'px)'\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"item.$selected ?? false\"\r\n          [attr.aria-disabled]=\"item.count === 0 ? 'true' : null\"\r\n          [attr.disabled]=\"item.count === 0 ? 'disabled' : null\">\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"listItemTpl\"\r\n            [ngTemplateOutletContext]=\"{\r\n              $implicit: item,\r\n              field: aggregation()?.column\r\n            }\">\r\n          </ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</aggregation-panel>\r\n\r\n<ng-template #listItemTpl let-item let-field=\"field\">\r\n  <a\r\n    [attr.aria-label]=\"listItemName(item) | syslang\"\r\n    [class]=\"\r\n      cn(\r\n        'flex grow items-center gap-2 p-1 leading-7',\r\n        item.count === 0 && 'disabled pointer-events-none'\r\n      )\r\n    \"\r\n    (click)=\"selectListItem(item, $event)\">\r\n    @if (showCheckbox()) {\r\n      <input\r\n        type=\"checkbox\"\r\n        role=\"checkbox\"\r\n        value=\"{{ item.value }}\"\r\n        [attr.disabled]=\"item.count === 0 ? true : null\"\r\n        [attr.aria-disabled]=\"item.count === 0\"\r\n        (keydown.enter)=\"selectListItem(item, $event)\"\r\n        [checked]=\"item.$selected\" />\r\n    }\r\n    @if (resolvedItemTemplate(); as tpl) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"tpl\"\r\n        [ngTemplateOutletContext]=\"{\r\n          $implicit: item,\r\n          field: field,\r\n          selected: item.$selected ?? false,\r\n          count: item.count,\r\n          name: (listItemName(item) | syslang) ?? '',\r\n          searchText: searchText()\r\n        }\" />\r\n    } @else {\r\n      @let icon = item.icon;\r\n      @if (icon) {\r\n        <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\r\n      }\r\n      <span\r\n        [class]=\"\r\n          cn(\r\n            'line-clamp-1 break-all text-ellipsis',\r\n            quickFilter() && 'hover:underline'\r\n          )\r\n        \"\r\n        [title]=\"\r\n          quickFilter()\r\n            ? ((isListItemFiltered(item, field)\r\n                ? 'filters.removeFilter'\r\n                : 'filters.addFilter'\r\n              ) | transloco) +\r\n              ': ' +\r\n              (listItemName(item) | syslang)\r\n            : (listItemName(item) | syslang)\r\n        \"\r\n        (click)=\"onListItemTextClick(item, $event)\">\r\n        @for (\r\n          chunk of (listItemName(item) | syslang) ?? \"\"\r\n            | highlightWord: searchText() : 10;\r\n          track $index\r\n        ) {\r\n          <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\r\n            chunk.text\r\n          }}</span>\r\n        }\r\n      </span>\r\n      @if (showCount() && item.count > 0) {\r\n        <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\r\n          item.count\r\n        }}</span>\r\n      }\r\n    }\r\n  </a>\r\n</ng-template>\r\n", styles: ["div[role=option]{display:block;-webkit-user-select:none;user-select:none}div[role=option] a{padding-left:var(--agg-tree-indent, .5rem);line-height:var(--agg-item-height, inherit)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass", "class"] }, { kind: "component", type: TriangleAlertIcon, selector: "triangle-alert-icon, TriangleAlertIcon", inputs: ["class"] }, { kind: "component", type: AggregationPanelComponent, selector: "AggregationPanel, aggregation-panel", inputs: ["id", "collapsible", "collapsed", "isDate", "isEmpty", "aggregation", "showFiltersCount", "filtersCount", "hasFilters", "selection", "isAllSelected", "searchText", "itemsLength", "hasMore", "searchedItemsLength"], outputs: ["searchTextChange", "cleared", "applied", "allSelected", "allUnselected", "loadedMore"] }, { kind: "pipe", type: SyslangPipe, name: "syslang" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "pipe", type: HighlightWordPipe, name: "highlightWord" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AggregationListComponent, isStandalone: true, selector: "AggregationList, aggregation-list, aggregationlist", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, showFiltersCount: { classPropertyName: "showFiltersCount", publicName: "showFiltersCount", isSignal: true, isRequired: false, transformFunction: null }, showCheckbox: { classPropertyName: "showCheckbox", publicName: "showCheckbox", isSignal: true, isRequired: false, transformFunction: null }, applyOnSelect: { classPropertyName: "applyOnSelect", publicName: "applyOnSelect", isSignal: true, isRequired: false, transformFunction: null }, syncUrl: { classPropertyName: "syncUrl", publicName: "syncUrl", isSignal: true, isRequired: false, transformFunction: null }, controlledQuery: { classPropertyName: "controlledQuery", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, controlledAggregation: { classPropertyName: "controlledAggregation", publicName: "aggregation", isSignal: true, isRequired: false, transformFunction: null }, controlledSelection: { classPropertyName: "controlledSelection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, itemTemplateInput: { classPropertyName: "itemTemplateInput", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect", onApply: "onApply", onClear: "onClear", selectionChange: "selectionChange", filtersChange: "filtersChange", searchText: "searchTextChange" }, host: { properties: { "class": "cn(\"block h-[inherit] max-h-[inherit]\", class())" } }, queries: [{ propertyName: "itemDirective", first: true, predicate: AggregationItemDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "scrollElement", first: true, predicate: ["scrollElement"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (aggregation()?.isTree) {\n  <div class=\"p-2 text-sm text-red-500\">\n    <triangle-alert-icon class=\"mr-1\" />\n    The aggregation component no longer supports tree aggregations. Please use\n    the &lt;AggregationTree /&gt; component instead.\n  </div>\n}\n<aggregation-panel\n  [id]=\"id()\"\n  [collapsible]=\"collapsible()\"\n  [collapsed]=\"collapsed()\"\n  [isEmpty]=\"isEmpty()\"\n  [isDate]=\"isDate()\"\n  [aggregation]=\"aggregation()\"\n  [showFiltersCount]=\"showFiltersCount()\"\n  [filtersCount]=\"filtersCount()\"\n  [hasFilters]=\"hasFilters()\"\n  [selection]=\"selection()\"\n  [isAllSelected]=\"isAllSelected()\"\n  [(searchText)]=\"searchText\"\n  [itemsLength]=\"items().length\"\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\n  [searchedItemsLength]=\"searchedItems().length\"\n  (cleared)=\"clear()\"\n  (applied)=\"apply()\"\n  (allSelected)=\"selectAll()\"\n  (allUnselected)=\"unselectAll()\"\n  (loadedMore)=\"loadMore()\">\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\n       host projects nothing, the local <ng-content> falls back to the icon + display\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\n  <ng-container ngProjectAs=\"label\">\n    <ng-content select=\"label\">\n      @let labelIcon = aggregation()?.icon;\n      @if (labelIcon) {\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\n      }\n      <span class=\"grow truncate\">{{\n        aggregation()?.display | syslang | transloco\n      }}</span>\n    </ng-content>\n  </ng-container>\n  <div\n    #scrollElement\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\n    <div\n      class=\"relative w-full\"\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\n      @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\n        @let item = items()[vItem.index];\n        <div\n          class=\"absolute w-full\"\n          [style.transform]=\"'translateY(' + vItem.start + 'px)'\"\n          role=\"option\"\n          [attr.aria-selected]=\"item.$selected ?? false\"\n          [attr.aria-disabled]=\"item.count === 0 ? 'true' : null\"\n          [attr.disabled]=\"item.count === 0 ? 'disabled' : null\">\n          <ng-container\n            [ngTemplateOutlet]=\"listItemTpl\"\n            [ngTemplateOutletContext]=\"{\n              $implicit: item,\n              field: aggregation()?.column\n            }\">\n          </ng-container>\n        </div>\n      }\n    </div>\n  </div>\n</aggregation-panel>\n\n<ng-template #listItemTpl let-item let-field=\"field\">\n  <a\n    [attr.aria-label]=\"listItemName(item) | syslang\"\n    [class]=\"\n      cn(\n        'flex grow items-center gap-2 p-1 leading-7',\n        item.count === 0 && 'disabled pointer-events-none',\n        applyOnSelect() && 'cursor-pointer'\n      )\n    \"\n    (click)=\"onListItemRowClick(item, $event)\">\n    @if (showCheckbox()) {\n      <input\n        type=\"checkbox\"\n        role=\"checkbox\"\n        value=\"{{ item.value }}\"\n        [attr.disabled]=\"item.count === 0 ? true : null\"\n        [attr.aria-disabled]=\"item.count === 0\"\n        (keydown.enter)=\"onListItemRowClick(item, $event)\"\n        [checked]=\"item.$selected\" />\n    }\n    @if (resolvedItemTemplate(); as tpl) {\n      <ng-container\n        [ngTemplateOutlet]=\"tpl\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: item,\n          field: field,\n          selected: item.$selected ?? false,\n          count: item.count,\n          name: (listItemName(item) | syslang) ?? '',\n          searchText: searchText()\n        }\" />\n    } @else {\n      @let icon = item.icon;\n      @if (icon) {\n        <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\n      }\n      @let appliesOnLabelClick = quickFilter() || applyOnSelect();\n      <span\n        [class]=\"\n          cn(\n            'line-clamp-1 break-all text-ellipsis',\n            appliesOnLabelClick && 'hover:underline'\n          )\n        \"\n        [title]=\"\n          appliesOnLabelClick\n            ? ((isListItemFiltered(item, field)\n                ? 'filters.removeFilter'\n                : 'filters.addFilter'\n              ) | transloco) +\n              ': ' +\n              (listItemName(item) | syslang)\n            : (listItemName(item) | syslang)\n        \"\n        (click)=\"onListItemTextClick(item, $event)\">\n        @for (\n          chunk of (listItemName(item) | syslang) ?? \"\"\n            | highlightWord: searchText() : 10;\n          track $index\n        ) {\n          <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\n            chunk.text\n          }}</span>\n        }\n      </span>\n      @if (showCount() && item.count > 0) {\n        <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\n          item.count\n        }}</span>\n      }\n    }\n  </a>\n</ng-template>\n", styles: ["div[role=option]{display:block;-webkit-user-select:none;user-select:none}div[role=option] a{padding-left:var(--agg-tree-indent, .5rem);line-height:var(--agg-item-height, inherit)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass", "class"] }, { kind: "component", type: TriangleAlertIcon, selector: "triangle-alert-icon, TriangleAlertIcon", inputs: ["class"] }, { kind: "component", type: AggregationPanelComponent, selector: "AggregationPanel, aggregation-panel", inputs: ["id", "collapsible", "collapsed", "isDate", "isEmpty", "aggregation", "showFiltersCount", "filtersCount", "hasFilters", "selection", "isAllSelected", "searchText", "itemsLength", "hasMore", "searchedItemsLength"], outputs: ["searchTextChange", "cleared", "applied", "allSelected", "allUnselected", "loadedMore"] }, { kind: "pipe", type: SyslangPipe, name: "syslang" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "pipe", type: HighlightWordPipe, name: "highlightWord" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationListComponent, decorators: [{
             type: Component,
@@ -15325,11 +15541,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         FaIconComponent,
                         TriangleAlertIcon,
                         HighlightWordPipe,
-                        AggregationPanelComponent,
+                        AggregationPanelComponent
                     ], standalone: true, host: {
-                        "[class]": 'cn("block h-[inherit] max-h-[inherit]", class())',
-                    }, template: "@if (aggregation()?.isTree) {\r\n  <div class=\"p-2 text-sm text-red-500\">\r\n    <triangle-alert-icon class=\"mr-1\" />\r\n    The aggregation component no longer supports tree aggregations. Please use\r\n    the &lt;AggregationTree /&gt; component instead.\r\n  </div>\r\n}\r\n<aggregation-panel\r\n  [id]=\"id()\"\r\n  [collapsible]=\"collapsible()\"\r\n  [collapsed]=\"collapsed()\"\r\n  [isEmpty]=\"isEmpty()\"\r\n  [isDate]=\"isDate()\"\r\n  [aggregation]=\"aggregation()\"\r\n  [showFiltersCount]=\"showFiltersCount()\"\r\n  [filtersCount]=\"filtersCount()\"\r\n  [hasFilters]=\"hasFilters()\"\r\n  [selection]=\"selection()\"\r\n  [isAllSelected]=\"isAllSelected()\"\r\n  [(searchText)]=\"searchText\"\r\n  [itemsLength]=\"items().length\"\r\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\r\n  [searchedItemsLength]=\"searchedItems().length\"\r\n  (cleared)=\"clear()\"\r\n  (applied)=\"apply()\"\r\n  (allSelected)=\"selectAll()\"\r\n  (allUnselected)=\"unselectAll()\"\r\n  (loadedMore)=\"loadMore()\">\r\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\r\n       host projects nothing, the local <ng-content> falls back to the icon + display\r\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\r\n  <ng-container ngProjectAs=\"label\">\r\n    <ng-content select=\"label\">\r\n      @let labelIcon = aggregation()?.icon;\r\n      @if (labelIcon) {\r\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\r\n      }\r\n      <span class=\"grow truncate\">{{\r\n        aggregation()?.display | syslang | transloco\r\n      }}</span>\r\n    </ng-content>\r\n  </ng-container>\r\n  <div\r\n    #scrollElement\r\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\r\n    <div\r\n      class=\"relative w-full\"\r\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\r\n      role=\"listbox\"\r\n      aria-multiselectable=\"true\"\r\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\r\n      @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\r\n        @let item = items()[vItem.index];\r\n        <div\r\n          class=\"absolute w-full\"\r\n          [style.transform]=\"'translateY(' + vItem.start + 'px)'\"\r\n          role=\"option\"\r\n          [attr.aria-selected]=\"item.$selected ?? false\"\r\n          [attr.aria-disabled]=\"item.count === 0 ? 'true' : null\"\r\n          [attr.disabled]=\"item.count === 0 ? 'disabled' : null\">\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"listItemTpl\"\r\n            [ngTemplateOutletContext]=\"{\r\n              $implicit: item,\r\n              field: aggregation()?.column\r\n            }\">\r\n          </ng-container>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</aggregation-panel>\r\n\r\n<ng-template #listItemTpl let-item let-field=\"field\">\r\n  <a\r\n    [attr.aria-label]=\"listItemName(item) | syslang\"\r\n    [class]=\"\r\n      cn(\r\n        'flex grow items-center gap-2 p-1 leading-7',\r\n        item.count === 0 && 'disabled pointer-events-none'\r\n      )\r\n    \"\r\n    (click)=\"selectListItem(item, $event)\">\r\n    @if (showCheckbox()) {\r\n      <input\r\n        type=\"checkbox\"\r\n        role=\"checkbox\"\r\n        value=\"{{ item.value }}\"\r\n        [attr.disabled]=\"item.count === 0 ? true : null\"\r\n        [attr.aria-disabled]=\"item.count === 0\"\r\n        (keydown.enter)=\"selectListItem(item, $event)\"\r\n        [checked]=\"item.$selected\" />\r\n    }\r\n    @if (resolvedItemTemplate(); as tpl) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"tpl\"\r\n        [ngTemplateOutletContext]=\"{\r\n          $implicit: item,\r\n          field: field,\r\n          selected: item.$selected ?? false,\r\n          count: item.count,\r\n          name: (listItemName(item) | syslang) ?? '',\r\n          searchText: searchText()\r\n        }\" />\r\n    } @else {\r\n      @let icon = item.icon;\r\n      @if (icon) {\r\n        <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\r\n      }\r\n      <span\r\n        [class]=\"\r\n          cn(\r\n            'line-clamp-1 break-all text-ellipsis',\r\n            quickFilter() && 'hover:underline'\r\n          )\r\n        \"\r\n        [title]=\"\r\n          quickFilter()\r\n            ? ((isListItemFiltered(item, field)\r\n                ? 'filters.removeFilter'\r\n                : 'filters.addFilter'\r\n              ) | transloco) +\r\n              ': ' +\r\n              (listItemName(item) | syslang)\r\n            : (listItemName(item) | syslang)\r\n        \"\r\n        (click)=\"onListItemTextClick(item, $event)\">\r\n        @for (\r\n          chunk of (listItemName(item) | syslang) ?? \"\"\r\n            | highlightWord: searchText() : 10;\r\n          track $index\r\n        ) {\r\n          <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\r\n            chunk.text\r\n          }}</span>\r\n        }\r\n      </span>\r\n      @if (showCount() && item.count > 0) {\r\n        <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\r\n          item.count\r\n        }}</span>\r\n      }\r\n    }\r\n  </a>\r\n</ng-template>\r\n", styles: ["div[role=option]{display:block;-webkit-user-select:none;user-select:none}div[role=option] a{padding-left:var(--agg-tree-indent, .5rem);line-height:var(--agg-item-height, inherit)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], showFiltersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFiltersCount", required: false }] }], showCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckbox", required: false }] }], syncUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "syncUrl", required: false }] }], controlledQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], controlledAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregation", required: false }] }], controlledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onApply: [{ type: i0.Output, args: ["onApply"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], scrollElement: [{ type: i0.ViewChild, args: ["scrollElement", { isSignal: true }] }], itemDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AggregationItemDirective), { isSignal: true }] }], itemTemplateInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }, { type: i0.Output, args: ["searchTextChange"] }] } });
+                        "[class]": 'cn("block h-[inherit] max-h-[inherit]", class())'
+                    }, template: "@if (aggregation()?.isTree) {\n  <div class=\"p-2 text-sm text-red-500\">\n    <triangle-alert-icon class=\"mr-1\" />\n    The aggregation component no longer supports tree aggregations. Please use\n    the &lt;AggregationTree /&gt; component instead.\n  </div>\n}\n<aggregation-panel\n  [id]=\"id()\"\n  [collapsible]=\"collapsible()\"\n  [collapsed]=\"collapsed()\"\n  [isEmpty]=\"isEmpty()\"\n  [isDate]=\"isDate()\"\n  [aggregation]=\"aggregation()\"\n  [showFiltersCount]=\"showFiltersCount()\"\n  [filtersCount]=\"filtersCount()\"\n  [hasFilters]=\"hasFilters()\"\n  [selection]=\"selection()\"\n  [isAllSelected]=\"isAllSelected()\"\n  [(searchText)]=\"searchText\"\n  [itemsLength]=\"items().length\"\n  [hasMore]=\"aggregation()?.$hasMore ?? false\"\n  [searchedItemsLength]=\"searchedItems().length\"\n  (cleared)=\"clear()\"\n  (applied)=\"apply()\"\n  (allSelected)=\"selectAll()\"\n  (allUnselected)=\"unselectAll()\"\n  (loadedMore)=\"loadMore()\">\n  <!-- Relay the host's `label` projection into the panel's `label` slot. When the\n       host projects nothing, the local <ng-content> falls back to the icon + display\n       (mirrors AggregationPanel's own fallback), so the header is never empty. -->\n  <ng-container ngProjectAs=\"label\">\n    <ng-content select=\"label\">\n      @let labelIcon = aggregation()?.icon;\n      @if (labelIcon) {\n        <FaIcon [faClass]=\"labelIcon\" class=\"mr-1 shrink-0\" />\n      }\n      <span class=\"grow truncate\">{{\n        aggregation()?.display | syslang | transloco\n      }}</span>\n    </ng-content>\n  </ng-container>\n  <div\n    #scrollElement\n    class=\"max-h-(--scroll-height,20rem) w-full scrollbar-thin overflow-auto\">\n    <div\n      class=\"relative w-full\"\n      [style.height]=\"virtualizer.getTotalSize() + 'px'\"\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      [attr.aria-label]=\"aggregation()?.display | syslang | transloco\">\n      @for (vItem of virtualizer.getVirtualItems(); track vItem.index) {\n        @let item = items()[vItem.index];\n        <div\n          class=\"absolute w-full\"\n          [style.transform]=\"'translateY(' + vItem.start + 'px)'\"\n          role=\"option\"\n          [attr.aria-selected]=\"item.$selected ?? false\"\n          [attr.aria-disabled]=\"item.count === 0 ? 'true' : null\"\n          [attr.disabled]=\"item.count === 0 ? 'disabled' : null\">\n          <ng-container\n            [ngTemplateOutlet]=\"listItemTpl\"\n            [ngTemplateOutletContext]=\"{\n              $implicit: item,\n              field: aggregation()?.column\n            }\">\n          </ng-container>\n        </div>\n      }\n    </div>\n  </div>\n</aggregation-panel>\n\n<ng-template #listItemTpl let-item let-field=\"field\">\n  <a\n    [attr.aria-label]=\"listItemName(item) | syslang\"\n    [class]=\"\n      cn(\n        'flex grow items-center gap-2 p-1 leading-7',\n        item.count === 0 && 'disabled pointer-events-none',\n        applyOnSelect() && 'cursor-pointer'\n      )\n    \"\n    (click)=\"onListItemRowClick(item, $event)\">\n    @if (showCheckbox()) {\n      <input\n        type=\"checkbox\"\n        role=\"checkbox\"\n        value=\"{{ item.value }}\"\n        [attr.disabled]=\"item.count === 0 ? true : null\"\n        [attr.aria-disabled]=\"item.count === 0\"\n        (keydown.enter)=\"onListItemRowClick(item, $event)\"\n        [checked]=\"item.$selected\" />\n    }\n    @if (resolvedItemTemplate(); as tpl) {\n      <ng-container\n        [ngTemplateOutlet]=\"tpl\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: item,\n          field: field,\n          selected: item.$selected ?? false,\n          count: item.count,\n          name: (listItemName(item) | syslang) ?? '',\n          searchText: searchText()\n        }\" />\n    } @else {\n      @let icon = item.icon;\n      @if (icon) {\n        <FaIcon [faClass]=\"icon\" class=\"self-center justify-self-center\" />\n      }\n      @let appliesOnLabelClick = quickFilter() || applyOnSelect();\n      <span\n        [class]=\"\n          cn(\n            'line-clamp-1 break-all text-ellipsis',\n            appliesOnLabelClick && 'hover:underline'\n          )\n        \"\n        [title]=\"\n          appliesOnLabelClick\n            ? ((isListItemFiltered(item, field)\n                ? 'filters.removeFilter'\n                : 'filters.addFilter'\n              ) | transloco) +\n              ': ' +\n              (listItemName(item) | syslang)\n            : (listItemName(item) | syslang)\n        \"\n        (click)=\"onListItemTextClick(item, $event)\">\n        @for (\n          chunk of (listItemName(item) | syslang) ?? \"\"\n            | highlightWord: searchText() : 10;\n          track $index\n        ) {\n          <span [class]=\"{ 'font-bold': chunk.match }\" aria-hidden=\"true\">{{\n            chunk.text\n          }}</span>\n        }\n      </span>\n      @if (showCount() && item.count > 0) {\n        <span class=\"ml-auto px-1 text-xs empty:hidden\" aria-hidden=\"true\">{{\n          item.count\n        }}</span>\n      }\n    }\n  </a>\n</ng-template>\n", styles: ["div[role=option]{display:block;-webkit-user-select:none;user-select:none}div[role=option] a{padding-left:var(--agg-tree-indent, .5rem);line-height:var(--agg-item-height, inherit)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], showFiltersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFiltersCount", required: false }] }], showCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckbox", required: false }] }], applyOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyOnSelect", required: false }] }], syncUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "syncUrl", required: false }] }], controlledQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], controlledAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregation", required: false }] }], controlledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onApply: [{ type: i0.Output, args: ["onApply"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], scrollElement: [{ type: i0.ViewChild, args: ["scrollElement", { isSignal: true }] }], itemDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AggregationItemDirective), { isSignal: true }] }], itemTemplateInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }, { type: i0.Output, args: ["searchTextChange"] }] } });
 
 /**
  * The `AggregationComponent` is responsible for rendering the appropriate aggregation component based on the type of aggregation (date, tree, or list). It uses the `AggregationsService` to retrieve the aggregation data and determines which component to display based on the column type and whether it is a tree structure. The component also provides inputs for configuring its behavior, such as collapsibility, searchability, and showing filter counts.
@@ -15410,6 +15626,18 @@ class AggregationComponent {
      * @default true
      */
     showCheckbox = input(true, ...(ngDevMode ? [{ debugName: "showCheckbox", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * **List/tree only.** Whether every selection gesture — row click, checkbox click,
+     * Enter on the checkbox — applies the filter immediately, instead of only revealing
+     * the Apply button.
+     *
+     * Independent of the `features.quickFilter` customization flag, which governs the
+     * label click only. Ignored by the date variant, which is a radio list: use
+     * `emitOn="selection"` there for the equivalent behavior.
+     *
+     * @default false
+     */
+    applyOnSelect = input(false, ...(ngDevMode ? [{ debugName: "applyOnSelect", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     expandedLevel = input(undefined, ...(ngDevMode ? [{ debugName: "expandedLevel", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     /**
      * Controls whether applying or clearing a filter synchronizes the URL.
@@ -15452,6 +15680,9 @@ class AggregationComponent {
      * emissions to a visible Apply button, matching the list/tree select-then-Apply
      * flow. Ignored outside controlled mode.
      *
+     * The list/tree counterpart of `emitOn="selection"` is `applyOnSelect` — do not
+     * use `emitOn` on those variants, it has no effect there.
+     *
      * @default 'selection'
      */
     emitOn = input("selection", ...(ngDevMode ? [{ debugName: "emitOn" }] : []));
@@ -15494,10 +15725,7 @@ class AggregationComponent {
      *
      * @returns An array of items to be displayed in the aggregation component.
      */
-    items = computed(() => this.aggregationDate()?.items() ??
-        this.aggregationTree()?.items() ??
-        this.aggregationList()?.items() ??
-        [], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    items = computed(() => this.aggregationDate()?.items() ?? this.aggregationTree()?.items() ?? this.aggregationList()?.items() ?? [], ...(ngDevMode ? [{ debugName: "items" }] : []));
     /**
      * A computed property that filters the items to include only those that are currently selected. It uses the `items` computed property to retrieve all items and then applies a filter to return only those with the `$selected` property set to true. This allows the component to easily access and manage the selected items for further processing, such as applying filters or updating the UI based on user selections.
      *
@@ -15546,7 +15774,7 @@ class AggregationComponent {
         return this.appStore.isDateColumn(column);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AggregationComponent, isStandalone: true, selector: "Aggregation, aggregation", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, showFiltersCount: { classPropertyName: "showFiltersCount", publicName: "showFiltersCount", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, showCheckbox: { classPropertyName: "showCheckbox", publicName: "showCheckbox", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, syncUrl: { classPropertyName: "syncUrl", publicName: "syncUrl", isSignal: true, isRequired: false, transformFunction: null }, controlledQuery: { classPropertyName: "controlledQuery", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, controlledAggregation: { classPropertyName: "controlledAggregation", publicName: "aggregation", isSignal: true, isRequired: false, transformFunction: null }, controlledSelection: { classPropertyName: "controlledSelection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, emitOn: { classPropertyName: "emitOn", publicName: "emitOn", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect", onApply: "onApply", onClear: "onClear", selectionChange: "selectionChange", filtersChange: "filtersChange" }, host: { properties: { "class": "cn(\"block h-[inherit] max-h-[inherit]\",class())" } }, queries: [{ propertyName: "itemDirective", first: true, predicate: AggregationItemDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "aggregationDate", first: true, predicate: AggregationDateComponent, descendants: true, isSignal: true }, { propertyName: "aggregationTree", first: true, predicate: AggregationTreeComponent, descendants: true, isSignal: true }, { propertyName: "aggregationList", first: true, predicate: AggregationListComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: AggregationComponent, isStandalone: true, selector: "Aggregation, aggregation", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, showFiltersCount: { classPropertyName: "showFiltersCount", publicName: "showFiltersCount", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, showCheckbox: { classPropertyName: "showCheckbox", publicName: "showCheckbox", isSignal: true, isRequired: false, transformFunction: null }, applyOnSelect: { classPropertyName: "applyOnSelect", publicName: "applyOnSelect", isSignal: true, isRequired: false, transformFunction: null }, expandedLevel: { classPropertyName: "expandedLevel", publicName: "expandedLevel", isSignal: true, isRequired: false, transformFunction: null }, syncUrl: { classPropertyName: "syncUrl", publicName: "syncUrl", isSignal: true, isRequired: false, transformFunction: null }, controlledQuery: { classPropertyName: "controlledQuery", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, controlledAggregation: { classPropertyName: "controlledAggregation", publicName: "aggregation", isSignal: true, isRequired: false, transformFunction: null }, controlledSelection: { classPropertyName: "controlledSelection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, emitOn: { classPropertyName: "emitOn", publicName: "emitOn", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect", onApply: "onApply", onClear: "onClear", selectionChange: "selectionChange", filtersChange: "filtersChange" }, host: { properties: { "class": "cn(\"block h-[inherit] max-h-[inherit]\",class())" } }, queries: [{ propertyName: "itemDirective", first: true, predicate: AggregationItemDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "aggregationDate", first: true, predicate: AggregationDateComponent, descendants: true, isSignal: true }, { propertyName: "aggregationTree", first: true, predicate: AggregationTreeComponent, descendants: true, isSignal: true }, { propertyName: "aggregationList", first: true, predicate: AggregationListComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
     @switch (resolvedType()) {
     @case ("date") {
     <AggregationDate
@@ -15584,6 +15812,7 @@ class AggregationComponent {
       [selection]="controlledSelection()"
       [itemTemplate]="itemDirective()?.template"
       [showCheckbox]="showCheckbox()"
+      [applyOnSelect]="applyOnSelect()"
       [expandedLevel]="expandedLevel()"
       (onSelect)="onSelect.emit($event)"
       (onApply)="onApply.emit($event)"
@@ -15607,6 +15836,7 @@ class AggregationComponent {
       [selection]="controlledSelection()"
       [itemTemplate]="itemDirective()?.template"
       [showCheckbox]="showCheckbox()"
+      [applyOnSelect]="applyOnSelect()"
       (onSelect)="onSelect.emit($event)"
       (onApply)="onApply.emit($event)"
       (onClear)="onClear.emit($event)"
@@ -15615,7 +15845,7 @@ class AggregationComponent {
       />
     }
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: AggregationListComponent, selector: "AggregationList, aggregation-list, aggregationlist", inputs: ["class", "id", "name", "column", "collapsible", "collapsed", "searchable", "showFiltersCount", "showCheckbox", "syncUrl", "query", "aggregation", "selection", "itemTemplate", "searchText"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange", "searchTextChange"] }, { kind: "component", type: AggregationTreeComponent, selector: "AggregationTree, aggregation-tree, aggregationtree", inputs: ["class", "id", "name", "column", "collapsible", "collapsed", "searchable", "showFiltersCount", "showCheckbox", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "itemTemplate", "searchText"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange", "searchTextChange"] }, { kind: "component", type: AggregationDateComponent, selector: "aggregation-date, AggregationDate, aggregationdate", inputs: ["name", "column", "id", "collapsible", "collapsed", "searchable", "showFiltersCount", "syncUrl", "query", "aggregation", "selection", "emitOn", "title", "displayEmptyDistributionIntervals", "searchText"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange", "searchTextChange"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: AggregationListComponent, selector: "AggregationList, aggregation-list, aggregationlist", inputs: ["class", "id", "name", "column", "collapsible", "collapsed", "searchable", "showFiltersCount", "showCheckbox", "applyOnSelect", "syncUrl", "query", "aggregation", "selection", "itemTemplate", "searchText"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange", "searchTextChange"] }, { kind: "component", type: AggregationTreeComponent, selector: "AggregationTree, aggregation-tree, aggregationtree", inputs: ["class", "id", "name", "column", "collapsible", "collapsed", "searchable", "showFiltersCount", "showCheckbox", "applyOnSelect", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "itemTemplate", "searchText"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange", "searchTextChange"] }, { kind: "component", type: AggregationDateComponent, selector: "aggregation-date, AggregationDate, aggregationdate", inputs: ["name", "column", "id", "collapsible", "collapsed", "searchable", "showFiltersCount", "syncUrl", "query", "aggregation", "selection", "emitOn", "title", "displayEmptyDistributionIntervals", "searchText"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange", "searchTextChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AggregationComponent, decorators: [{
             type: Component,
@@ -15660,6 +15890,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
       [selection]="controlledSelection()"
       [itemTemplate]="itemDirective()?.template"
       [showCheckbox]="showCheckbox()"
+      [applyOnSelect]="applyOnSelect()"
       [expandedLevel]="expandedLevel()"
       (onSelect)="onSelect.emit($event)"
       (onApply)="onApply.emit($event)"
@@ -15683,6 +15914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
       [selection]="controlledSelection()"
       [itemTemplate]="itemDirective()?.template"
       [showCheckbox]="showCheckbox()"
+      [applyOnSelect]="applyOnSelect()"
       (onSelect)="onSelect.emit($event)"
       (onApply)="onApply.emit($event)"
       (onClear)="onClear.emit($event)"
@@ -15696,7 +15928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         "[class]": 'cn("block h-[inherit] max-h-[inherit]",class())'
                     }
                 }]
-        }], propDecorators: { aggregationDate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AggregationDateComponent), { isSignal: true }] }], aggregationTree: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AggregationTreeComponent), { isSignal: true }] }], aggregationList: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AggregationListComponent), { isSignal: true }] }], itemDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AggregationItemDirective), { isSignal: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], showFiltersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFiltersCount", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], showCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckbox", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], syncUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "syncUrl", required: false }] }], controlledQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], controlledAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregation", required: false }] }], controlledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], emitOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitOn", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onApply: [{ type: i0.Output, args: ["onApply"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }] } });
+        }], propDecorators: { aggregationDate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AggregationDateComponent), { isSignal: true }] }], aggregationTree: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AggregationTreeComponent), { isSignal: true }] }], aggregationList: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AggregationListComponent), { isSignal: true }] }], itemDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AggregationItemDirective), { isSignal: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], showFiltersCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFiltersCount", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], showCheckbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCheckbox", required: false }] }], applyOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "applyOnSelect", required: false }] }], expandedLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLevel", required: false }] }], syncUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "syncUrl", required: false }] }], controlledQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], controlledAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregation", required: false }] }], controlledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], emitOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitOn", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onApply: [{ type: i0.Output, args: ["onApply"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }] } });
 
 class AsideFiltersComponent {
     cn = cn;
@@ -15757,7 +15989,7 @@ class AsideFiltersComponent {
         showFiltersCount />
     }
   </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: AggregationComponent, selector: "Aggregation, aggregation", inputs: ["class", "id", "name", "column", "showFiltersCount", "collapsible", "collapsed", "searchable", "showCheckbox", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "emitOn", "type"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: AggregationComponent, selector: "Aggregation, aggregation", inputs: ["class", "id", "name", "column", "showFiltersCount", "collapsible", "collapsed", "searchable", "showCheckbox", "applyOnSelect", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "emitOn", "type"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AsideFiltersComponent, decorators: [{
             type: Component,
@@ -15908,7 +16140,7 @@ class FilterButtonComponent {
       }
       </PopoverContent>
     </Popover>
-  `, isInline: true, dependencies: [{ kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size", "solid"] }, { 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: AggregationComponent, selector: "Aggregation, aggregation", inputs: ["class", "id", "name", "column", "showFiltersCount", "collapsible", "collapsed", "searchable", "showCheckbox", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "emitOn", "type"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange"] }, { kind: "directive", type: BadgeComponent, selector: "badge, Badge", inputs: ["class", "variant", "scheme", "size", "aria-label"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass", "class"] }, { kind: "pipe", type: OperatorPipe, name: "operator" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "pipe", type: SyslangPipe, name: "syslang" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: ButtonComponent, selector: "button", inputs: ["class", "variant", "decoration", "scheme", "iconOnly", "size", "solid"] }, { 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: AggregationComponent, selector: "Aggregation, aggregation", inputs: ["class", "id", "name", "column", "showFiltersCount", "collapsible", "collapsed", "searchable", "showCheckbox", "applyOnSelect", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "emitOn", "type"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange"] }, { kind: "directive", type: BadgeComponent, selector: "badge, Badge", inputs: ["class", "variant", "scheme", "size", "aria-label"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon, FaIcon", inputs: ["faClass", "class"] }, { kind: "pipe", type: OperatorPipe, name: "operator" }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }, { kind: "pipe", type: SyslangPipe, name: "syslang" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: FilterButtonComponent, decorators: [{
             type: Component,
@@ -16023,7 +16255,7 @@ class MoreComponent {
         [name]="filter.name"
         [column]="filter.column" />
     }
-  `, isInline: true, styles: [":host{scrollbar-width:none}\n"], dependencies: [{ kind: "component", type: AggregationComponent, selector: "Aggregation, aggregation", inputs: ["class", "id", "name", "column", "showFiltersCount", "collapsible", "collapsed", "searchable", "showCheckbox", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "emitOn", "type"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+  `, isInline: true, styles: [":host{scrollbar-width:none}\n"], dependencies: [{ kind: "component", type: AggregationComponent, selector: "Aggregation, aggregation", inputs: ["class", "id", "name", "column", "showFiltersCount", "collapsible", "collapsed", "searchable", "showCheckbox", "applyOnSelect", "expandedLevel", "syncUrl", "query", "aggregation", "selection", "emitOn", "type"], outputs: ["onSelect", "onApply", "onClear", "selectionChange", "filtersChange"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: MoreComponent, decorators: [{
             type: Component,
@@ -17881,5 +18113,5 @@ const queryNameResolver = () => {
  * Generated bundle index. Do not edit.
  */
 
-export { AGGREGATIONS_NAMES, AGGREGATIONS_NAMES_PRESET_DEFAULT, APP_FEATURES, AdvancedFiltersComponent, AdvancedSearch, AdvancedSearchComponent, AggregationComponent, AggregationDateComponent, AggregationDateRangeDialogComponent, AggregationItemDirective, AggregationListComponent, AggregationPanelComponent, AggregationTreeComponent, AggregationsService, AggregationsStore, Alert, AlertDialog, AlertsComponent, AppService, AppStore, ApplicationService, ApplicationStore, ArticleEntities, ArticleExtracts, ArticleLabels, ArticleSimilarDocuments, AsideFiltersComponent, AuditFeedbackType, AuditService, AuthGuard, AuthPageComponent, AutocompleteService, BOOKMARKS_CONFIG, BOOKMARKS_OPTIONS, BackdropComponent, BackdropService, BookmarkButtonComponent, BookmarksComponent, COLLECTIONS_CONFIG, COLLECTIONS_OPTIONS, COMPONENTS_FOR_DOCUMENT_TYPE, ChangePasswordComponent, ChildMarkerDirective, CollectionsComponent, CollectionsDialog, DRAWER_COMPONENT, DRAWER_STACK_MAX_COUNT, DateComponent, DeleteCollectionDialog, DidYouMeanComponent, DocumentLocatorComponent, DrawerAdvancedFiltersComponent, DrawerComponent, DrawerNavbarComponent, DrawerPreviewComponent, DrawerService, DrawerStackComponent, DrawerStackService, DropdownInputComponent, DropdownListComponent, ErrorComponent, ExportDialog, ExportService, FILTERS_BREAKPOINT, FILTER_DATE_ALLOW_CUSTOM_RANGE, FeatureFlagsDialogComponent, FeedbackDialogComponent, FileSizePipe, FilterButtonComponent, FiltersBarComponent, HIGHLIGHTS, HighlightWordPipe, InfinityScrollDirective, InlineWorker, JsonMethodPluginService, KeyboardNavigatorDirective, LabelService, LabelsEditDialog, LoadingComponent, MetadataComponent, MissingTermsComponent, MoreButtonComponent, MoreComponent, MultiSelectLabelsComponent, MultiSelectionToolbarComponent, NON_SEARCHABLE_COLUMNS, NON_SEARCHABLE_DEFAULTS, NavbarTabsComponent, NavigationService, NoResultComponent, OpenArticleOnCtrlEnterDirective, OperatorPipe, OverflowItemDirective, OverflowManagerDirective, OverflowStopDirective, OverrideUserDialogComponent, PREVIEW_CONFIG, PagerComponent, PreviewNavigator, PreviewService, PrincipalService, PrincipalStore, QueryParamsStore, QueryService, RECENT_SEARCHES_CONFIG, RECENT_SEARCHES_OPTIONS, ROUTE_COMPONENTS, RecentSearchesComponent, ResetUserSettingsDialogComponent, SAVED_SEARCHES_CONFIG, SAVED_SEARCHES_OPTIONS, SavedSearchDialog, SavedSearchesComponent, SavedSearchesService, SearchFeedbackComponent, SearchInputFooter, SearchService, SelectArticleDirective, SelectArticleOnClickDirective, SelectionHistoryService, SelectionService, SelectionStore, ShowBookmarkDirective, SidebarNavComponent, SignInComponent, SignedOutComponent, SortSelectorComponent, SourceComponent, SourceIconPipe, SponsoredResultsComponent, SyslangPipe, THEMES, TextChunkService, ThemeProviderDirective, ThemeSelectorComponent, ThemeStore, ThemeToggleComponent, TranslocoDateImpurePipe, UserProfileDialog, UserProfileFormComponent, UserProfileService, UserSettingsStore, __resetSignInMutexForTests, applyThemeToNativeElement, auditInterceptorFn, authInterceptorFn, bodyInterceptorFn, bootstrapApp, buildQuery, debouncedSignal, errorInterceptorFn, getCurrentPath, getCurrentQueryName, getQueryNameFromRoute, injectRouteNavigation, legacyFilterToFilter, processCssVars, queryNameResolver, signIn, themeColorNameToCssVariable, themeColorsToCssVariables, toastInterceptorFn, withAggregationsFeatures, withAlertsFeatures, withAppFeatures, withApplicationFeatures, withAssistantFeatures, withBasketsFeatures, withBookmarkFeatures, withBootstrapApp, withExtractsFeatures, withFetch, withMultiSelectionFeatures, withQueryParamsFeatures, withRecentSearchesFeatures, withSavedSearchesFeatures, withSelectionFeatures, withThemeBodyHook, withThemes, withThemesFeatures, withUserSettingsFeatures };
+export { AGGREGATIONS_NAMES, AGGREGATIONS_NAMES_PRESET_DEFAULT, APP_FEATURES, AdvancedFiltersComponent, AdvancedSearch, AdvancedSearchComponent, AggregationComponent, AggregationDateComponent, AggregationDateRangeDialogComponent, AggregationItemDirective, AggregationListComponent, AggregationPanelComponent, AggregationTreeComponent, AggregationsService, AggregationsStore, Alert, AlertDialog, AlertsComponent, AppService, AppStore, ApplicationService, ApplicationStore, ArticleEntities, ArticleExtracts, ArticleLabels, ArticleSimilarDocuments, AsideFiltersComponent, AuditFeedbackType, AuditService, AuthGuard, AuthPageComponent, AutocompleteService, BOOKMARKS_CONFIG, BOOKMARKS_OPTIONS, BackdropComponent, BackdropService, BookmarkButtonComponent, BookmarksComponent, COLLECTIONS_CONFIG, COLLECTIONS_OPTIONS, COMPONENTS_FOR_DOCUMENT_TYPE, ChangePasswordComponent, ChildMarkerDirective, CollectionsComponent, CollectionsDialog, DRAWER_COMPONENT, DRAWER_STACK_MAX_COUNT, DateComponent, DeleteCollectionDialog, DidYouMeanComponent, DocumentLocatorComponent, DrawerAdvancedFiltersComponent, DrawerComponent, DrawerNavbarComponent, DrawerPreviewComponent, DrawerService, DrawerStackComponent, DrawerStackService, DropdownInputComponent, DropdownListComponent, ErrorComponent, ExportDialog, ExportService, FILTERS_BREAKPOINT, FILTER_DATE_ALLOW_CUSTOM_RANGE, FeatureFlagsDialogComponent, FeedbackDialogComponent, FileSizePipe, FilterButtonComponent, FiltersBarComponent, HIGHLIGHTS, HighlightWordPipe, InfinityScrollDirective, InlineWorker, JsonMethodPluginService, KeyboardNavigatorDirective, LabelService, LabelsEditDialog, LoadingComponent, MetadataComponent, MissingTermsComponent, MoreButtonComponent, MoreComponent, MultiSelectLabelsComponent, MultiSelectionToolbarComponent, NON_SEARCHABLE_COLUMNS, NON_SEARCHABLE_DEFAULTS, NavbarTabsComponent, NavigationService, NoResultComponent, OpenArticleOnCtrlEnterDirective, OperatorPipe, OverflowItemDirective, OverflowManagerDirective, OverflowStopDirective, OverrideUserDialogComponent, PREVIEW_CONFIG, PagerComponent, PreviewNavigator, PreviewService, PrincipalService, PrincipalStore, QueryParamsStore, QueryService, RECENT_SEARCHES_CONFIG, RECENT_SEARCHES_OPTIONS, ROUTE_COMPONENTS, RecentSearchesComponent, ResetUserSettingsDialogComponent, SAVED_SEARCHES_CONFIG, SAVED_SEARCHES_OPTIONS, SavedSearchDialog, SavedSearchesComponent, SavedSearchesService, SearchFeedbackComponent, SearchInputFooter, SearchService, SelectArticleDirective, SelectArticleOnClickDirective, SelectionHistoryService, SelectionService, SelectionStore, ShowBookmarkDirective, SidebarNavComponent, SignInComponent, SignedOutComponent, SortSelectorComponent, SourceComponent, SourceIconPipe, SponsoredResultsComponent, SyslangPipe, THEMES, TextChunkService, ThemeProviderDirective, ThemeSelectorComponent, ThemeStore, ThemeToggleComponent, TranslocoDateImpurePipe, UserProfileDialog, UserProfileFormComponent, UserProfileService, UserSettingsStore, __resetSignInMutexForTests, applyThemeToNativeElement, auditInterceptorFn, authInterceptorFn, bodyInterceptorFn, bootstrapApp, buildQuery, debouncedSignal, errorInterceptorFn, getCurrentPath, getCurrentQueryName, getQueryNameFromRoute, injectRouteNavigation, isAuthRoute, legacyFilterToFilter, processCssVars, queryNameResolver, signIn, themeColorNameToCssVariable, themeColorsToCssVariables, toastInterceptorFn, withAggregationsFeatures, withAlertsFeatures, withAppFeatures, withApplicationFeatures, withAssistantFeatures, withBasketsFeatures, withBookmarkFeatures, withBootstrapApp, withExtractsFeatures, withFetch, withMultiSelectionFeatures, withQueryParamsFeatures, withRecentSearchesFeatures, withSavedSearchesFeatures, withSelectionFeatures, withThemeBodyHook, withThemes, withThemesFeatures, withUserSettingsFeatures };
 //# sourceMappingURL=sinequa-atomic-angular.mjs.map