@mintplayer/ng-spark 22.23.0 → 22.25.0

package/fesm2022/mintplayer-ng-spark-grid.mjs

@@ -1,1133 +1,2400 @@
-import { DatatableSettings, BsDatatableComponent, BsDatatableColumnDirective, BsDatatableFilterPanelDirective, BsRowTemplateDirective } from '@mintplayer/ng-bootstrap/datatable';
-import { hasShowedOnFlag, ShowedOn, valueFor, selectionModeFor, parseSelectionRule, filterQueryActions } from '@mintplayer/ng-spark/models';
-import * as i0 from '@angular/core';
-import { inject, Injectable, TemplateRef, input, Directive, computed, ChangeDetectionStrategy, Component, model, output, signal, effect, untracked, contentChildren, viewChild } from '@angular/core';
-import { SPARK_ATTRIBUTE_RENDERERS, cellValue, withDeclaredInputs } from '@mintplayer/ng-spark/renderers';
-import { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';
-import * as i1 from '@angular/common';
-import { CommonModule, NgComponentOutlet } from '@angular/common';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { Color } from '@mintplayer/ng-bootstrap';
-import { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';
-import { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';
-import { SparkQueryRefreshService } from '@mintplayer/ng-spark/client-operations';
-import { ResolveTranslationPipe, QueryCellValuePipe, QueryReferenceChipsPipe, TranslateKeyPipe } from '@mintplayer/ng-spark/pipes';
-import { SparkAttributeDescriptionComponent } from '@mintplayer/ng-spark/attribute-description';
-import { SparkColumnFilterPanelComponent } from '@mintplayer/ng-spark/column-filter';
-import { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';
-import { BsPriorityNavComponent, BsPriorityNavItemDirective } from '@mintplayer/ng-bootstrap/priority-nav';
-
-/** Page sizes offered by every Spark grid. */
-const SPARK_GRID_PAGE_SIZES = [10, 25, 50];
-/**
- * The attributes a grid shows, in display order.
- *
- * Shared so the two grids cannot disagree about what "visible" means — they each had their own
- * copy of this expression, which is the kind of thing that stays identical right up until it
- * doesn't.
- */
+import { BsDatatableColumnDirective, BsDatatableComponent, BsDatatableFilterPanelDirective, BsRowTemplateDirective, DatatableSettings } from "@mintplayer/ng-bootstrap/datatable";
+import { ShowedOn, defaultQueryActions, filterQueryActions, hasShowedOnFlag, parseSelectionRule, selectionModeFor, valueFor } from "@mintplayer/ng-spark/models";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, Injectable, Injector, TemplateRef, computed, contentChildren, effect, inject, input, linkedSignal, model, output, runInInjectionContext, signal, untracked, viewChild } from "@angular/core";
+import { SPARK_ATTRIBUTE_RENDERERS, cellValue, withDeclaredInputs } from "@mintplayer/ng-spark/renderers";
+import { SPARK_RETURN_URL_STATE_KEY, SparkLanguageService, SparkService } from "@mintplayer/ng-spark/services";
+import * as i1$1 from "@angular/common";
+import { CommonModule, NgComponentOutlet } from "@angular/common";
+import { toSignal } from "@angular/core/rxjs-interop";
+import * as i2 from "@angular/router";
+import { NavigationEnd, Router, RouterModule } from "@angular/router";
+import { filter, map } from "rxjs";
+import { Color } from "@mintplayer/ng-bootstrap";
+import { BsAlertComponent } from "@mintplayer/ng-bootstrap/alert";
+import { BsSpinnerComponent } from "@mintplayer/ng-bootstrap/spinner";
+import { BsBadgeComponent } from "@mintplayer/ng-bootstrap/badge";
+import { CdkConnectedOverlay, CdkOverlayOrigin } from "@angular/cdk/overlay";
+import { BsDropdownItemDirective, BsDropdownMenuComponent } from "@mintplayer/ng-bootstrap/dropdown-menu";
+import { SparkIconComponent } from "@mintplayer/ng-spark/icon";
+import { SparkQueryRefreshService } from "@mintplayer/ng-spark/client-operations";
+import { QueryCellValuePipe, QueryReferenceChipsPipe, ResolveTranslationPipe, TranslateKeyPipe } from "@mintplayer/ng-spark/pipes";
+import { SparkAttributeDescriptionComponent } from "@mintplayer/ng-spark/attribute-description";
+import { SparkColumnFilterPanelComponent } from "@mintplayer/ng-spark/column-filter";
+import { SPARK_QUERY_ROW_ACTIONS, orderSparkExtensions } from "@mintplayer/ng-spark/panels";
+import { BsCardComponent, BsCardHeaderComponent } from "@mintplayer/ng-bootstrap/card";
+import { BsPriorityNavComponent, BsPriorityNavItemDirective } from "@mintplayer/ng-bootstrap/priority-nav";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { BsFormComponent, BsFormControlDirective } from "@mintplayer/ng-bootstrap/form";
+import { BsInputGroupComponent } from "@mintplayer/ng-bootstrap/input-group";
+const SPARK_GRID_PAGE_SIZES = [
+	10,
+	25,
+	50
+];
 function visibleGridAttributes(entityType) {
-    return entityType?.attributes
-        .filter(a => a.isVisible && hasShowedOnFlag(a.showedOn, ShowedOn.Query))
-        .sort((a, b) => a.order - b.order) ?? [];
+	return entityType?.attributes.filter((a) => a.isVisible && hasShowedOnFlag(a.showedOn, ShowedOn.Query)).sort((a, b) => a.order - b.order) ?? [];
 }
-/**
- * Initial datatable settings for a query, seeded with the query's declared sort.
- *
- * The datatable owns paging and sorting from here on and calls the fetch callback per page; this
- * only decides where it starts.
- */
 function initialGridSettings(query) {
-    // Nullable because one caller resolves its query from a route param and may not have one yet;
-    // an unsorted grid is the right fallback, not a crash.
-    const sortColumns = (query?.sortColumns || []).map(sc => ({
-        property: sc.property,
-        direction: sc.direction === 'desc' ? 'descending' : 'ascending',
-    }));
-    return new DatatableSettings({
-        perPage: { values: SPARK_GRID_PAGE_SIZES, selected: SPARK_GRID_PAGE_SIZES[0] },
-        page: { values: [1], selected: 1 },
-        sortColumns,
-    });
+	const sortColumns = (query?.sortColumns || []).map((sc) => ({
+		property: sc.property,
+		direction: sc.direction === "desc" ? "descending" : "ascending"
+	}));
+	return new DatatableSettings({
+		perPage: {
+			values: SPARK_GRID_PAGE_SIZES,
+			selected: SPARK_GRID_PAGE_SIZES[0]
+		},
+		page: {
+			values: [1],
+			selected: 1
+		},
+		sortColumns
+	});
 }
-/** Whether a query renders as a virtual-scrolling grid rather than a paged one. */
 function isVirtualScrollingQuery(query) {
-    return query?.renderMode === 'VirtualScrolling';
-}
-
-/**
- * Renderer lookup and lookup-reference loading for a Spark grid.
- *
- * This was extracted when `spark-query-list` and `spark-sub-query` were two components holding
- * byte-identical copies of it — around 120 lines between them. That duplication was not a
- * tidiness complaint: it produced drift. The two copies disagreed about `[indeterminate]`, about
- * resetting permission state, about whether a fetch failure surfaces or is swallowed, and about
- * virtual-scroll sizing — four user-visible bugs, each fixed on one side and not the other.
- *
- * There is now one grid, {@link SparkQueryGridComponent}, so the drift cannot recur. This stays
- * separate because it is stateless service-shaped logic rather than view state, and because it is
- * what a custom grid would need in order to render Spark cells at all.
- */
-class SparkGridRenderers {
-    registry = inject(SPARK_ATTRIBUTE_RENDERERS);
-    sparkService = inject(SparkService);
-    /** The registered column component for a column, or null to fall back to the default cell. */
-    columnComponentFor(column) {
-        if (!column.renderer)
-            return null;
-        return this.registry.find(r => r.name === column.renderer)?.columnComponent ?? null;
-    }
-    /** The registered filter-label function for a column, or null to use the server-computed text. */
-    filterLabelFor(column) {
-        if (!column.renderer)
-            return null;
-        return this.registry.find(r => r.name === column.renderer)?.filterLabel ?? null;
-    }
-    /**
-     * Inputs for a query-grid cell renderer, filtered to what the component actually declares —
-     * `NgComponentOutlet` throws on an input the target does not have, which is what lets every
-     * member of the renderer contract be optional.
-     */
-    columnInputsFor(component, item, column) {
-        return this.cellInputsFor(component, cellValue(valueFor(item, column.name)), column, item);
-    }
-    /**
-     * The same contract for a row that is not a query result — an AsDetail sub-table row, which is
-     * a plain dictionary of embedded values with no id and no column metadata of its own, so its
-     * value cannot be read the way {@link columnInputsFor} reads one.
-     *
-     * Only the extraction differs; the renderer contract is identical, and stating it once is what
-     * stops the two from drifting the way the cell markup already had.
-     */
-    cellInputsFor(component, value, column, item) {
-        return withDeclaredInputs(component, {
-            value,
-            column,
-            options: column.rendererOptions,
-            item,
-        });
-    }
-    /**
-     * Loads every lookup reference the visible columns need, in one pass.
-     *
-     * Returns an empty map rather than throwing when there are none, so callers never branch on it.
-     */
-    async loadLookupOptions(columns) {
-        const lookupColumns = columns.filter(c => c.lookupReferenceType);
-        if (lookupColumns.length === 0)
-            return {};
-        const names = [...new Set(lookupColumns.map(c => c.lookupReferenceType))];
-        const entries = await Promise.all(names.map(async (name) => [name, await this.sparkService.getLookupReference(name)]));
-        return entries.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {});
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkGridRenderers, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkGridRenderers, providedIn: 'root' });
+	return query?.renderMode === "VirtualScrolling";
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkGridRenderers, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Header slots for `<spark-query-card>`.
- *
- * Each directive marks a template that REPLACES one region of the card header. Supplying one
- * leaves the other two alone — that is the whole point of having three rather than the single
- * whole-header template they replace, where changing the icon meant re-implementing the caption
- * and the action bar as well.
- *
- * An omitted slot is not an empty slot: the card renders its default. This is what keeps the
- * auto-rendered sub-query working. A sub-query is rendered from `EntityTypeDefinition.Queries`
- * with no host to project into, so a mechanism that only ever REPLACED chrome would leave that
- * call site with nothing — which is why an earlier design had the query declare its own chrome
- * server-side. Overriding a default needs no host; replacing one does.
- *
- * The two ends of that are visible in the defaults themselves. Neither `SparkQuery` nor
- * `EntityType` carries an icon, so the server has nothing to say and the slot is the only
- * source. Actions are the mirror image: the server declares them per type, so the default is
- * the real answer and the slot is a rare override.
- *
- * Naming follows ng-bootstrap's `*bsDatatableColumn` convention — prefix, component, slot —
- * with `spark`, since these are ng-spark directives and `bs` is another package's prefix. These
- * are the first attribute directives in ng-spark; every existing selector is an element.
- *
- * ## Targeting one query
- *
- * Each slot takes an optional query alias or id as its value. A detail page renders one card per
- * entry in `EntityTypeDefinition.Queries`, so a host that supplies a bare slot would decorate
- * every one of them identically — rarely what is wanted. A targeted slot applies to that query;
- * an untargeted one is the fallback for the rest.
- *
- * ```html
- * <span *sparkQueryIcon="'cars'"><spark-icon name="car-front" /></span>
- * <span *sparkQueryIcon><spark-icon name="table" /></span>
- * ```
- *
- * Matching is case-insensitive, against the query's alias and then its id. This is the
- * `bsPriorityNavItem` shape: a value input aliased to the selector, collected with
- * `contentChildren`.
- */
-/** Resolves a slot list to the one that applies to a query: targeted first, then untargeted. */
+var SparkGridRenderers = class SparkGridRenderers {
+	registry = inject(SPARK_ATTRIBUTE_RENDERERS);
+	sparkService = inject(SparkService);
+	columnComponentFor(column) {
+		if (!column.renderer) return null;
+		return this.registry.find((r) => r.name === column.renderer)?.columnComponent ?? null;
+	}
+	filterLabelFor(column) {
+		if (!column.renderer) return null;
+		return this.registry.find((r) => r.name === column.renderer)?.filterLabel ?? null;
+	}
+	columnInputsFor(component, item, column) {
+		return this.cellInputsFor(component, cellValue(valueFor(item, column.name)), column, item);
+	}
+	cellInputsFor(component, value, column, item) {
+		return withDeclaredInputs(component, {
+			value,
+			column,
+			options: column.rendererOptions,
+			item
+		});
+	}
+	async loadLookupOptions(columns) {
+		const lookupColumns = columns.filter((c) => c.lookupReferenceType);
+		if (lookupColumns.length === 0) return {};
+		const names = [...new Set(lookupColumns.map((c) => c.lookupReferenceType))];
+		return (await Promise.all(names.map(async (name) => [name, await this.sparkService.getLookupReference(name)]))).reduce((acc, [k, v]) => ({
+			...acc,
+			[k]: v
+		}), {});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkGridRenderers,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkGridRenderers,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkGridRenderers,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
 function slotFor(slots, query) {
-    if (!slots.length)
-        return null;
-    const matches = (target) => !!target && (target.localeCompare(query?.alias ?? '', undefined, { sensitivity: 'accent' }) === 0 ||
-        target.localeCompare(query?.id ?? '', undefined, { sensitivity: 'accent' }) === 0);
-    // A targeted slot wins over the catch-all even when it is declared later: "this one query"
-    // is the more specific statement, and declaration order in a template is not a priority.
-    return slots.find(s => matches(s.forQuery())) ?? slots.find(s => !s.forQuery()) ?? null;
-}
-/**
- * The icon at the header's leading edge. No default: nothing in the model describes one.
- *
- * ```html
- * <spark-query-card [queryId]="'cars'">
- *   <spark-icon *sparkQueryIcon name="car-front" />
- * </spark-query-card>
- * ```
- */
-class SparkQueryIconDirective {
-    templateRef = inject(TemplateRef);
-    /** Query alias or id this slot applies to. Empty targets every query on the page. */
-    forQuery = input('', { ...(ngDevMode ? { debugName: "forQuery" } : /* istanbul ignore next */ {}), alias: 'sparkQueryIcon' });
-    static ngTemplateContextGuard(_dir, ctx) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SparkQueryIconDirective, isStandalone: true, selector: "[sparkQueryIcon]", inputs: { forQuery: { classPropertyName: "forQuery", publicName: "sparkQueryIcon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryIconDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkQueryIcon]' }]
-        }], propDecorators: { forQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkQueryIcon", required: false }] }] } });
-/**
- * The header caption. Defaults to the query's translated description, falling back to its name.
- *
- * The context carries that resolved default as `$implicit`, so a host can decorate it — add a
- * count, a badge — without re-resolving the translation itself.
- */
-class SparkQueryCaptionDirective {
-    templateRef = inject(TemplateRef);
-    forQuery = input('', { ...(ngDevMode ? { debugName: "forQuery" } : /* istanbul ignore next */ {}), alias: 'sparkQueryCaption' });
-    static ngTemplateContextGuard(_dir, ctx) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryCaptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SparkQueryCaptionDirective, isStandalone: true, selector: "[sparkQueryCaption]", inputs: { forQuery: { classPropertyName: "forQuery", publicName: "sparkQueryCaption", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryCaptionDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkQueryCaption]' }]
-        }], propDecorators: { forQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkQueryCaption", required: false }] }] } });
-/**
- * The buttons at the header's trailing edge. Defaults to the server-declared custom actions.
- *
- * The context carries those actions and the current selection, so a host that wants its own
- * buttons ALONGSIDE the server's can render both rather than choosing. Without that, overriding
- * this slot to add one button would silently drop every action the type declares — and the
- * server's actions are the ones carrying `selectionRule` and the permission filter.
- *
- * ```html
- * <ng-container *sparkQueryActions="let actions; selection as rows">
- *   <button (click)="export(rows)">Export</button>
- * </ng-container>
- * ```
- */
-class SparkQueryActionsDirective {
-    templateRef = inject(TemplateRef);
-    forQuery = input('', { ...(ngDevMode ? { debugName: "forQuery" } : /* istanbul ignore next */ {}), alias: 'sparkQueryActions' });
-    static ngTemplateContextGuard(_dir, ctx) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SparkQueryActionsDirective, isStandalone: true, selector: "[sparkQueryActions]", inputs: { forQuery: { classPropertyName: "forQuery", publicName: "sparkQueryActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+	if (!slots.length) return null;
+	const matches = (target) => !!target && (target.localeCompare(query?.alias ?? "", void 0, { sensitivity: "accent" }) === 0 || target.localeCompare(query?.id ?? "", void 0, { sensitivity: "accent" }) === 0);
+	return slots.find((s) => matches(s.forQuery())) ?? slots.find((s) => !s.forQuery()) ?? null;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryActionsDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[sparkQueryActions]' }]
-        }], propDecorators: { forQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "sparkQueryActions", required: false }] }] } });
-/** Context for the icon slot: the query whose card is being rendered. */
-class SparkQuerySlotContext {
-    $implicit = null;
-}
-class SparkQueryCaptionContext {
-    /** The caption the card would have rendered: description, or the query name. */
-    $implicit = '';
-    query = null;
-}
-class SparkQueryActionsContext {
-    /** The custom actions the card would have rendered, already filtered for this query. */
-    $implicit = [];
-    /** Rows currently ticked. Empty unless an action is selection-gated. */
-    selection = [];
-    query = null;
-}
-
-/**
- * One cell of a Spark table, wherever that table is.
- *
- * ## Why this exists
- *
- * The cell markup was written out three times: twice in the query grids (since merged into
- * {@link SparkQueryGridComponent}) and once more in the AsDetail table on the PO detail page. The
- * third copy was never counted, and it had already drifted — a `boolean` column rendered the text
- * `"true"` there while the grid rendered a checkbox, a `color` rendered its hex string rather than
- * a swatch, and a custom renderer was dispatched by a second, hand-copied lookup.
- *
- * ## What it does and does not own
- *
- * It owns **presentation**: which control a `dataType` becomes, and dispatching a declared custom
- * renderer. It does not own **value resolution**, and deliberately so — the two callers read from
- * genuinely different row models. A query row is a `PersistentObject` with an attribute list and
- * an id; an AsDetail row is a plain dictionary of embedded values with neither. Trying to unify
- * that would put a second row-access path inside this component and buy nothing.
- *
- * So the caller resolves the value with whichever pipe fits its row model, and passes the result.
- *
- * ## The two links are not the same link, and only one is here
- *
- * `link` is for a cell whose own value points at another entity — an AsDetail reference column.
- * The query grid's first-column link is a different rule (it points at the row's own detail page,
- * gated on `Read`), and it stays in the grid, wrapping this component. Passing both would nest
- * anchors, which is invalid HTML; the grid therefore leaves `link` unset.
- */
-class SparkGridCellComponent {
-    renderers = inject(SparkGridRenderers);
-    /** The column being rendered. Its `dataType` and `renderer` decide everything below. */
-    column = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
-    /**
-     * What the caller's value pipe produced: the display text for most columns, and the raw value
-     * for `boolean` and `color`, which need the value rather than a rendering of it.
-     */
-    display = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
-    /**
-     * The value handed to a declared custom renderer.
-     *
-     * Separate from {@link display} because they are not the same thing: a renderer receives the
-     * underlying value — for AsDetail, the nested object itself — while `display` has already been
-     * flattened to something printable.
-     */
-    rendererValue = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rendererValue" }] : /* istanbul ignore next */ []));
-    /** The row, passed through to a custom renderer as `item`. */
-    item = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
-    /**
-     * Pre-resolved chips for a reference-array column, or empty when the column is not one.
-     *
-     * Resolved by the caller because the label source differs: a query row carries a per-id
-     * breadcrumb map, while an AsDetail row's `__sparkBreadcrumbs` is keyed by column name only and
-     * so cannot label the members of an array. Rather than render a row of raw ids, an AsDetail
-     * caller passes nothing and the cell falls through to text.
-     */
-    chips = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "chips" }] : /* istanbul ignore next */ []));
-    /** Route for a cell whose value references another entity. See the class comment. */
-    link = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []));
-    rendererComponent = computed(() => this.renderers.columnComponentFor(this.column()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rendererComponent" }] : /* istanbul ignore next */ []));
-    rendererInputs = computed(() => {
-        const component = this.rendererComponent();
-        return component
-            ? this.renderers.cellInputsFor(component, this.rendererValue(), this.column(), this.item())
-            : {};
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rendererInputs" }] : /* istanbul ignore next */ []));
-    /** Null and undefined are distinct from `false` here — see the template. */
-    isUnsetBoolean = computed(() => this.display() == null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isUnsetBoolean" }] : /* istanbul ignore next */ []));
-    /**
-     * {@link display} when it really is a `Date`, and `null` otherwise.
-     *
-     * Angular's `DatePipe` does not degrade on a non-date: it **throws**
-     * `NG02100: InvalidPipeArgument`, which would take down the whole cell. Both cell pipes
-     * deliberately fall back to the raw text for an unparseable date rather than hiding the stored
-     * value, so that text reaches this component and must not be piped. A template cannot express
-     * `instanceof`, hence the computed.
-     */
-    dateValue = computed(() => {
-        const value = this.display();
-        return value instanceof Date && !Number.isNaN(value.getTime()) ? value : null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dateValue" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkGridCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkGridCellComponent, isStandalone: true, selector: "spark-grid-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, rendererValue: { classPropertyName: "rendererValue", publicName: "rendererValue", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, chips: { classPropertyName: "chips", publicName: "chips", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (rendererComponent(); as rendererType) {\n  <ng-container *ngComponentOutlet=\"rendererType; inputs: rendererInputs()\"></ng-container>\n} @else if (column().dataType === 'boolean') {\n  <!-- [indeterminate] matters: without it a null boolean renders as an unchecked box, which reads\n       as an explicit `false`. One of the three copies of this cell bound it and the others had\n       drifted, so the same column said different things on a detail page and in a grid. -->\n  <input type=\"checkbox\"\n    [checked]=\"display() === true\"\n    [indeterminate]=\"isUnsetBoolean()\"\n    disabled\n    onclick=\"return false;\">\n} @else if (column().dataType === 'date' || column().dataType === 'datetime') {\n  <!--\n    Formatted in ONE place for both grids. Before this, a date column printed whatever its pipe\n    produced, which was the raw ISO string \u2014 `2026-09-07T13:25:57.3119825Z` in a table cell. Both\n    cell pipes now hand over a real Date, and `date:` accepts a string too, so an unparseable value\n    that fell back to text still renders as that text rather than blank.\n  -->\n  @if (dateValue(); as when) {\n    {{ when | date:(column().dataType === 'date' ? 'mediumDate' : 'short') }}\n  } @else {\n    {{ display() }}\n  }\n} @else if (column().dataType === 'color') {\n  @if (display(); as colorVal) {\n    <!-- Shares `.spark-color-swatch` with the detail page, which is where the sizing already\n         lived. It used to be inline here because the grid rendered inside <mp-datatable>'s\n         shadow root, where neither this component's scoped rules nor Bootstrap's arrived;\n         ng-bootstrap 22.18.0 moved the datatable to the light DOM, so the class reaches it. -->\n    <span class=\"spark-color-swatch d-inline-block align-middle border rounded\"\n          [style.background-color]=\"colorVal\"></span>\n  }\n} @else if (column().dataType === 'image') {\n  @if (display(); as src) {\n    <!-- `alt` is empty on purpose \u2014 the cell is decorative next to the row's own labelled\n         columns, and a filename read aloud is worse than nothing. -->\n    <img [src]=\"src\" alt=\"\" loading=\"lazy\" class=\"spark-grid-image align-middle rounded\">\n  }\n} @else if (column().dataType === 'url') {\n  @if (display(); as href) {\n    <!-- rel is not optional with target=_blank: without noopener the opened page gets a handle on\n         this one through window.opener, and these hrefs are data. -->\n    <a [href]=\"href\" target=\"_blank\" rel=\"noopener noreferrer\">{{ href }}</a>\n  }\n} @else if (chips().length) {\n  <span class=\"d-inline-flex flex-wrap gap-1\">\n    @for (chip of chips(); track chip.id) {\n      <span class=\"spark-chip\">{{ chip.label }}</span>\n    }\n  </span>\n} @else if (link(); as route) {\n  <a [routerLink]=\"route\">{{ display() }}</a>\n} @else {\n  {{ display() }}\n}\n", styles: [".spark-chip{display:inline-block;padding:.35em .9em;font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;text-align:center;vertical-align:baseline;color:var(--bs-body-color);background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:50rem;text-decoration:none}a.spark-chip:hover,a.spark-chip:focus-visible{background-color:var(--bs-tertiary-bg)}.spark-color-swatch{width:1.5em;height:1.5em}.spark-grid-image{max-height:2.5em;max-width:100%;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkGridCellComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-grid-cell', imports: [CommonModule, NgComponentOutlet, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (rendererComponent(); as rendererType) {\n  <ng-container *ngComponentOutlet=\"rendererType; inputs: rendererInputs()\"></ng-container>\n} @else if (column().dataType === 'boolean') {\n  <!-- [indeterminate] matters: without it a null boolean renders as an unchecked box, which reads\n       as an explicit `false`. One of the three copies of this cell bound it and the others had\n       drifted, so the same column said different things on a detail page and in a grid. -->\n  <input type=\"checkbox\"\n    [checked]=\"display() === true\"\n    [indeterminate]=\"isUnsetBoolean()\"\n    disabled\n    onclick=\"return false;\">\n} @else if (column().dataType === 'date' || column().dataType === 'datetime') {\n  <!--\n    Formatted in ONE place for both grids. Before this, a date column printed whatever its pipe\n    produced, which was the raw ISO string \u2014 `2026-09-07T13:25:57.3119825Z` in a table cell. Both\n    cell pipes now hand over a real Date, and `date:` accepts a string too, so an unparseable value\n    that fell back to text still renders as that text rather than blank.\n  -->\n  @if (dateValue(); as when) {\n    {{ when | date:(column().dataType === 'date' ? 'mediumDate' : 'short') }}\n  } @else {\n    {{ display() }}\n  }\n} @else if (column().dataType === 'color') {\n  @if (display(); as colorVal) {\n    <!-- Shares `.spark-color-swatch` with the detail page, which is where the sizing already\n         lived. It used to be inline here because the grid rendered inside <mp-datatable>'s\n         shadow root, where neither this component's scoped rules nor Bootstrap's arrived;\n         ng-bootstrap 22.18.0 moved the datatable to the light DOM, so the class reaches it. -->\n    <span class=\"spark-color-swatch d-inline-block align-middle border rounded\"\n          [style.background-color]=\"colorVal\"></span>\n  }\n} @else if (column().dataType === 'image') {\n  @if (display(); as src) {\n    <!-- `alt` is empty on purpose \u2014 the cell is decorative next to the row's own labelled\n         columns, and a filename read aloud is worse than nothing. -->\n    <img [src]=\"src\" alt=\"\" loading=\"lazy\" class=\"spark-grid-image align-middle rounded\">\n  }\n} @else if (column().dataType === 'url') {\n  @if (display(); as href) {\n    <!-- rel is not optional with target=_blank: without noopener the opened page gets a handle on\n         this one through window.opener, and these hrefs are data. -->\n    <a [href]=\"href\" target=\"_blank\" rel=\"noopener noreferrer\">{{ href }}</a>\n  }\n} @else if (chips().length) {\n  <span class=\"d-inline-flex flex-wrap gap-1\">\n    @for (chip of chips(); track chip.id) {\n      <span class=\"spark-chip\">{{ chip.label }}</span>\n    }\n  </span>\n} @else if (link(); as route) {\n  <a [routerLink]=\"route\">{{ display() }}</a>\n} @else {\n  {{ display() }}\n}\n", styles: [".spark-chip{display:inline-block;padding:.35em .9em;font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;text-align:center;vertical-align:baseline;color:var(--bs-body-color);background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:50rem;text-decoration:none}a.spark-chip:hover,a.spark-chip:focus-visible{background-color:var(--bs-tertiary-bg)}.spark-color-swatch{width:1.5em;height:1.5em}.spark-grid-image{max-height:2.5em;max-width:100%;object-fit:contain}\n"] }]
-        }], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], rendererValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "rendererValue", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], chips: [{ type: i0.Input, args: [{ isSignal: true, alias: "chips", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
-
-/**
- * The one Spark grid: a `<bs-datatable>` rendering a query or a sub-query.
- *
- * This replaces two components that were the same grid written twice — and, counting
- * `spark-query-list`'s streaming and paged branches, the `<bs-datatable>` element itself written
- * three times. The duplication had already produced four user-visible bugs, each fixed on one
- * side and not the other: `[indeterminate]` on null booleans, permission state surviving a failed
- * reload, a swallowed fetch failure, and virtual-scroll sizing. `SparkGridRenderers` was
- * extracted to stop that and could only take the stateless helpers with it; this takes the rest.
- *
- * ## What it deliberately does NOT own: streaming
- *
- * `spark-grid-renderers.ts` records why — a websocket dependency graph must not reach the bundle
- * of every PO detail page, none of which stream. So rows can come from **either** side:
- *
- *  - unbound `data` — the grid fetches for itself, paging and sorting server-side;
- *  - bound `data` — the grid renders what it is given and never fetches.
- *
- * `spark-query-list` keeps the socket and feeds its snapshot in. This is the line `bs-datatable`
- * itself draws: `[data]` and `[fetch]` are mutually exclusive, and binding both makes `[fetch]`
- * win silently.
- *
- * ## Reading its state
- *
- * `query`, `entityType`, `customActions`, `selection`, `canRead`, `canCreate` and `resultCount`
- * are readable so a host can render chrome around the grid. Read them through a template
- * reference variable — `<spark-query-grid #grid>` … `grid.query()` — not `viewChild`: hosts wrap
- * grids in `@if`, where a `viewChild` is intermittently undefined.
- */
-class SparkQueryGridComponent {
-    sparkService = inject(SparkService);
-    gridRenderers = inject(SparkGridRenderers);
-    queryRefresh = inject(SparkQueryRefreshService);
-    lang = inject(SparkLanguageService);
-    /** Query alias or id. */
-    queryId = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "queryId" }] : /* istanbul ignore next */ []));
-    /**
-     * The parent persistent object this query is scoped to, when it has one.
-     *
-     * Optional, because not every query is a detail of something: a page can host a grid that
-     * stands on its own — "my accounts", a dashboard list — and the server already treats an absent
-     * parent as "no parent" rather than as an error. Requiring these made that shape impossible to
-     * express: the component simply never loaded, with no request, no error and no log.
-     *
-     * Pass both or neither. One without the other is ignored, matching `SparkService.executeQuery`,
-     * which omits either param when it is falsy, and the execute endpoint, which resolves a parent
-     * only when both are present.
-     */
-    parentId = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "parentId" }] : /* istanbul ignore next */ []));
-    parentType = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "parentType" }] : /* istanbul ignore next */ []));
-    /**
-     * Rows supplied from outside. When bound, the grid renders these and runs no fetch.
-     *
-     * This is how streaming stays out of this component (see the class comment). `null` — the
-     * default — means "fetch for yourself"; an empty array means "you have been given no rows",
-     * which is a different statement and renders an empty grid rather than triggering a load.
-     */
-    data = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
-    /**
-     * Server-side search term, passed through to the query.
-     *
-     * An input rather than a box, so the host owns the control and the grid owns the request. A
-     * host with client-side rows filters them itself before binding `data`.
-     */
-    search = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
-    /**
-     * Column metadata for externally supplied rows. Required whenever `data` is bound, because a
-     * projection cannot describe itself — there is no per-row metadata left to infer it from.
-     */
-    columns = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
-    /**
-     * Change this to re-run the query. Any value works; only its identity matters.
-     *
-     * A declarative token rather than only a `reload()` method, because calling a method means
-     * holding a component handle, and hosts wrap this grid in `@if`, where a `viewChild` is
-     * intermittently undefined.
-     *
-     * This drives the CHEAP refresh (see {@link reload}). It deliberately does not feed the main
-     * effect: re-running `loadData` would re-resolve the query, the entity types, the permissions
-     * and the lookups, and reset the user's page and sort on every button press.
-     */
-    reloadToken = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []));
-    /**
-     * Paging and sorting. Two-way, so a host driving `data` can sort those rows by whatever the
-     * user actually clicked — the datatable writes the new sort back through here.
-     */
-    settings = model(new DatatableSettings({
-        perPage: { values: SPARK_GRID_PAGE_SIZES, selected: SPARK_GRID_PAGE_SIZES[0] },
-        page: { values: [1], selected: 1 },
-        sortColumns: [],
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
-    /** Rows the user has ticked. Two-way so chrome outside the grid can read and clear them. */
-    selection = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-    /**
-     * Replaces where the first column's link points, per row.
-     *
-     * Return `null` to suppress the link for that row — useful when a grid mixes rows that have a
-     * detail page with rows that do not.
-     *
-     * ⚠️ **It changes the destination, not the permission.** `canRead()` still gates whether any
-     * link is rendered at all, and this function is never consulted when that gate is closed. It
-     * cannot be used to reach a row the rights model withheld; it exists for the case where the
-     * row's natural destination is not `/po/{type}/{id}` — a composed row that maps to a page of
-     * its own, or a grid embedded in a route that owns its own child paths.
-     */
-    rowRoute = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rowRoute" }] : /* istanbul ignore next */ []));
-    /** Emitted whenever a load or a page fetch fails, for a host in bespoke chrome. */
-    error = output();
-    rowClicked = output();
-    customActionExecuted = output();
-    colors = Color;
-    /**
-     * Where the first column's link points for this row: the host's `rowRoute` when it supplied one,
-     * otherwise the row's own detail page.
-     *
-     * A method rather than a computed because the answer is per row, and the template already
-     * iterates rows — a computed would have to be a map keyed by id, rebuilt on every page.
-     */
-    rowRouteFor(row) {
-        const custom = this.rowRoute();
-        if (custom)
-            return custom(row);
-        const type = this.entityType();
-        // ⚠️ A composed type has no per-row detail page by construction: its rows are computed, and
-        // `{Name}Actions.OnLoadAsync` serves ONE page which is free to ignore the id it was given. So
-        // /po/{type}/{rowId} does not 404 — it silently renders that same page, which is worse, because
-        // nothing looks wrong. This branch is live in DemoApp today: Read/StartPage implies
-        // Query/StartPage, so the composed grid renders with canRead() true and every row linked.
-        //
-        // `clrType` is absent exactly for those types and is already on the wire; the grid simply never
-        // consulted it. A host whose composed rows DO have a page says so with `rowRoute`.
-        if (!type?.clrType)
-            return null;
-        return ['/po', type.alias || type.id, row.id];
-    }
-    query = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
-    entityType = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
-    allEntityTypes = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "allEntityTypes" }] : /* istanbul ignore next */ []));
-    lookupReferenceOptions = signal({}, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lookupReferenceOptions" }] : /* istanbul ignore next */ []));
-    loading = signal(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    canRead = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canRead" }] : /* istanbul ignore next */ []));
-    canCreate = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
-    resultCount = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "resultCount" }] : /* istanbul ignore next */ []));
-    customActions = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []));
-    /** Names the server withheld for this RESULT; see QueryResult.disabledActions. */
-    disabledActions = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabledActions" }] : /* istanbul ignore next */ []));
-    /**
-     * The actions actually offered for this result.
-     *
-     * The catalogue at `/spark/actions/{objectTypeId}` is per TYPE and is never told what an
-     * execution returned, so an action that applies to only some results cannot be filtered there.
-     * A custom query withholds what does not apply via `CustomQueryArgs.DisableActions(...)`, and
-     * the answer arrives on the result.
-     *
-     * An affordance, not a permission -- the action handler still refuses on its own terms.
-     */
-    visibleCustomActions = computed(() => {
-        const withheld = this.disabledActions();
-        if (!withheld.length)
-            return this.customActions();
-        const lowered = new Set(withheld.map(name => name.toLowerCase()));
-        return this.customActions().filter(action => !lowered.has(action.name.toLowerCase()));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visibleCustomActions" }] : /* istanbul ignore next */ []));
-    fetchFn = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fetchFn" }] : /* istanbul ignore next */ []));
-    /**
-     * Why the component renders its own failure instead of only reporting one.
-     *
-     * `SparkService` is a bare `firstValueFrom` passthrough with no interceptor, so every failure
-     * surfaces here and nowhere else. A host embedding this grid cannot surface what it never sees,
-     * and the default has to be visible with no host cooperation — hence a rendered alert, not just
-     * an output.
-     */
-    errorMessage = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-    /** 'none' unless an action is selection-gated, so unaffected grids gain no checkbox column. */
-    selectionMode = computed(() => selectionModeFor(this.customActions()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
-    isVirtualScrolling = computed(() => isVirtualScrollingQuery(this.query()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isVirtualScrolling" }] : /* istanbul ignore next */ []));
-    /**
-     * Columns as sent with the most recent fetched page.
-     *
-     * A host binding `data` (streaming) supplies its own via the `columns` input instead — the
-     * snapshot carries them once, exactly as a paged result does.
-     */
-    fetchedColumns = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fetchedColumns" }] : /* istanbul ignore next */ []));
-    /** Every column on the wire, drawn or not — what renderers and lookups resolve against. */
-    allColumns = computed(() => this.columns() ?? this.fetchedColumns(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "allColumns" }] : /* istanbul ignore next */ []));
-    /**
-     * The columns the grid draws. `isVisible: false` ships a value without a column, so a renderer
-     * can read a sibling the grid does not show; undefined means visible, so a server that predates
-     * the field still draws everything.
-     */
-    visibleColumns = computed(() => this.allColumns().filter(c => c.isVisible !== false), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []));
-    /**
-     * True when rows do not come from this component's own fetch.
-     *
-     * Either because the host bound `data`, or because the query streams — a streaming query's rows
-     * arrive over a socket and `/execute` is not a way to get them. The grid recognises the second
-     * case itself rather than waiting to be told, because it resolves the query before the host can
-     * see it: left to `data` alone, every streaming grid would fire one pointless fetch on mount,
-     * before the host had anything to bind.
-     */
-    hasExternalData = computed(() => this.data() !== null || this.query()?.isStreamingQuery === true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasExternalData" }] : /* istanbul ignore next */ []));
-    /** Whether an action's selection rule is satisfied right now. The server checks it again. */
-    isActionEnabled(action) {
-        return parseSelectionRule(action.selectionRule)(this.selection().map(r => r.id).length);
-    }
-    constructor() {
-        effect(() => {
-            const qId = this.queryId();
-            const pId = this.parentId();
-            const pType = this.parentType();
-            // Only the query id is required. Requiring a parent here is what made a standalone grid
-            // silently render nothing.
-            if (qId) {
-                this.loadData(qId, pId, pType);
-            }
-            else {
-                // No query id at all. `loading` starts true, so without this the component would spin
-                // forever instead of saying anything.
-                this.loading.set(false);
-            }
-        });
-        // Separate effect, so the token drives the cheap refresh and never the full metadata reload.
-        // `first` skips the initial run: the effect above has already fetched, and reacting to the
-        // token's starting value would double-fetch on mount.
-        let first = true;
-        effect(() => {
-            // Both the host's token and the server's refreshQuery drive the same cheap refresh.
-            this.reloadToken();
-            this.queryRefresh.tokenFor(this.queryId());
-            if (first) {
-                first = false;
-                return;
-            }
-            untracked(() => this.reload());
-        });
-        // A new search term must refetch even when page, perPage and sort are unchanged — the
-        // datatable dedupes reloads by exactly that triple, and a new fetch identity is what resets
-        // its dedupe key. Skipping the first run keeps mount to a single request.
-        let firstSearch = true;
-        effect(() => {
-            this.search();
-            if (firstSearch) {
-                firstSearch = false;
-                return;
-            }
-            untracked(() => this.onSearchChanged());
-        });
-    }
-    /**
-     * Re-run the query, keeping the current page, sort and scroll position.
-     *
-     * Data-level on purpose: it re-seeds the fetch closure and nothing else. For a definition
-     * change — new columns, a renamed query — the inputs themselves must change; that is the
-     * expensive path. Inert when rows come from the host: there is nothing here to re-run.
-     */
-    reload() {
-        if (this.hasExternalData())
-            return;
-        const q = this.query();
-        if (q)
-            this.fetchFn.set(this.makeFetch(q, this.parentId(), this.parentType()));
-    }
-    onSearchChanged() {
-        if (this.hasExternalData())
-            return;
-        const s = this.settings();
-        // Back to page 1: the old page number means nothing against a different result set.
-        this.settings.set(new DatatableSettings({
-            perPage: { values: s.perPage.values, selected: s.perPage.selected },
-            page: { values: [1], selected: 1 },
-            sortColumns: s.sortColumns,
-        }));
-        this.reload();
-    }
-    /**
-     * Replaces the fetched columns only when they actually differ.
-     *
-     * Columns ship **once per result**, so every page fetch returns an identical set. Assigning it
-     * unconditionally wrote a new array of new objects into the signal each time, re-rendering every
-     * header and re-evaluating every `*bsDatatableColumn` input for no change in content.
-     *
-     * Compared by serialized value rather than by reference: the objects are freshly deserialized from
-     * JSON on every response, so reference equality is always false and would defeat the check. A
-     * dozen small objects per fetch is nothing beside the request that produced them.
-     *
-     * ⚠️ This was written believing it fixed a panel-teardown bug (#431 F7). Measured in a browser: it
-     * does not. The columns were already identical on every fetch, so the guard hits every time and the
-     * teardown had another cause entirely. Kept because avoiding a pointless re-render of every header
-     * on every page is worth having on its own — but it is an optimization, not a fix, and the F7
-     * question remains open.
-     */
-    setFetchedColumns(columns) {
-        const current = this.fetchedColumns();
-        if (current.length === columns.length && JSON.stringify(current) === JSON.stringify(columns))
-            return;
-        this.fetchedColumns.set(columns);
-    }
-    /**
-     * The per-column filters currently applied (#431).
-     *
-     * Read inside `makeFetch`'s closure, like `search`, so a change refetches by producing a new fetch
-     * identity rather than by being captured.
-     */
-    filters = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []));
-    /**
-     * The value source behind every column's panel.
-     *
-     * ⚠️ **Referentially stable, and that is the whole point.** It reads `filters()` when the datatable
-     * *calls* it, not when it is built — so it always sees the current filters while never changing
-     * identity.
-     *
-     * This was a `computed` first, on the reasoning that it had to close over the current filters
-     * because `DistinctsRequest` carries only `{ column, search, signal }`. That was wrong, and the way
-     * it was wrong is worth keeping: a new identity reassigns `[distincts]` on the element, and the
-     * component aborts the in-flight request and bumps a generation counter — so a response already on
-     * its way is discarded as stale and the list renders empty over a perfectly good answer.
-     *
-     * Reading the signal at call time removes the race entirely and is simpler besides.
-     *
-     * The asked-for column's own filter is excluded: a panel must offer the values you could still
-     * pick, not only the ones you already picked.
-     */
-    /**
-     * The last complete distinct list seen per column, for translating a `< none >` selection.
-     *
-     * ⚠️ Only stored when the server reported the list was NOT truncated (`hasMore === false`). The
-     * translation below is the complement of what is listed, so a partial list would exclude the wrong
-     * set — and silently, which is the failure mode this whole feature exists to remove.
-     */
-    completeDistincts = new Map();
-    distinctsFn = async (request) => {
-        const queryId = this.query()?.id;
-        if (!queryId)
-            return null;
-        // Read at call time — never captured.
-        const others = this.filters().filter(f => f.name !== request.column);
-        // The server's shape IS the datatable's shape, so there is nothing to map.
-        const result = await this.sparkService.getDistinctValues(queryId, request.column, {
-            search: request.search,
-            columns: others,
-            parentId: this.parentId(),
-            parentType: this.parentType(),
-        });
-        // A searched list is a subset by construction, so it is never a basis for a complement.
-        if (result && !result.hasMore && !request.search)
-            this.completeDistincts.set(request.column, result.matching.map(v => v.value));
-        else
-            this.completeDistincts.delete(request.column);
-        return result;
-    };
-    /**
-     * Translates one filter change into the wire shape and refetches.
-     *
-     * The event always arrives as the `'values'` shape because the panel only ever calls
-     * `ctx.apply(...)`; comparison mode is never declared. `inverse` is a flag on the event and two
-     * arrays on the wire — the translation is this method's whole job.
-     */
-    onFilterChange(detail) {
-        if (detail.mode !== 'values')
-            return;
-        const values = detail.selected.map(v => v.value);
-        const next = this.filters().filter(f => f.name !== detail.column);
-        if (values.length > 0) {
-            // ⚠️ `< none >` cannot be asked for directly. The server compares against the index term, and
-            // RavenDB gives a field the document never wrote NO term at all — so `Col == null` matches a
-            // field written as JSON null but NOT one that is absent, while `Col != null` puts the absent row
-            // with the rows that HAVE a value. Both rows render blank, the panel offers one entry for the
-            // pair, and no predicate selects that pair. Measured in AbsentVersusNullFieldTests.
-            //
-            // The complement is expressible, though: "none of the real values" catches absent and null
-            // alike. So a selection containing the null entry is sent as an exclusion of everything NOT
-            // selected, which is exactly the same set and needs no server change.
-            const complete = this.completeDistincts.get(detail.column);
-            const selectsNone = values.some(v => v === null || v === undefined);
-            if (selectsNone && !detail.inverse && complete) {
-                const unselected = complete.filter(v => v !== null && v !== undefined && !values.some(s => s === v));
-                // Everything is selected, so the filter narrows nothing — drop it rather than sending an
-                // empty exclusion, which would read as "exclude nothing" only by accident.
-                if (unselected.length > 0)
-                    next.push({ name: detail.column, excludes: unselected });
-            }
-            else {
-                next.push(detail.inverse
-                    ? { name: detail.column, excludes: values }
-                    : { name: detail.column, includes: values });
-            }
-        }
-        this.filters.set(next);
-        this.onFilterChanged();
-    }
-    /**
-     * Back to page 1 and a fresh fetch identity, exactly as a new search term does.
-     *
-     * Both halves matter: the old page number means nothing against a different result set, and the
-     * datatable dedupes reloads by `(page, perPage, sort)` — none of which a filter changes — so
-     * without a new fetch identity the request is silently never made.
-     */
-    onFilterChanged() {
-        if (this.hasExternalData())
-            return;
-        const s = this.settings();
-        this.settings.set(new DatatableSettings({
-            perPage: { values: s.perPage.values, selected: s.perPage.selected },
-            page: { values: [1], selected: 1 },
-            sortColumns: s.sortColumns,
-        }));
-        this.reload();
-    }
-    async onCustomAction(action) {
-        if (action.confirmationMessageKey) {
-            const message = this.lang.t(action.confirmationMessageKey) || 'Are you sure?';
-            if (!confirm(message))
-                return;
-        }
-        try {
-            // The sub-query's container travels with the action (#327). Without it an action invoked
-            // from a company's Cars tab could not tell it was on a company's page at all — the grid knew
-            // (it filters the rows by that parent) and simply dropped the fact on the way out.
-            //
-            // Sent as parentId/parentType, NOT as the `parent` argument: that one means an object of this
-            // action's OWN type and is loaded under it server-side, so handing it a Company id for a Car
-            // action refuses — correctly, and confusingly.
-            const pId = this.parentId();
-            const pType = this.parentType();
-            await this.sparkService.executeCustomAction(this.entityType().id, action.name, undefined, this.selection().map(r => r.id), pId && pType ? { id: pId, type: pType } : undefined, 
-            // The query too: the server re-runs it narrowed to these ids, so the action receives the
-            // rows this grid rendered rather than a re-derivation from documents.
-            this.query()?.id);
-            this.customActionExecuted.emit({ action });
-            if (action.refreshOnCompleted)
-                this.reload();
-        }
-        catch (e) {
-            const err = e;
-            this.errorMessage.set(err.error?.error || err.message || this.lang.t('common.actionFailed') || 'Action failed');
-        }
-    }
-    reportError(err) {
-        this.errorMessage.set(this.describe(err));
-        this.error.emit(err);
-    }
-    /**
-     * A 404 is deliberately generic.
-     *
-     * `Endpoints/Queries/Get.cs` answers 404 with byte-identical bodies for "no such query" and
-     * "you may not see it", so existence is not disclosed (security audit M-3). The component
-     * therefore genuinely cannot tell them apart, and both "Not found" and "Access denied" would be
-     * a guess — one of them leaking, the other misleading.
-     */
-    describe(err) {
-        if (err?.status === 404) {
-            return this.lang.t('spark.query.unavailable') || 'This list is not available.';
-        }
-        return err?.error?.error || err?.message
-            || this.lang.t('common.unexpectedError') || 'An unexpected error occurred';
-    }
-    async loadData(queryId, parentId, parentType) {
-        this.loading.set(true);
-        this.errorMessage.set(null);
-        this.fetchFn.set(null);
-        // Reset everything derived from the previous query, not just the fetch. Leaving
-        // `entityType`/`canRead` behind let a failed reload build a row link out of the PREVIOUS type
-        // and the previous permission.
-        this.query.set(null);
-        this.entityType.set(null);
-        this.canRead.set(false);
-        this.canCreate.set(false);
-        this.customActions.set([]);
-        this.resultCount.set(null);
-        // Ids from the previous query are meaningless against the next one, and would be POSTed as
-        // though they belonged to it.
-        this.selection.set([]);
-        // A filter belongs to the query it was applied to. Surviving a query switch would POST it
-        // against the next query, where the column may not exist or may mean something else entirely.
-        this.filters.set([]);
-        try {
-            const [resolvedQuery, entityTypes] = await Promise.all([
-                this.sparkService.getQuery(queryId),
-                this.sparkService.getEntityTypes(),
-            ]);
-            this.query.set(resolvedQuery);
-            this.allEntityTypes.set(entityTypes);
-            const et = this.resolveEntityType(resolvedQuery, entityTypes);
-            this.entityType.set(et);
-            if (et) {
-                const [permissions, actions] = await Promise.all([
-                    this.sparkService.getPermissions(et.id),
-                    this.sparkService.getCustomActions(et.id),
-                ]);
-                this.canRead.set(permissions.canRead);
-                this.canCreate.set(permissions.canCreate);
-                // 'query', not 'list'. The server model has always documented "detail" | "query" |
-                // "both"; a filter testing for a value nothing emits renders the action NOWHERE.
-                this.customActions.set(filterQueryActions(actions));
-            }
-            this.settings.set(initialGridSettings(resolvedQuery));
-            // The datatable drives paging/sorting via [(settings)] and calls fetchFn per page. Virtual
-            // scrolling is just the [virtualScroll] template flag.
-            // `resolvedQuery`, not `hasExternalData()`: the query signal is set above, but reading the
-            // computed here would depend on signal-read ordering inside an async method. Ask the value
-            // directly.
-            if (this.data() === null && !resolvedQuery?.isStreamingQuery) {
-                this.fetchFn.set(this.makeFetch(resolvedQuery, parentId, parentType));
-            }
-            this.loadLookupReferenceOptions();
-        }
-        catch (e) {
-            this.fetchFn.set(null);
-            this.reportError(e);
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    /**
-     * The query's entity type.
-     *
-     * The source-name fallback is not optional garnish: a `Database.*` query need not declare
-     * `entityType`, and the sub-query grid — which matched on the declared name alone — rendered
-     * those as an empty card with no columns, no rows and no error, while the identical query
-     * rendered correctly as a page. Both grids are this one now, so there is one answer.
-     */
-    resolveEntityType(query, entityTypes) {
-        if (!query)
-            return null;
-        if (query.entityType) {
-            return entityTypes.find(t => t.name === query.entityType || t.alias === query.entityType?.toLowerCase()) ?? null;
-        }
-        const sourceName = extractSourceName(query.source);
-        const singular = singularize(sourceName);
-        // `name + 's'` because the "-es" rule over-strips (Vehicles -> "Vehicl", Roles -> "Rol"); the
-        // page resolver in spark-query-list has always matched this way.
-        return entityTypes.find(t => t.name === sourceName || t.name === singular || t.name + 's' === sourceName || t.clrType?.endsWith(singular)) ?? null;
-    }
-    makeFetch(query, parentId, parentType) {
-        return (req) => this.sparkService.executeQuery(query.id, {
-            sortColumns: req.sortColumns,
-            skip: (req.page - 1) * req.perPage,
-            take: req.perPage,
-            search: this.search() || undefined,
-            // Read inside the closure, exactly as `search` is: what forces a refetch is the fetch
-            // identity `reload()` creates, not the value captured when this closure was built.
-            columns: this.filters(),
-            parentId, parentType,
-        }).then(r => {
-            this.errorMessage.set(null);
-            this.resultCount.set(r.totalItems);
-            // Columns come from the result now, not from the entity type: the server decides the query
-            // surface (ShowedOn.Query) and is the same place the sort-column allow-list is checked.
-            // ?? [] because a malformed or older response must render an empty grid, not throw inside a
-            // computed — where the stack points at the column filter and not at the response that lacked them.
-            this.setFetchedColumns(r.columns ?? []);
-            // Per-result, so it is re-read on every page rather than latched from the first.
-            this.disabledActions.set(r.disabledActions ?? []);
-            return {
-                data: r.items,
-                totalRecords: r.totalItems,
-                totalPages: Math.ceil(r.totalItems / req.perPage) || 1,
-                perPage: req.perPage,
-                page: req.page,
-            };
-        }).catch((e) => {
-            // Report before returning the empty page, or a failed fetch is indistinguishable from a
-            // query that legitimately has no rows.
-            this.reportError(e);
-            this.resultCount.set(0);
-            return { data: [], totalRecords: 0, totalPages: 1, perPage: req.perPage, page: req.page };
-        });
-    }
-    async loadLookupReferenceOptions() {
-        // Over ALL columns, not just the drawn ones: an undrawn column's value can still be rendered
-        // by a renderer reading it as a sibling, and it would resolve to a raw key without its options.
-        this.lookupReferenceOptions.set(await this.gridRenderers.loadLookupOptions(this.allColumns()));
-    }
-    /**
-     * The underlying value a custom renderer receives, which is not the printable one.
-     *
-     * A projection is flat, so this is the cell's own value rather than a display string. It is
-     * deliberately not the attribute-shaped `rendererValue`: a query row has no nested object to
-     * fall back to, and reaching for one would hand every renderer `undefined`.
-     */
-    rendererValueFor(item, column) {
-        return cellValue(valueFor(item, column.name));
-    }
-    getColumnRendererComponent(column) {
-        return this.gridRenderers.columnComponentFor(column);
-    }
-    /** The renderer's optional filter-label override for this column, or null for the server text. */
-    filterLabelFor(column) {
-        return this.gridRenderers.filterLabelFor(column);
-    }
-    getColumnRendererInputs(component, item, column) {
-        return this.gridRenderers.columnInputsFor(component, item, column);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkQueryGridComponent, isStandalone: true, selector: "spark-query-grid", inputs: { queryId: { classPropertyName: "queryId", publicName: "queryId", isSignal: true, isRequired: true, transformFunction: null }, parentId: { classPropertyName: "parentId", publicName: "parentId", isSignal: true, isRequired: false, transformFunction: null }, parentType: { classPropertyName: "parentType", publicName: "parentType", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, reloadToken: { classPropertyName: "reloadToken", publicName: "reloadToken", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, rowRoute: { classPropertyName: "rowRoute", publicName: "rowRoute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { settings: "settingsChange", selection: "selectionChange", error: "error", rowClicked: "rowClicked", customActionExecuted: "customActionExecuted" }, ngImport: i0, template: "<!--\n  Three explicit states, in this order, and the order is load-bearing.\n\n  This template used to open with `@if (query(); as q)` wrapping EVERYTHING, and `query()` is only\n  set after loadData's awaits resolve. Three separate bugs fell out of that one line: the spinner\n  was unreachable on a first load (it rendered inside the gate, while `loading` starts true and\n  `query` starts null), a first-load failure rendered ZERO DOM \u2014 no card, no message, nothing to\n  see or report \u2014 and a failed RELOAD left the previous query's rows on screen.\n\n  So: `loading` is checked first and outside any dependency on `query`, and the final `@else`\n  always renders something. Do not fold these back into one gate, and do not move the spinner\n  inside the `query()` branch.\n-->\n@if (loading()) {\n  <div class=\"text-center p-3\">\n    <bs-spinner />\n  </div>\n} @else if (query()) {\n  <!-- A page-fetch failure while the grid is already resolved. Without this the catch returns an\n       empty page and a failed query is indistinguishable from one that legitimately has no rows. -->\n  @if (errorMessage(); as err) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ err }}\n    </bs-alert>\n  }\n\n  <!--\n    One datatable, two row sources. `[data]` and `[fetch]` are mutually exclusive in\n    ng-bootstrap \u2014 binding both makes `[fetch]` win silently \u2014 so exactly one is ever non-null\n    here: `fetchFn` is left null whenever `data` is bound. See the class comment for why rows can\n    arrive from outside at all (streaming must not put a websocket in every detail page's bundle).\n  -->\n  <bs-datatable\n      [selectionMode]=\"selectionMode()\"\n      [(selection)]=\"selection\"\n      [virtualScroll]=\"isVirtualScrolling()\"\n      [itemSize]=\"40\"\n      [isResponsive]=\"isVirtualScrolling()\"\n      [data]=\"data()\"\n      [fetch]=\"fetchFn()\"\n      [distincts]=\"distinctsFn\"\n      (filterChange)=\"onFilterChange($event)\"\n      [(settings)]=\"settings\">\n    @for (col of visibleColumns(); track col.name) {\n      <!--\n        `canSort`/`canFilter` arrive already resolved by the server (query override \u2192 attribute \u2192\n        true), so this only spells the polarity. `!== false` is needed for BOTH, for opposite\n        reasons: absent means capable on our wire, while the datatable's own `filterable` defaults\n        to false, unlike `sortable`.\n\n        \u26A0\uFE0F `filterActive` and `filterSummary` are deliberately NOT bound. Any *bsDatatableColumn\n        input change recomputes the column set, which retires the live filter view \u2014 while the web\n        component's mount-once guard leaves the panel's nodes in place and never re-renders them.\n        Binding them to state our own panel mutates would freeze the panel the instant a value is\n        ticked, until it is closed and reopened. The cost is that a filtered column carries no\n        visual marker yet, which is worth far less than a panel that dies on first use. See #431 F7.\n      -->\n      <div *bsDatatableColumn=\"col.name; sortable: col.canSort !== false; filterable: col.canFilter !== false\">\n        {{ (col.label | resolveTranslation) || col.name }}\n        <spark-attribute-description [description]=\"col.description\" />\n\n        @if (col.canFilter !== false) {\n          <ng-container *bsDatatableFilterPanel=\"let values; let ctx = ctx\">\n            <spark-column-filter-panel\n              [column]=\"col\"\n              [values]=\"values()\"\n              [ctx]=\"ctx\"\n              [filterLabel]=\"filterLabelFor(col)\" />\n          </ng-container>\n        }\n      </div>\n    }\n\n    <ng-container *bsRowTemplate=\"let item\">\n      @let row = $any(item);\n      @for (col of visibleColumns(); track col.name; let first = $first) {\n        <td>\n          @if (row) {\n            <!-- The first column links to the row's detail page. Two things about this are\n                 routinely misread:\n\n                 1. `cellContent` is projected INSIDE the anchor, so a custom `renderer` does NOT\n                    suppress this link \u2014 a renderer that emits its own <a> produces nested anchors\n                    (invalid HTML) rather than replacing this one.\n                 2. `canRead()` is the whole gate, and it is the rights model: `Query` without\n                    `Read` lists the rows and withholds the link. Withhold `Read` for a query\n                    whose rows no detail page can load \u2014 a Custom.* query that fabricates rows in\n                    memory, say.\n                 3. `rowRoute` replaces the DESTINATION only, never the gate: returning a route\n                    from it cannot make a row clickable that `canRead()` withheld, and returning\n                    null from it suppresses the link for that one row. -->\n            @if (first && canRead() && rowRouteFor(row); as route) {\n              <a [routerLink]=\"route\"\n                 (click)=\"rowClicked.emit(row)\">\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n              </a>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n            }\n          } @else {\n            &nbsp;\n          }\n        </td>\n      }\n    </ng-container>\n  </bs-datatable>\n} @else {\n  <!-- The query could not be resolved. Rendering something keeps the host's layout intact and,\n       crucially, makes the failure visible: this branch used to render nothing at all. -->\n  <bs-alert [type]=\"colors.danger\" class=\"mb-0\">\n    {{ errorMessage() || ('spark.query.unavailable' | t) }}\n  </bs-alert>\n}\n\n<ng-template #cellContent let-item let-col=\"col\">\n  <!--\n    Presentation lives in <spark-grid-cell>, shared with the AsDetail table on the PO detail page.\n    Value resolution stays here: a query row is a PersistentObject with an attribute list, and the\n    AsDetail table's rows are plain dictionaries, so only the rendering is common.\n\n    `link` is deliberately not passed. The first-column link is the grid's own rule and wraps this\n    template from outside; setting both would nest anchors.\n  -->\n  <spark-grid-cell\n      [column]=\"col\"\n      [display]=\"(col | queryCellValue:item:lookupReferenceOptions())\"\n      [rendererValue]=\"rendererValueFor(item, col)\"\n      [item]=\"item\"\n      [chips]=\"(col | queryReferenceChips:item)\" />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "announce", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsDatatableComponent, selector: "bs-datatable", inputs: ["columns", "data", "fetch", "distincts", "labels", "settings", "selectionMode", "selectable", "selection", "rowKey", "resizableColumns", "pagination", "virtualScroll", "itemSize", "virtualBuffer", "isResponsive", "compareWith", "tree", "idKey", "childCountKey", "treeIndent", "expandedIds", "selectionStrategy"], outputs: ["settingsChange", "selectionChange", "rowClick", "rowDblClick", "rowContextMenu", "expandedIdsChange", "rowExpand", "rowCollapse", "filterChange"] }, { kind: "directive", type: BsDatatableColumnDirective, selector: "[bsDatatableColumn]", inputs: ["bsDatatableColumn", "bsDatatableColumnSortable", "bsDatatableColumnFilterable", "bsDatatableColumnFilterActive", "bsDatatableColumnFilterSummary", "bsDatatableColumnFilterSelection", "bsDatatableColumnFilterMode", "bsDatatableColumnFilterInputType", "bsDatatableColumnFilterOperators"] }, { kind: "directive", type: BsDatatableFilterPanelDirective, selector: "[bsDatatableFilterPanel]" }, { kind: "directive", type: BsRowTemplateDirective, selector: "[bsRowTemplate]" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkGridCellComponent, selector: "spark-grid-cell", inputs: ["column", "display", "rendererValue", "item", "chips", "link"] }, { kind: "component", type: SparkAttributeDescriptionComponent, selector: "spark-attribute-description", inputs: ["description", "position"] }, { kind: "component", type: SparkColumnFilterPanelComponent, selector: "spark-column-filter-panel", inputs: ["column", "values", "ctx", "filterLabel"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: QueryCellValuePipe, name: "queryCellValue" }, { kind: "pipe", type: QueryReferenceChipsPipe, name: "queryReferenceChips" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+var SparkQueryIconDirective = class SparkQueryIconDirective {
+	templateRef = inject(TemplateRef);
+	forQuery = input("", {
+		...ngDevMode ? { debugName: "forQuery" } : /* istanbul ignore next */ {},
+		alias: "sparkQueryIcon"
+	});
+	static ngTemplateContextGuard(_dir, ctx) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkQueryIconDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: SparkQueryIconDirective,
+		isStandalone: true,
+		selector: "[sparkQueryIcon]",
+		inputs: { forQuery: {
+			classPropertyName: "forQuery",
+			publicName: "sparkQueryIcon",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkQueryIconDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkQueryIcon]" }]
+	}],
+	propDecorators: { forQuery: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "sparkQueryIcon",
+			required: false
+		}]
+	}] }
+});
+var SparkQueryCaptionDirective = class SparkQueryCaptionDirective {
+	templateRef = inject(TemplateRef);
+	forQuery = input("", {
+		...ngDevMode ? { debugName: "forQuery" } : /* istanbul ignore next */ {},
+		alias: "sparkQueryCaption"
+	});
+	static ngTemplateContextGuard(_dir, ctx) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkQueryCaptionDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: SparkQueryCaptionDirective,
+		isStandalone: true,
+		selector: "[sparkQueryCaption]",
+		inputs: { forQuery: {
+			classPropertyName: "forQuery",
+			publicName: "sparkQueryCaption",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkQueryCaptionDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkQueryCaption]" }]
+	}],
+	propDecorators: { forQuery: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "sparkQueryCaption",
+			required: false
+		}]
+	}] }
+});
+var SparkQueryActionsDirective = class SparkQueryActionsDirective {
+	templateRef = inject(TemplateRef);
+	forQuery = input("", {
+		...ngDevMode ? { debugName: "forQuery" } : /* istanbul ignore next */ {},
+		alias: "sparkQueryActions"
+	});
+	static ngTemplateContextGuard(_dir, ctx) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkQueryActionsDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: SparkQueryActionsDirective,
+		isStandalone: true,
+		selector: "[sparkQueryActions]",
+		inputs: { forQuery: {
+			classPropertyName: "forQuery",
+			publicName: "sparkQueryActions",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkQueryActionsDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[sparkQueryActions]" }]
+	}],
+	propDecorators: { forQuery: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "sparkQueryActions",
+			required: false
+		}]
+	}] }
+});
+var SparkQuerySlotContext = class {
+	$implicit = null;
+};
+var SparkQueryCaptionContext = class {
+	$implicit = "";
+	query = null;
+};
+var SparkQueryActionsContext = class {
+	$implicit = [];
+	selection = [];
+	query = null;
+};
+const NUMERIC_TYPES = /* @__PURE__ */ new Set([
+	"number",
+	"int",
+	"integer",
+	"long",
+	"decimal",
+	"double",
+	"float"
+]);
+function applicablePresetFilters(filters, entityType) {
+	if (!filters?.length || !entityType) return [];
+	const result = [];
+	for (const filter of filters) {
+		const attribute = (entityType.attributes ?? []).find((a) => a.name === filter.name);
+		if (!attribute || attribute.isVisible === false) continue;
+		const coerce = (value) => {
+			if (typeof value !== "string") return value;
+			if (NUMERIC_TYPES.has(attribute.dataType)) {
+				const n = Number(value);
+				return value.trim() !== "" && Number.isFinite(n) ? n : value;
+			}
+			if (attribute.dataType === "boolean") return value === "true" ? true : value === "false" ? false : value;
+			return value;
+		};
+		const includes = filter.includes?.map(coerce);
+		const excludes = filter.excludes?.map(coerce);
+		if (!includes?.length && !excludes?.length) continue;
+		result.push({
+			name: filter.name,
+			...includes?.length ? { includes } : {},
+			...excludes?.length ? { excludes } : {}
+		});
+	}
+	return result;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryGridComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-query-grid', imports: [CommonModule, RouterModule, BsAlertComponent, BsDatatableComponent, BsDatatableColumnDirective, BsDatatableFilterPanelDirective, BsRowTemplateDirective, BsSpinnerComponent, SparkGridCellComponent, ResolveTranslationPipe, QueryCellValuePipe, QueryReferenceChipsPipe, TranslateKeyPipe, SparkAttributeDescriptionComponent, SparkColumnFilterPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  Three explicit states, in this order, and the order is load-bearing.\n\n  This template used to open with `@if (query(); as q)` wrapping EVERYTHING, and `query()` is only\n  set after loadData's awaits resolve. Three separate bugs fell out of that one line: the spinner\n  was unreachable on a first load (it rendered inside the gate, while `loading` starts true and\n  `query` starts null), a first-load failure rendered ZERO DOM \u2014 no card, no message, nothing to\n  see or report \u2014 and a failed RELOAD left the previous query's rows on screen.\n\n  So: `loading` is checked first and outside any dependency on `query`, and the final `@else`\n  always renders something. Do not fold these back into one gate, and do not move the spinner\n  inside the `query()` branch.\n-->\n@if (loading()) {\n  <div class=\"text-center p-3\">\n    <bs-spinner />\n  </div>\n} @else if (query()) {\n  <!-- A page-fetch failure while the grid is already resolved. Without this the catch returns an\n       empty page and a failed query is indistinguishable from one that legitimately has no rows. -->\n  @if (errorMessage(); as err) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ err }}\n    </bs-alert>\n  }\n\n  <!--\n    One datatable, two row sources. `[data]` and `[fetch]` are mutually exclusive in\n    ng-bootstrap \u2014 binding both makes `[fetch]` win silently \u2014 so exactly one is ever non-null\n    here: `fetchFn` is left null whenever `data` is bound. See the class comment for why rows can\n    arrive from outside at all (streaming must not put a websocket in every detail page's bundle).\n  -->\n  <bs-datatable\n      [selectionMode]=\"selectionMode()\"\n      [(selection)]=\"selection\"\n      [virtualScroll]=\"isVirtualScrolling()\"\n      [itemSize]=\"40\"\n      [isResponsive]=\"isVirtualScrolling()\"\n      [data]=\"data()\"\n      [fetch]=\"fetchFn()\"\n      [distincts]=\"distinctsFn\"\n      (filterChange)=\"onFilterChange($event)\"\n      [(settings)]=\"settings\">\n    @for (col of visibleColumns(); track col.name) {\n      <!--\n        `canSort`/`canFilter` arrive already resolved by the server (query override \u2192 attribute \u2192\n        true), so this only spells the polarity. `!== false` is needed for BOTH, for opposite\n        reasons: absent means capable on our wire, while the datatable's own `filterable` defaults\n        to false, unlike `sortable`.\n\n        \u26A0\uFE0F `filterActive` and `filterSummary` are deliberately NOT bound. Any *bsDatatableColumn\n        input change recomputes the column set, which retires the live filter view \u2014 while the web\n        component's mount-once guard leaves the panel's nodes in place and never re-renders them.\n        Binding them to state our own panel mutates would freeze the panel the instant a value is\n        ticked, until it is closed and reopened. The cost is that a filtered column carries no\n        visual marker yet, which is worth far less than a panel that dies on first use. See #431 F7.\n      -->\n      <div *bsDatatableColumn=\"col.name; sortable: col.canSort !== false; filterable: col.canFilter !== false\">\n        {{ (col.label | resolveTranslation) || col.name }}\n        <spark-attribute-description [description]=\"col.description\" />\n\n        @if (col.canFilter !== false) {\n          <ng-container *bsDatatableFilterPanel=\"let values; let ctx = ctx\">\n            <spark-column-filter-panel\n              [column]=\"col\"\n              [values]=\"values()\"\n              [ctx]=\"ctx\"\n              [filterLabel]=\"filterLabelFor(col)\" />\n          </ng-container>\n        }\n      </div>\n    }\n\n    <ng-container *bsRowTemplate=\"let item\">\n      @let row = $any(item);\n      @for (col of visibleColumns(); track col.name; let first = $first) {\n        <td>\n          @if (row) {\n            <!-- The first column links to the row's detail page. Two things about this are\n                 routinely misread:\n\n                 1. `cellContent` is projected INSIDE the anchor, so a custom `renderer` does NOT\n                    suppress this link \u2014 a renderer that emits its own <a> produces nested anchors\n                    (invalid HTML) rather than replacing this one.\n                 2. `canRead()` is the whole gate, and it is the rights model: `Query` without\n                    `Read` lists the rows and withholds the link. Withhold `Read` for a query\n                    whose rows no detail page can load \u2014 a Custom.* query that fabricates rows in\n                    memory, say.\n                 3. `rowRoute` replaces the DESTINATION only, never the gate: returning a route\n                    from it cannot make a row clickable that `canRead()` withheld, and returning\n                    null from it suppresses the link for that one row. -->\n            @if (first && canRead() && rowRouteFor(row); as route) {\n              <a [routerLink]=\"route\"\n                 (click)=\"rowClicked.emit(row)\">\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n              </a>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n            }\n          } @else {\n            &nbsp;\n          }\n        </td>\n      }\n    </ng-container>\n  </bs-datatable>\n} @else {\n  <!-- The query could not be resolved. Rendering something keeps the host's layout intact and,\n       crucially, makes the failure visible: this branch used to render nothing at all. -->\n  <bs-alert [type]=\"colors.danger\" class=\"mb-0\">\n    {{ errorMessage() || ('spark.query.unavailable' | t) }}\n  </bs-alert>\n}\n\n<ng-template #cellContent let-item let-col=\"col\">\n  <!--\n    Presentation lives in <spark-grid-cell>, shared with the AsDetail table on the PO detail page.\n    Value resolution stays here: a query row is a PersistentObject with an attribute list, and the\n    AsDetail table's rows are plain dictionaries, so only the rendering is common.\n\n    `link` is deliberately not passed. The first-column link is the grid's own rule and wraps this\n    template from outside; setting both would nest anchors.\n  -->\n  <spark-grid-cell\n      [column]=\"col\"\n      [display]=\"(col | queryCellValue:item:lookupReferenceOptions())\"\n      [rendererValue]=\"rendererValueFor(item, col)\"\n      [item]=\"item\"\n      [chips]=\"(col | queryReferenceChips:item)\" />\n</ng-template>\n" }]
-        }], ctorParameters: () => [], propDecorators: { queryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryId", required: true }] }], parentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentId", required: false }] }], parentType: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentType", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], reloadToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "reloadToken", required: false }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }, { type: i0.Output, args: ["settingsChange"] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], rowRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowRoute", required: false }] }], error: [{ type: i0.Output, args: ["error"] }], rowClicked: [{ type: i0.Output, args: ["rowClicked"] }], customActionExecuted: [{ type: i0.Output, args: ["customActionExecuted"] }] } });
+var SparkGridCellComponent = class SparkGridCellComponent {
+	renderers = inject(SparkGridRenderers);
+	column = input.required(...ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []);
+	display = input(null, ...ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []);
+	rendererValue = input(null, ...ngDevMode ? [{ debugName: "rendererValue" }] : /* istanbul ignore next */ []);
+	item = input(null, ...ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []);
+	chips = input([], ...ngDevMode ? [{ debugName: "chips" }] : /* istanbul ignore next */ []);
+	link = input(null, ...ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []);
+	rendererComponent = computed(() => this.renderers.columnComponentFor(this.column()), ...ngDevMode ? [{ debugName: "rendererComponent" }] : /* istanbul ignore next */ []);
+	rendererInputs = computed(() => {
+		const component = this.rendererComponent();
+		return component ? this.renderers.cellInputsFor(component, this.rendererValue(), this.column(), this.item()) : {};
+	}, ...ngDevMode ? [{ debugName: "rendererInputs" }] : /* istanbul ignore next */ []);
+	isUnsetBoolean = computed(() => this.display() == null, ...ngDevMode ? [{ debugName: "isUnsetBoolean" }] : /* istanbul ignore next */ []);
+	dateValue = computed(() => {
+		const value = this.display();
+		return value instanceof Date && !Number.isNaN(value.getTime()) ? value : null;
+	}, ...ngDevMode ? [{ debugName: "dateValue" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkGridCellComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkGridCellComponent,
+		isStandalone: true,
+		selector: "spark-grid-cell",
+		inputs: {
+			column: {
+				classPropertyName: "column",
+				publicName: "column",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			display: {
+				classPropertyName: "display",
+				publicName: "display",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rendererValue: {
+				classPropertyName: "rendererValue",
+				publicName: "rendererValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			item: {
+				classPropertyName: "item",
+				publicName: "item",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chips: {
+				classPropertyName: "chips",
+				publicName: "chips",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			link: {
+				classPropertyName: "link",
+				publicName: "link",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "@if (rendererComponent(); as rendererType) {\n  <ng-container *ngComponentOutlet=\"rendererType; inputs: rendererInputs()\"></ng-container>\n} @else if (column().dataType === 'boolean') {\n  <!-- [indeterminate] matters: without it a null boolean renders as an unchecked box, which reads\n       as an explicit `false`. One of the three copies of this cell bound it and the others had\n       drifted, so the same column said different things on a detail page and in a grid. -->\n  <input type=\"checkbox\"\n    [checked]=\"display() === true\"\n    [indeterminate]=\"isUnsetBoolean()\"\n    disabled\n    onclick=\"return false;\">\n} @else if (column().dataType === 'date' || column().dataType === 'datetime') {\n  <!--\n    Formatted in ONE place for both grids. Before this, a date column printed whatever its pipe\n    produced, which was the raw ISO string — `2026-09-07T13:25:57.3119825Z` in a table cell. Both\n    cell pipes now hand over a real Date, and `date:` accepts a string too, so an unparseable value\n    that fell back to text still renders as that text rather than blank.\n  -->\n  @if (dateValue(); as when) {\n    {{ when | date:(column().dataType === 'date' ? 'mediumDate' : 'short') }}\n  } @else {\n    {{ display() }}\n  }\n} @else if (column().dataType === 'color') {\n  @if (display(); as colorVal) {\n    <!-- Shares `.spark-color-swatch` with the detail page, which is where the sizing already\n         lived. It used to be inline here because the grid rendered inside <mp-datatable>'s\n         shadow root, where neither this component's scoped rules nor Bootstrap's arrived;\n         ng-bootstrap 22.18.0 moved the datatable to the light DOM, so the class reaches it. -->\n    <span class=\"spark-color-swatch d-inline-block align-middle border rounded\"\n          [style.background-color]=\"colorVal\"></span>\n  }\n} @else if (column().dataType === 'image') {\n  @if (display(); as src) {\n    <!-- `alt` is empty on purpose — the cell is decorative next to the row's own labelled\n         columns, and a filename read aloud is worse than nothing. -->\n    <img [src]=\"src\" alt=\"\" loading=\"lazy\" class=\"spark-grid-image align-middle rounded\">\n  }\n} @else if (column().dataType === 'url') {\n  @if (display(); as href) {\n    <!-- rel is not optional with target=_blank: without noopener the opened page gets a handle on\n         this one through window.opener, and these hrefs are data. -->\n    <a [href]=\"href\" target=\"_blank\" rel=\"noopener noreferrer\">{{ href }}</a>\n  }\n} @else if (chips().length) {\n  <span class=\"d-inline-flex flex-wrap gap-1\">\n    @for (chip of chips(); track chip.id) {\n      <span class=\"spark-chip\">{{ chip.label }}</span>\n    }\n  </span>\n} @else if (link(); as route) {\n  <a [routerLink]=\"route\">{{ display() }}</a>\n} @else {\n  {{ display() }}\n}\n",
+		styles: [".spark-chip{display:inline-block;padding:.35em .9em;font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;text-align:center;vertical-align:baseline;color:var(--bs-body-color);background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:50rem;text-decoration:none}a.spark-chip:hover,a.spark-chip:focus-visible{background-color:var(--bs-tertiary-bg)}.spark-color-swatch{width:1.5em;height:1.5em}.spark-grid-image{max-height:2.5em;max-width:100%;object-fit:contain}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgComponentOutlet,
+				selector: "[ngComponentOutlet]",
+				inputs: [
+					"ngComponentOutlet",
+					"ngComponentOutletInputs",
+					"ngComponentOutletInjector",
+					"ngComponentOutletEnvironmentInjector",
+					"ngComponentOutletContent",
+					"ngComponentOutletNgModule"
+				],
+				exportAs: ["ngComponentOutlet"]
+			},
+			{
+				kind: "ngmodule",
+				type: RouterModule
+			},
+			{
+				kind: "directive",
+				type: i2.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "pipe",
+				type: i1$1.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkGridCellComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-grid-cell",
+			imports: [
+				CommonModule,
+				NgComponentOutlet,
+				RouterModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (rendererComponent(); as rendererType) {\n  <ng-container *ngComponentOutlet=\"rendererType; inputs: rendererInputs()\"></ng-container>\n} @else if (column().dataType === 'boolean') {\n  <!-- [indeterminate] matters: without it a null boolean renders as an unchecked box, which reads\n       as an explicit `false`. One of the three copies of this cell bound it and the others had\n       drifted, so the same column said different things on a detail page and in a grid. -->\n  <input type=\"checkbox\"\n    [checked]=\"display() === true\"\n    [indeterminate]=\"isUnsetBoolean()\"\n    disabled\n    onclick=\"return false;\">\n} @else if (column().dataType === 'date' || column().dataType === 'datetime') {\n  <!--\n    Formatted in ONE place for both grids. Before this, a date column printed whatever its pipe\n    produced, which was the raw ISO string — `2026-09-07T13:25:57.3119825Z` in a table cell. Both\n    cell pipes now hand over a real Date, and `date:` accepts a string too, so an unparseable value\n    that fell back to text still renders as that text rather than blank.\n  -->\n  @if (dateValue(); as when) {\n    {{ when | date:(column().dataType === 'date' ? 'mediumDate' : 'short') }}\n  } @else {\n    {{ display() }}\n  }\n} @else if (column().dataType === 'color') {\n  @if (display(); as colorVal) {\n    <!-- Shares `.spark-color-swatch` with the detail page, which is where the sizing already\n         lived. It used to be inline here because the grid rendered inside <mp-datatable>'s\n         shadow root, where neither this component's scoped rules nor Bootstrap's arrived;\n         ng-bootstrap 22.18.0 moved the datatable to the light DOM, so the class reaches it. -->\n    <span class=\"spark-color-swatch d-inline-block align-middle border rounded\"\n          [style.background-color]=\"colorVal\"></span>\n  }\n} @else if (column().dataType === 'image') {\n  @if (display(); as src) {\n    <!-- `alt` is empty on purpose — the cell is decorative next to the row's own labelled\n         columns, and a filename read aloud is worse than nothing. -->\n    <img [src]=\"src\" alt=\"\" loading=\"lazy\" class=\"spark-grid-image align-middle rounded\">\n  }\n} @else if (column().dataType === 'url') {\n  @if (display(); as href) {\n    <!-- rel is not optional with target=_blank: without noopener the opened page gets a handle on\n         this one through window.opener, and these hrefs are data. -->\n    <a [href]=\"href\" target=\"_blank\" rel=\"noopener noreferrer\">{{ href }}</a>\n  }\n} @else if (chips().length) {\n  <span class=\"d-inline-flex flex-wrap gap-1\">\n    @for (chip of chips(); track chip.id) {\n      <span class=\"spark-chip\">{{ chip.label }}</span>\n    }\n  </span>\n} @else if (link(); as route) {\n  <a [routerLink]=\"route\">{{ display() }}</a>\n} @else {\n  {{ display() }}\n}\n",
+			styles: [".spark-chip{display:inline-block;padding:.35em .9em;font-size:.8125em;font-weight:600;line-height:1.4;white-space:nowrap;text-align:center;vertical-align:baseline;color:var(--bs-body-color);background-color:var(--bs-secondary-bg);border:1px solid var(--bs-border-color);border-radius:50rem;text-decoration:none}a.spark-chip:hover,a.spark-chip:focus-visible{background-color:var(--bs-tertiary-bg)}.spark-color-swatch{width:1.5em;height:1.5em}.spark-grid-image{max-height:2.5em;max-width:100%;object-fit:contain}\n"]
+		}]
+	}],
+	propDecorators: {
+		column: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "column",
+				required: true
+			}]
+		}],
+		display: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "display",
+				required: false
+			}]
+		}],
+		rendererValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rendererValue",
+				required: false
+			}]
+		}],
+		item: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "item",
+				required: false
+			}]
+		}],
+		chips: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chips",
+				required: false
+			}]
+		}],
+		link: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "link",
+				required: false
+			}]
+		}]
+	}
+});
+var SparkQueryGridComponent = class SparkQueryGridComponent {
+	sparkService = inject(SparkService);
+	gridRenderers = inject(SparkGridRenderers);
+	queryRefresh = inject(SparkQueryRefreshService);
+	injector = inject(Injector);
+	addonRowActions = orderSparkExtensions(inject(SPARK_QUERY_ROW_ACTIONS, { optional: true }), (a) => a.priority ?? 50);
+	lang = inject(SparkLanguageService);
+	queryId = input.required(...ngDevMode ? [{ debugName: "queryId" }] : /* istanbul ignore next */ []);
+	parentId = input("", ...ngDevMode ? [{ debugName: "parentId" }] : /* istanbul ignore next */ []);
+	parentType = input("", ...ngDevMode ? [{ debugName: "parentType" }] : /* istanbul ignore next */ []);
+	presetFilters = input([], ...ngDevMode ? [{ debugName: "presetFilters" }] : /* istanbul ignore next */ []);
+	appliedPresetFilters = signal([], ...ngDevMode ? [{ debugName: "appliedPresetFilters" }] : /* istanbul ignore next */ []);
+	data = input(null, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	search = input("", ...ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []);
+	columns = input(null, ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+	reloadToken = input(null, ...ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []);
+	deleted = input(null, ...ngDevMode ? [{ debugName: "deleted" }] : /* istanbul ignore next */ []);
+	effectiveDeleted = computed(() => {
+		const mode = this.deleted();
+		return mode && mode !== "exclude" ? mode : void 0;
+	}, ...ngDevMode ? [{ debugName: "effectiveDeleted" }] : /* istanbul ignore next */ []);
+	parentDeleted = input(false, ...ngDevMode ? [{ debugName: "parentDeleted" }] : /* istanbul ignore next */ []);
+	recycleBin = computed(() => this.effectiveDeleted() === "only" || this.parentDeleted(), ...ngDevMode ? [{ debugName: "recycleBin" }] : /* istanbul ignore next */ []);
+	rowQueryParams = computed(() => {
+		const mode = this.effectiveDeleted();
+		return mode ? { deleted: mode } : null;
+	}, ...ngDevMode ? [{ debugName: "rowQueryParams" }] : /* istanbul ignore next */ []);
+	router = inject(Router);
+	currentUrl = toSignal(this.router.events.pipe(filter((e) => e instanceof NavigationEnd), map(() => this.router.url)), { initialValue: this.router.url });
+	rowLinkState = computed(() => ({ [SPARK_RETURN_URL_STATE_KEY]: this.currentUrl() }), ...ngDevMode ? [{ debugName: "rowLinkState" }] : /* istanbul ignore next */ []);
+	onRowClick(event) {
+		if (this.selectionMode() === "none") this.openRow(event);
+	}
+	onRowDblClick(event) {
+		if (this.selectionMode() !== "none") this.openRow(event);
+	}
+	openRow(event) {
+		const row = event.row;
+		const original = event.originalEvent;
+		if ((original?.target)?.closest?.("a, button, input, select, textarea, label, [role=\"button\"]")) return;
+		if (original && (original.ctrlKey || original.metaKey || original.shiftKey || original.button === 1)) return;
+		if (!row || !this.canRead()) return;
+		const route = this.rowRouteFor(row);
+		if (!route) return;
+		this.rowClicked.emit(row);
+		this.router.navigate(route, {
+			queryParams: this.rowQueryParams() ?? void 0,
+			state: this.rowLinkState()
+		});
+	}
+	settings = model(new DatatableSettings({
+		perPage: {
+			values: SPARK_GRID_PAGE_SIZES,
+			selected: SPARK_GRID_PAGE_SIZES[0]
+		},
+		page: {
+			values: [1],
+			selected: 1
+		},
+		sortColumns: []
+	}), ...ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []);
+	selection = model([], ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+	rowRoute = input(null, ...ngDevMode ? [{ debugName: "rowRoute" }] : /* istanbul ignore next */ []);
+	selectionModeSetting = input(null, ...ngDevMode ? [{ debugName: "selectionModeSetting" }] : /* istanbul ignore next */ []);
+	error = output();
+	rowClicked = output();
+	customActionExecuted = output();
+	createClicked = output();
+	colors = Color;
+	rowRouteFor(row) {
+		const custom = this.rowRoute();
+		if (custom) return custom(row);
+		const type = this.entityType();
+		if (!type?.clrType) return null;
+		return [
+			"/po",
+			type.alias || type.id,
+			row.id
+		];
+	}
+	query = signal(null, ...ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []);
+	entityType = signal(null, ...ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []);
+	allEntityTypes = signal([], ...ngDevMode ? [{ debugName: "allEntityTypes" }] : /* istanbul ignore next */ []);
+	lookupReferenceOptions = signal({}, ...ngDevMode ? [{ debugName: "lookupReferenceOptions" }] : /* istanbul ignore next */ []);
+	loading = signal(true, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
+	canRead = signal(false, ...ngDevMode ? [{ debugName: "canRead" }] : /* istanbul ignore next */ []);
+	canCreate = signal(false, ...ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []);
+	permissions = signal(null, ...ngDevMode ? [{ debugName: "permissions" }] : /* istanbul ignore next */ []);
+	resultCount = signal(null, ...ngDevMode ? [{ debugName: "resultCount" }] : /* istanbul ignore next */ []);
+	customActions = signal([], ...ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []);
+	defaultActions = signal([], ...ngDevMode ? [{ debugName: "defaultActions" }] : /* istanbul ignore next */ []);
+	disabledActions = signal([], ...ngDevMode ? [{ debugName: "disabledActions" }] : /* istanbul ignore next */ []);
+	offersCreate = computed(() => {
+		if (!this.canCreate() || this.recycleBin()) return false;
+		const withheld = this.disabledActions().map((name) => name.toLowerCase());
+		return !withheld.includes("new") && !withheld.includes("save");
+	}, ...ngDevMode ? [{ debugName: "offersCreate" }] : /* istanbul ignore next */ []);
+	visibleCustomActions = computed(() => {
+		if (this.recycleBin()) return [];
+		const withheld = this.disabledActions();
+		if (!withheld.length) return this.customActions();
+		const lowered = new Set(withheld.map((name) => name.toLowerCase()));
+		return this.customActions().filter((action) => !lowered.has(action.name.toLowerCase()));
+	}, ...ngDevMode ? [{ debugName: "visibleCustomActions" }] : /* istanbul ignore next */ []);
+	fetchFn = signal(null, ...ngDevMode ? [{ debugName: "fetchFn" }] : /* istanbul ignore next */ []);
+	errorMessage = signal(null, ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+	selectionMode = computed(() => selectionModeFor(this.visibleCustomActions(), this.selectionModeSetting() ?? this.query()?.selectionMode ?? "auto"), ...ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []);
+	toolbarActions = computed(() => {
+		const actions = [];
+		const withheld = new Set(this.disabledActions().map((name) => name.toLowerCase()));
+		for (const definition of this.defaultActions()) {
+			const name = definition.name.toLowerCase();
+			if (name === "new" && this.offersCreate()) actions.push({
+				kind: "new",
+				name: definition.name,
+				definition,
+				priority: 1 + definition.offset
+			});
+			else if (name === "delete" && this.offersDelete(withheld) && this.selectionMode() !== "none") actions.push({
+				kind: "delete",
+				name: definition.name,
+				definition,
+				priority: 5 + definition.offset
+			});
+		}
+		for (const definition of this.visibleCustomActions()) actions.push({
+			kind: "custom",
+			name: definition.name,
+			definition,
+			priority: 10 + definition.offset
+		});
+		return actions;
+	}, ...ngDevMode ? [{ debugName: "toolbarActions" }] : /* istanbul ignore next */ []);
+	rowActions = computed(() => {
+		const withheld = new Set(this.disabledActions().map((name) => name.toLowerCase()));
+		const rowTaking = (definition) => !!definition.selectionRule?.trim() && parseSelectionRule(definition.selectionRule)(1);
+		const actions = [];
+		for (const definition of this.defaultActions()) if (definition.name.toLowerCase() === "delete" && this.offersDelete(withheld) && rowTaking(definition)) actions.push({
+			kind: "delete",
+			name: definition.name,
+			definition,
+			priority: 5 + definition.offset
+		});
+		for (const definition of this.visibleCustomActions()) if (rowTaking(definition)) actions.push({
+			kind: "custom",
+			name: definition.name,
+			definition,
+			priority: 10 + definition.offset
+		});
+		const scope = this.rowActionScope();
+		if (scope) for (const addon of this.addonRowActions) {
+			if (!addon.isOffered(scope)) continue;
+			const priority = addon.priority ?? 50;
+			actions.push({
+				kind: "addon",
+				name: addon.id,
+				addon,
+				priority,
+				definition: {
+					name: addon.id,
+					displayName: { en: this.lang.t(addon.labelKey) },
+					showedOn: "query",
+					refreshOnCompleted: true,
+					offset: priority
+				}
+			});
+		}
+		return actions;
+	}, ...ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []);
+	rowActionScope = computed(() => {
+		const query = this.query();
+		const entityType = this.entityType();
+		if (!query || !entityType) return null;
+		return {
+			query,
+			entityType,
+			permissions: this.permissions(),
+			deleted: this.effectiveDeleted() ?? null
+		};
+	}, ...ngDevMode ? [{ debugName: "rowActionScope" }] : /* istanbul ignore next */ []);
+	offersDelete(withheld) {
+		return !this.recycleBin() && !withheld.has("delete");
+	}
+	isToolbarActionEnabled(action) {
+		return this.isActionEnabled(action.definition);
+	}
+	async runToolbarAction(action) {
+		switch (action.kind) {
+			case "new":
+				this.startNew();
+				return;
+			case "delete":
+				await this.deleteRows(this.selection().map((r) => r.id), action.definition);
+				return;
+			default: await this.onCustomAction(action.definition);
+		}
+	}
+	clearSelection() {
+		this.selection.set([]);
+	}
+	openRowMenu = signal(null, ...ngDevMode ? [{ debugName: "openRowMenu" }] : /* istanbul ignore next */ []);
+	rowMenuPositions = [{
+		originX: "end",
+		originY: "bottom",
+		overlayX: "end",
+		overlayY: "top"
+	}, {
+		originX: "end",
+		originY: "top",
+		overlayX: "end",
+		overlayY: "bottom"
+	}];
+	toggleRowMenu(row) {
+		this.openRowMenu.update((open) => open === row.id ? null : row.id);
+	}
+	closeRowMenu(rowId) {
+		if (rowId !== void 0 && this.openRowMenu() !== rowId) return;
+		this.openRowMenu.set(null);
+	}
+	onRowMenuOutsideClick(event, toggle, rowId) {
+		if (event.target instanceof Node && toggle.contains(event.target)) return;
+		this.closeRowMenu(rowId);
+	}
+	async chooseRowAction(action, row) {
+		this.closeRowMenu();
+		await this.runRowAction(action, row);
+	}
+	async runRowAction(action, row) {
+		if (action.kind === "delete") {
+			await this.deleteRows([row.id], action.definition);
+			return;
+		}
+		if (action.kind === "addon" && action.addon) {
+			await this.runAddonRowAction(action.addon, row);
+			return;
+		}
+		await this.onCustomAction(action.definition, [row.id]);
+	}
+	async runAddonRowAction(addon, row) {
+		const scope = this.rowActionScope();
+		if (!scope) return;
+		try {
+			this.errorMessage.set(null);
+			await runInInjectionContext(this.injector, () => addon.run({
+				...scope,
+				row,
+				reload: () => this.reload()
+			}));
+		} catch (e) {
+			const err = e;
+			const first = err?.error?.result?.errors?.[0];
+			const validation = typeof first?.errorMessage === "string" ? first.errorMessage : first?.errorMessage ? this.lang.resolve(first.errorMessage) : "";
+			this.errorMessage.set(validation || first?.message || err?.error?.result?.error || err?.error?.error || (err?.status === 404 ? this.lang.t("spark.query.unavailable") : "") || err?.message || this.lang.t("common.actionFailed") || "Action failed");
+		}
+	}
+	startNew() {
+		const type = this.entityType();
+		if (!type) return;
+		this.createClicked.emit();
+		const parentId = this.parentId();
+		const parentType = this.parentType();
+		const query = this.query();
+		const queryParams = parentId && parentType && query ? {
+			parentId,
+			parentType,
+			queryId: query.alias || query.id
+		} : void 0;
+		this.router.navigate([
+			"/po",
+			type.alias || type.id,
+			"new"
+		], {
+			queryParams,
+			state: this.rowLinkState()
+		});
+	}
+	async deleteRows(ids, definition) {
+		const type = this.entityType();
+		if (!type || !ids.length) return;
+		const key = definition?.confirmationMessageKey;
+		const message = ids.length === 1 ? this.lang.t("common.confirmDelete") : (key ? this.lang.t(key) : "") || this.lang.t("common.confirmDeleteSelected");
+		if (!confirm(`${message || "Are you sure?"}${ids.length > 1 ? ` (${ids.length})` : ""}`)) return;
+		const parentId = this.parentId();
+		const parentType = this.parentType();
+		try {
+			await this.sparkService.deleteMany(type.id, ids, {
+				queryId: this.query()?.id,
+				...parentId && parentType ? {
+					parentId,
+					parentType
+				} : {}
+			});
+			const removed = new Set(ids);
+			this.selection.set(this.selection().filter((r) => !removed.has(r.id)));
+			this.reload();
+		} catch (e) {
+			const err = e;
+			this.errorMessage.set(err.error?.result?.errors?.[0]?.message || err.error?.result?.error || err.error?.error || (err.status === 404 ? this.lang.t("common.deleteRefused") : "") || err.message || this.lang.t("common.actionFailed") || "Action failed");
+		}
+	}
+	isVirtualScrolling = computed(() => isVirtualScrollingQuery(this.query()), ...ngDevMode ? [{ debugName: "isVirtualScrolling" }] : /* istanbul ignore next */ []);
+	fetchedColumns = signal([], ...ngDevMode ? [{ debugName: "fetchedColumns" }] : /* istanbul ignore next */ []);
+	allColumns = computed(() => this.columns() ?? this.fetchedColumns(), ...ngDevMode ? [{ debugName: "allColumns" }] : /* istanbul ignore next */ []);
+	visibleColumns = computed(() => this.allColumns().filter((c) => c.isVisible !== false), ...ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []);
+	hasExternalData = computed(() => this.data() !== null || this.query()?.isStreamingQuery === true, ...ngDevMode ? [{ debugName: "hasExternalData" }] : /* istanbul ignore next */ []);
+	isActionEnabled(action) {
+		return parseSelectionRule(action.selectionRule)(this.selection().map((r) => r.id).length);
+	}
+	constructor() {
+		effect(() => {
+			const qId = this.queryId();
+			const pId = this.parentId();
+			const pType = this.parentType();
+			if (qId) this.loadData(qId, pId, pType);
+			else this.loading.set(false);
+		});
+		let first = true;
+		effect(() => {
+			this.reloadToken();
+			this.queryRefresh.tokenFor(this.queryId());
+			if (first) {
+				first = false;
+				return;
+			}
+			untracked(() => this.reload());
+		});
+		let firstSearch = true;
+		effect(() => {
+			this.search();
+			if (firstSearch) {
+				firstSearch = false;
+				return;
+			}
+			untracked(() => {
+				this.selection.set([]);
+				this.onSearchChanged();
+			});
+		});
+		let firstPreset = true;
+		effect(() => {
+			const presetFilters = this.presetFilters();
+			if (firstPreset) {
+				firstPreset = false;
+				return;
+			}
+			untracked(() => {
+				const next = applicablePresetFilters(presetFilters, this.entityType());
+				const previous = new Set(this.appliedPresetFilters().map((f) => f.name));
+				const replaced = new Set(next.map((f) => f.name));
+				this.appliedPresetFilters.set(next);
+				this.filters.set([...this.filters().filter((f) => !previous.has(f.name) && !replaced.has(f.name)), ...next]);
+				this.selection.set([]);
+				this.onFilterChanged();
+			});
+		});
+		let firstDeleted = true;
+		effect(() => {
+			this.effectiveDeleted();
+			if (firstDeleted) {
+				firstDeleted = false;
+				return;
+			}
+			untracked(() => {
+				this.selection.set([]);
+				this.onFilterChanged();
+			});
+		});
+	}
+	reload() {
+		if (this.hasExternalData()) return;
+		const q = this.query();
+		if (q) this.fetchFn.set(this.makeFetch(q, this.parentId(), this.parentType()));
+	}
+	onSearchChanged() {
+		if (this.hasExternalData()) return;
+		const s = this.settings();
+		this.settings.set(new DatatableSettings({
+			perPage: {
+				values: s.perPage.values,
+				selected: s.perPage.selected
+			},
+			page: {
+				values: [1],
+				selected: 1
+			},
+			sortColumns: s.sortColumns
+		}));
+		this.reload();
+	}
+	setFetchedColumns(columns) {
+		const current = this.fetchedColumns();
+		if (current.length === columns.length && JSON.stringify(current) === JSON.stringify(columns)) return;
+		this.fetchedColumns.set(columns);
+	}
+	filters = signal([], ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
+	completeDistincts = /* @__PURE__ */ new Map();
+	distinctsFn = async (request) => {
+		const queryId = this.query()?.id;
+		if (!queryId) return null;
+		const others = this.filters().filter((f) => f.name !== request.column);
+		const querySearch = this.search() || void 0;
+		const parentId = this.parentId();
+		const parentType = this.parentType();
+		const result = await this.sparkService.getDistinctValues(queryId, request.column, {
+			search: request.search,
+			querySearch,
+			columns: others,
+			parentId,
+			parentType,
+			deleted: this.effectiveDeleted(),
+			parentDeleted: this.parentDeleted() && parentId && parentType ? "include" : void 0
+		});
+		if (result && !result.hasMore && !request.search && !querySearch) this.completeDistincts.set(request.column, result.matching.map((v) => v.value));
+		else this.completeDistincts.delete(request.column);
+		return result;
+	};
+	onFilterChange(detail) {
+		if (detail.mode !== "values") return;
+		const values = detail.selected.map((v) => v.value);
+		const next = this.filters().filter((f) => f.name !== detail.column);
+		if (values.length > 0) {
+			const complete = this.completeDistincts.get(detail.column);
+			if (values.some((v) => v === null || v === void 0) && !detail.inverse && complete) {
+				const unselected = complete.filter((v) => v !== null && v !== void 0 && !values.some((s) => s === v));
+				if (unselected.length > 0) next.push({
+					name: detail.column,
+					excludes: unselected
+				});
+			} else next.push(detail.inverse ? {
+				name: detail.column,
+				excludes: values
+			} : {
+				name: detail.column,
+				includes: values
+			});
+		}
+		this.filters.set(next);
+		this.onFilterChanged();
+	}
+	onFilterChanged() {
+		if (this.hasExternalData()) return;
+		const s = this.settings();
+		this.settings.set(new DatatableSettings({
+			perPage: {
+				values: s.perPage.values,
+				selected: s.perPage.selected
+			},
+			page: {
+				values: [1],
+				selected: 1
+			},
+			sortColumns: s.sortColumns
+		}));
+		this.reload();
+	}
+	async onCustomAction(action, rowIds) {
+		if (action.confirmationMessageKey) {
+			const message = this.lang.t(action.confirmationMessageKey) || "Are you sure?";
+			if (!confirm(message)) return;
+		}
+		try {
+			const pId = this.parentId();
+			const pType = this.parentType();
+			await this.sparkService.executeCustomAction(this.entityType().id, action.name, void 0, rowIds ?? this.selection().map((r) => r.id), pId && pType ? {
+				id: pId,
+				type: pType
+			} : void 0, this.query()?.id);
+			this.customActionExecuted.emit({ action });
+			if (action.refreshOnCompleted) this.reload();
+		} catch (e) {
+			const err = e;
+			this.errorMessage.set(err.error?.error || err.message || this.lang.t("common.actionFailed") || "Action failed");
+		}
+	}
+	reportError(err) {
+		this.errorMessage.set(this.describe(err));
+		this.error.emit(err);
+	}
+	describe(err) {
+		if (err?.status === 404) return this.lang.t("spark.query.unavailable") || "This list is not available.";
+		return err?.error?.error || err?.message || this.lang.t("common.unexpectedError") || "An unexpected error occurred";
+	}
+	async loadData(queryId, parentId, parentType) {
+		this.loading.set(true);
+		this.errorMessage.set(null);
+		this.fetchFn.set(null);
+		this.query.set(null);
+		this.entityType.set(null);
+		this.canRead.set(false);
+		this.canCreate.set(false);
+		this.permissions.set(null);
+		this.customActions.set([]);
+		this.defaultActions.set([]);
+		this.resultCount.set(null);
+		this.selection.set([]);
+		this.filters.set([]);
+		this.fetchedColumns.set([]);
+		try {
+			const [resolvedQuery, entityTypes] = await Promise.all([this.sparkService.getQuery(queryId), this.sparkService.getEntityTypes()]);
+			this.query.set(resolvedQuery);
+			this.allEntityTypes.set(entityTypes);
+			const et = this.resolveEntityType(resolvedQuery, entityTypes);
+			this.entityType.set(et);
+			const preset = applicablePresetFilters(untracked(() => this.presetFilters()), et);
+			this.appliedPresetFilters.set(preset);
+			this.filters.set([...preset]);
+			if (et) {
+				const [permissions, actions] = await Promise.all([this.sparkService.getPermissions(et.id), this.sparkService.getCustomActions(et.id)]);
+				this.canRead.set(permissions.canRead);
+				this.canCreate.set(permissions.canCreate);
+				this.permissions.set(permissions);
+				this.customActions.set(filterQueryActions(actions));
+				this.defaultActions.set(defaultQueryActions(actions));
+			} else if (resolvedQuery) console.warn(`[spark] Query '${resolvedQuery.name}' names entity type '${resolvedQuery.entityType ?? resolvedQuery.source}', which resolves to no type in /spark/types; the grid offers no actions and no row links.`);
+			this.settings.set(initialGridSettings(resolvedQuery));
+			if (this.data() === null && !resolvedQuery?.isStreamingQuery) this.fetchFn.set(this.makeFetch(resolvedQuery, parentId, parentType));
+			this.loadLookupReferenceOptions();
+		} catch (e) {
+			this.fetchFn.set(null);
+			this.reportError(e);
+		} finally {
+			this.loading.set(false);
+		}
+	}
+	resolveEntityType(query, entityTypes) {
+		if (!query) return null;
+		if (query.entityType) return entityTypes.find((t) => t.name === query.entityType || t.alias === query.entityType?.toLowerCase()) ?? null;
+		const sourceName = extractSourceName(query.source);
+		const singular = singularize(sourceName);
+		return entityTypes.find((t) => t.name === sourceName || t.name === singular || t.name + "s" === sourceName || t.clrType?.endsWith(singular)) ?? null;
+	}
+	makeFetch(query, parentId, parentType) {
+		return (req) => this.sparkService.executeQuery(query.id, {
+			sortColumns: req.sortColumns,
+			skip: (req.page - 1) * req.perPage,
+			take: req.perPage,
+			search: this.search() || void 0,
+			columns: this.filters(),
+			parentId,
+			parentType,
+			...this.effectiveDeleted() ? { deleted: this.effectiveDeleted() } : {},
+			...this.parentDeleted() && parentId && parentType ? { parentDeleted: "include" } : {}
+		}).then((r) => {
+			this.errorMessage.set(null);
+			this.resultCount.set(r.totalItems);
+			this.setFetchedColumns(r.columns ?? []);
+			this.disabledActions.set(r.disabledActions ?? []);
+			return {
+				data: r.items,
+				totalRecords: r.totalItems,
+				totalPages: Math.ceil(r.totalItems / req.perPage) || 1,
+				perPage: req.perPage,
+				page: req.page
+			};
+		}).catch((e) => {
+			this.reportError(e);
+			this.resultCount.set(0);
+			return {
+				data: [],
+				totalRecords: 0,
+				totalPages: 1,
+				perPage: req.perPage,
+				page: req.page
+			};
+		});
+	}
+	async loadLookupReferenceOptions() {
+		this.lookupReferenceOptions.set(await this.gridRenderers.loadLookupOptions(this.allColumns()));
+	}
+	rendererValueFor(item, column) {
+		return cellValue(valueFor(item, column.name));
+	}
+	getColumnRendererComponent(column) {
+		return this.gridRenderers.columnComponentFor(column);
+	}
+	filterLabelFor(column) {
+		return this.gridRenderers.filterLabelFor(column);
+	}
+	getColumnRendererInputs(component, item, column) {
+		return this.gridRenderers.columnInputsFor(component, item, column);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkQueryGridComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkQueryGridComponent,
+		isStandalone: true,
+		selector: "spark-query-grid",
+		inputs: {
+			queryId: {
+				classPropertyName: "queryId",
+				publicName: "queryId",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			parentId: {
+				classPropertyName: "parentId",
+				publicName: "parentId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			parentType: {
+				classPropertyName: "parentType",
+				publicName: "parentType",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			presetFilters: {
+				classPropertyName: "presetFilters",
+				publicName: "presetFilters",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			search: {
+				classPropertyName: "search",
+				publicName: "search",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			columns: {
+				classPropertyName: "columns",
+				publicName: "columns",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			reloadToken: {
+				classPropertyName: "reloadToken",
+				publicName: "reloadToken",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			deleted: {
+				classPropertyName: "deleted",
+				publicName: "deleted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			parentDeleted: {
+				classPropertyName: "parentDeleted",
+				publicName: "parentDeleted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			settings: {
+				classPropertyName: "settings",
+				publicName: "settings",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selection: {
+				classPropertyName: "selection",
+				publicName: "selection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rowRoute: {
+				classPropertyName: "rowRoute",
+				publicName: "rowRoute",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectionModeSetting: {
+				classPropertyName: "selectionModeSetting",
+				publicName: "selectionModeSetting",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			settings: "settingsChange",
+			selection: "selectionChange",
+			error: "error",
+			rowClicked: "rowClicked",
+			customActionExecuted: "customActionExecuted",
+			createClicked: "createClicked"
+		},
+		ngImport: i0,
+		template: "<!--\n  Three explicit states, in this order, and the order is load-bearing.\n\n  This template used to open with `@if (query(); as q)` wrapping EVERYTHING, and `query()` is only\n  set after loadData's awaits resolve. Three separate bugs fell out of that one line: the spinner\n  was unreachable on a first load (it rendered inside the gate, while `loading` starts true and\n  `query` starts null), a first-load failure rendered ZERO DOM — no card, no message, nothing to\n  see or report — and a failed RELOAD left the previous query's rows on screen.\n\n  So: `loading` is checked first and outside any dependency on `query`, and the final `@else`\n  always renders something. Do not fold these back into one gate, and do not move the spinner\n  inside the `query()` branch.\n-->\n@if (loading()) {\n  <div class=\"text-center p-3\">\n    <bs-spinner />\n  </div>\n} @else if (query()) {\n  <!-- A page-fetch failure while the grid is already resolved. Without this the catch returns an\n       empty page and a failed query is indistinguishable from one that legitimately has no rows. -->\n  @if (errorMessage(); as err) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ err }}\n    </bs-alert>\n  }\n\n  <!--\n    One datatable, two row sources. `[data]` and `[fetch]` are mutually exclusive in\n    ng-bootstrap — binding both makes `[fetch]` win silently — so exactly one is ever non-null\n    here: `fetchFn` is left null whenever `data` is bound. See the class comment for why rows can\n    arrive from outside at all (streaming must not put a websocket in every detail page's bundle).\n  -->\n  <!--\n    The selection bar (#460, M15): the \"N selected\" chip, only while rows are selected, and part\n    of the grid rather than of a host, so the query card and the query-list page show the same\n    thing. There is deliberately no select-all (owner decision, 2026-09-29): with paged, lazy or\n    virtual-scrolled rows it could only tick the rows loaded so far. Deselect-all is the\n    datatable's own header checkbox, which it shows only while a row is selected; the chip does\n    not repeat it. Single selection has no checkbox column, so no header checkbox either, and a\n    row click only ever selects: there the chip's ⊗ is the deselect. The bar keeps its height\n    while empty, so ticking the first row does not push the table down under the pointer.\n  -->\n  @if (selectionMode() !== 'none') {\n    <div class=\"spark-selection-bar d-flex align-items-center gap-2 mb-2\" style=\"min-height: 1.5rem\">\n      @if (selection().length) {\n        <bs-badge [type]=\"colors.primary\" class=\"spark-selection-chip\">\n          {{ selection().length }} {{ 'common.selected' | t }}\n          @if (selectionMode() === 'single') {\n            <button type=\"button\" class=\"spark-selection-clear\"\n                    [attr.aria-label]=\"'common.clearSelection' | t\" (click)=\"clearSelection()\">\n              <spark-icon name=\"x-circle\" />\n            </button>\n          }\n        </bs-badge>\n      }\n    </div>\n  }\n\n  <bs-datatable\n      [selectionMode]=\"selectionMode()\"\n      [(selection)]=\"selection\"\n      [virtualScroll]=\"isVirtualScrolling()\"\n      [itemSize]=\"40\"\n      [isResponsive]=\"isVirtualScrolling()\"\n      [data]=\"data()\"\n      [fetch]=\"fetchFn()\"\n      [distincts]=\"distinctsFn\"\n      (filterChange)=\"onFilterChange($event)\"\n      (rowClick)=\"onRowClick($event)\"\n      (rowDblClick)=\"onRowDblClick($event)\"\n      [(settings)]=\"settings\">\n    @for (col of visibleColumns(); track col.name) {\n      <!--\n        `canSort`/`canFilter` arrive already resolved by the server (query override → attribute →\n        true), so this only spells the polarity. `!== false` is needed for BOTH, for opposite\n        reasons: absent means capable on our wire, while the datatable's own `filterable` defaults\n        to false, unlike `sortable`.\n\n        ⚠️ `filterActive` and `filterSummary` are deliberately NOT bound. Any *bsDatatableColumn\n        input change recomputes the column set, which retires the live filter view — while the web\n        component's mount-once guard leaves the panel's nodes in place and never re-renders them.\n        Binding them to state our own panel mutates would freeze the panel the instant a value is\n        ticked, until it is closed and reopened. The cost is that a filtered column carries no\n        visual marker yet, which is worth far less than a panel that dies on first use. See #431 F7.\n      -->\n      <div *bsDatatableColumn=\"col.name; sortable: col.canSort !== false; filterable: col.canFilter !== false\">\n        {{ (col.label | resolveTranslation) || col.name }}\n        <spark-attribute-description [description]=\"col.description\" />\n\n        @if (col.canFilter !== false) {\n          <ng-container *bsDatatableFilterPanel=\"let values; let ctx = ctx\">\n            <spark-column-filter-panel\n              [column]=\"col\"\n              [values]=\"values()\"\n              [ctx]=\"ctx\"\n              [filterLabel]=\"filterLabelFor(col)\" />\n          </ng-container>\n        }\n      </div>\n    }\n    <!--\n      The per-row ⋮ menu's column: no header, never sorted or filtered.\n\n      ⚠️ Only once the data columns exist. Those ship WITH the first page, so the rows reach the\n      datatable one render before the column templates do. The datatable sizes its columns ONCE,\n      from the first render that has both columns and rows, then switches to `table-layout: fixed`\n      and never measures again. If this column were already registered it would be the only one\n      measured; the data columns would share what it left over equally, and at phone width their\n      unclipped headers ran into each other. With no column at all the datatable waits.\n    -->\n    @if (rowActions().length && visibleColumns().length) {\n      <div *bsDatatableColumn=\"'__sparkRowActions'; sortable: false; filterable: false\">\n        <span class=\"visually-hidden\">{{ 'common.actions' | t }}</span>\n      </div>\n    }\n\n    <ng-container *bsRowTemplate=\"let item\">\n      @let row = $any(item);\n      @for (col of visibleColumns(); track col.name; let first = $first) {\n        <td>\n          @if (row) {\n            <!-- The first column links to the row's detail page. Two things about this are\n                 routinely misread:\n\n                 1. `cellContent` is projected INSIDE the anchor, so a custom `renderer` does NOT\n                    suppress this link — a renderer that emits its own <a> produces nested anchors\n                    (invalid HTML) rather than replacing this one.\n                 2. `canRead()` is the whole gate, and it is the rights model: `Query` without\n                    `Read` lists the rows and withholds the link. Withhold `Read` for a query\n                    whose rows no detail page can load — a Custom.* query that fabricates rows in\n                    memory, say.\n                 3. `rowRoute` replaces the DESTINATION only, never the gate: returning a route\n                    from it cannot make a row clickable that `canRead()` withheld, and returning\n                    null from it suppresses the link for that one row. -->\n            @if (first && canRead() && rowRouteFor(row); as route) {\n              <a [routerLink]=\"route\" [queryParams]=\"rowQueryParams()\" [state]=\"rowLinkState()\"\n                 (click)=\"rowClicked.emit(row)\">\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n              </a>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n            }\n          } @else {\n            &nbsp;\n          }\n        </td>\n      }\n      @if (rowActions().length) {\n        <!-- The row menu: every action whose rule accepts one row, run on THIS row only. The\n             checkbox selection is left alone (runRowAction never reads or writes it). -->\n        <td class=\"spark-row-actions text-end\" (click)=\"$event.stopPropagation()\" (dblclick)=\"$event.stopPropagation()\">\n          @if (row) {\n            <button type=\"button\" cdkOverlayOrigin #rowMenuOrigin=\"cdkOverlayOrigin\" #rowMenuToggle\n                    class=\"btn btn-sm btn-link spark-row-menu-toggle\"\n                    aria-haspopup=\"menu\" [attr.aria-expanded]=\"openRowMenu() === row.id\"\n                    [attr.aria-label]=\"'common.actions' | t\" (click)=\"toggleRowMenu(row)\">\n              <spark-icon name=\"three-dots-vertical\" />\n            </button>\n            <ng-template cdkConnectedOverlay\n                         [cdkConnectedOverlayOrigin]=\"rowMenuOrigin\"\n                         [cdkConnectedOverlayOpen]=\"openRowMenu() === row.id\"\n                         [cdkConnectedOverlayPositions]=\"rowMenuPositions\"\n                         (overlayOutsideClick)=\"onRowMenuOutsideClick($event, rowMenuToggle, row.id)\"\n                         (overlayKeydown)=\"$event.key === 'Escape' && closeRowMenu(row.id)\"\n                         (detach)=\"closeRowMenu(row.id)\">\n              <bs-dropdown-menu class=\"spark-row-menu\">\n                @for (action of rowActions(); track action.name) {\n                  <li bsDropdownItem class=\"spark-row-action\" [attr.data-action]=\"action.name\"\n                      (click)=\"chooseRowAction(action, row)\">\n                    {{ action.definition.displayName | resolveTranslation }}\n                  </li>\n                }\n              </bs-dropdown-menu>\n            </ng-template>\n          }\n        </td>\n      }\n    </ng-container>\n  </bs-datatable>\n} @else {\n  <!-- The query could not be resolved. Rendering something keeps the host's layout intact and,\n       crucially, makes the failure visible: this branch used to render nothing at all. -->\n  <bs-alert [type]=\"colors.danger\" class=\"mb-0\">\n    {{ errorMessage() || ('spark.query.unavailable' | t) }}\n  </bs-alert>\n}\n\n<ng-template #cellContent let-item let-col=\"col\">\n  <!--\n    Presentation lives in <spark-grid-cell>, shared with the AsDetail table on the PO detail page.\n    Value resolution stays here: a query row is a PersistentObject with an attribute list, and the\n    AsDetail table's rows are plain dictionaries, so only the rendering is common.\n\n    `link` is deliberately not passed. The first-column link is the grid's own rule and wraps this\n    template from outside; setting both would nest anchors.\n  -->\n  <spark-grid-cell\n      [column]=\"col\"\n      [display]=\"(col | queryCellValue:item:lookupReferenceOptions())\"\n      [rendererValue]=\"rendererValueFor(item, col)\"\n      [item]=\"item\"\n      [chips]=\"(col | queryReferenceChips:item)\" />\n</ng-template>\n",
+		styles: [":host ::ng-deep tbody tr[data-selected=true] a:not(.btn),:host ::ng-deep tbody tr[data-selected=true] .spark-row-menu-toggle{color:var(--mp-datatable-row-selected-color)}:host ::ng-deep tbody tr[data-selected=true] .spark-row-menu-toggle{--bs-btn-color: var(--mp-datatable-row-selected-color);--bs-btn-hover-color: var(--mp-datatable-row-selected-color);--bs-btn-active-color: var(--mp-datatable-row-selected-color)}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: RouterModule
+			},
+			{
+				kind: "directive",
+				type: i2.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: BsAlertComponent,
+				selector: "bs-alert",
+				inputs: [
+					"type",
+					"announce",
+					"isVisible"
+				],
+				outputs: ["isVisibleChange", "afterOpenedOrClosed"]
+			},
+			{
+				kind: "component",
+				type: BsDatatableComponent,
+				selector: "bs-datatable",
+				inputs: [
+					"columns",
+					"data",
+					"fetch",
+					"distincts",
+					"labels",
+					"settings",
+					"selectionMode",
+					"selectable",
+					"selection",
+					"rowKey",
+					"resizableColumns",
+					"pagination",
+					"virtualScroll",
+					"itemSize",
+					"virtualBuffer",
+					"isResponsive",
+					"compareWith",
+					"tree",
+					"idKey",
+					"childCountKey",
+					"treeIndent",
+					"expandedIds",
+					"selectionStrategy"
+				],
+				outputs: [
+					"settingsChange",
+					"selectionChange",
+					"rowClick",
+					"rowDblClick",
+					"rowContextMenu",
+					"expandedIdsChange",
+					"rowExpand",
+					"rowCollapse",
+					"filterChange"
+				]
+			},
+			{
+				kind: "directive",
+				type: BsDatatableColumnDirective,
+				selector: "[bsDatatableColumn]",
+				inputs: [
+					"bsDatatableColumn",
+					"bsDatatableColumnSortable",
+					"bsDatatableColumnFilterable",
+					"bsDatatableColumnFilterActive",
+					"bsDatatableColumnFilterSummary",
+					"bsDatatableColumnFilterSelection",
+					"bsDatatableColumnFilterMode",
+					"bsDatatableColumnFilterInputType",
+					"bsDatatableColumnFilterOperators"
+				]
+			},
+			{
+				kind: "directive",
+				type: BsDatatableFilterPanelDirective,
+				selector: "[bsDatatableFilterPanel]"
+			},
+			{
+				kind: "directive",
+				type: BsRowTemplateDirective,
+				selector: "[bsRowTemplate]"
+			},
+			{
+				kind: "component",
+				type: BsSpinnerComponent,
+				selector: "bs-spinner",
+				inputs: ["type", "color"]
+			},
+			{
+				kind: "component",
+				type: SparkGridCellComponent,
+				selector: "spark-grid-cell",
+				inputs: [
+					"column",
+					"display",
+					"rendererValue",
+					"item",
+					"chips",
+					"link"
+				]
+			},
+			{
+				kind: "component",
+				type: SparkAttributeDescriptionComponent,
+				selector: "spark-attribute-description",
+				inputs: ["description", "position"]
+			},
+			{
+				kind: "component",
+				type: SparkColumnFilterPanelComponent,
+				selector: "spark-column-filter-panel",
+				inputs: [
+					"column",
+					"values",
+					"ctx",
+					"filterLabel"
+				]
+			},
+			{
+				kind: "component",
+				type: BsBadgeComponent,
+				selector: "bs-badge",
+				inputs: [
+					"type",
+					"unit",
+					"decorative"
+				]
+			},
+			{
+				kind: "directive",
+				type: CdkOverlayOrigin,
+				selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]",
+				exportAs: ["cdkOverlayOrigin"]
+			},
+			{
+				kind: "directive",
+				type: CdkConnectedOverlay,
+				selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]",
+				inputs: [
+					"cdkConnectedOverlayOrigin",
+					"cdkConnectedOverlayPositions",
+					"cdkConnectedOverlayPositionStrategy",
+					"cdkConnectedOverlayOffsetX",
+					"cdkConnectedOverlayOffsetY",
+					"cdkConnectedOverlayWidth",
+					"cdkConnectedOverlayHeight",
+					"cdkConnectedOverlayMinWidth",
+					"cdkConnectedOverlayMinHeight",
+					"cdkConnectedOverlayBackdropClass",
+					"cdkConnectedOverlayPanelClass",
+					"cdkConnectedOverlayViewportMargin",
+					"cdkConnectedOverlayScrollStrategy",
+					"cdkConnectedOverlayOpen",
+					"cdkConnectedOverlayDisableClose",
+					"cdkConnectedOverlayTransformOriginOn",
+					"cdkConnectedOverlayHasBackdrop",
+					"cdkConnectedOverlayLockPosition",
+					"cdkConnectedOverlayFlexibleDimensions",
+					"cdkConnectedOverlayGrowAfterOpen",
+					"cdkConnectedOverlayPush",
+					"cdkConnectedOverlayDisposeOnNavigation",
+					"cdkConnectedOverlayUsePopover",
+					"cdkConnectedOverlayMatchWidth",
+					"cdkConnectedOverlay"
+				],
+				outputs: [
+					"backdropClick",
+					"positionChange",
+					"attach",
+					"detach",
+					"overlayKeydown",
+					"overlayOutsideClick"
+				],
+				exportAs: ["cdkConnectedOverlay"]
+			},
+			{
+				kind: "component",
+				type: BsDropdownMenuComponent,
+				selector: "bs-dropdown-menu",
+				inputs: ["menuMode", "maxHeight"],
+				outputs: ["select"]
+			},
+			{
+				kind: "directive",
+				type: BsDropdownItemDirective,
+				selector: "[bsDropdownItem]",
+				inputs: [
+					"active",
+					"disabled",
+					"value"
+				]
+			},
+			{
+				kind: "component",
+				type: SparkIconComponent,
+				selector: "spark-icon",
+				inputs: ["name"]
+			},
+			{
+				kind: "pipe",
+				type: ResolveTranslationPipe,
+				name: "resolveTranslation"
+			},
+			{
+				kind: "pipe",
+				type: QueryCellValuePipe,
+				name: "queryCellValue"
+			},
+			{
+				kind: "pipe",
+				type: QueryReferenceChipsPipe,
+				name: "queryReferenceChips"
+			},
+			{
+				kind: "pipe",
+				type: TranslateKeyPipe,
+				name: "t"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkQueryGridComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-query-grid",
+			imports: [
+				CommonModule,
+				RouterModule,
+				BsAlertComponent,
+				BsDatatableComponent,
+				BsDatatableColumnDirective,
+				BsDatatableFilterPanelDirective,
+				BsRowTemplateDirective,
+				BsSpinnerComponent,
+				SparkGridCellComponent,
+				ResolveTranslationPipe,
+				QueryCellValuePipe,
+				QueryReferenceChipsPipe,
+				TranslateKeyPipe,
+				SparkAttributeDescriptionComponent,
+				SparkColumnFilterPanelComponent,
+				BsBadgeComponent,
+				CdkOverlayOrigin,
+				CdkConnectedOverlay,
+				BsDropdownMenuComponent,
+				BsDropdownItemDirective,
+				SparkIconComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<!--\n  Three explicit states, in this order, and the order is load-bearing.\n\n  This template used to open with `@if (query(); as q)` wrapping EVERYTHING, and `query()` is only\n  set after loadData's awaits resolve. Three separate bugs fell out of that one line: the spinner\n  was unreachable on a first load (it rendered inside the gate, while `loading` starts true and\n  `query` starts null), a first-load failure rendered ZERO DOM — no card, no message, nothing to\n  see or report — and a failed RELOAD left the previous query's rows on screen.\n\n  So: `loading` is checked first and outside any dependency on `query`, and the final `@else`\n  always renders something. Do not fold these back into one gate, and do not move the spinner\n  inside the `query()` branch.\n-->\n@if (loading()) {\n  <div class=\"text-center p-3\">\n    <bs-spinner />\n  </div>\n} @else if (query()) {\n  <!-- A page-fetch failure while the grid is already resolved. Without this the catch returns an\n       empty page and a failed query is indistinguishable from one that legitimately has no rows. -->\n  @if (errorMessage(); as err) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ err }}\n    </bs-alert>\n  }\n\n  <!--\n    One datatable, two row sources. `[data]` and `[fetch]` are mutually exclusive in\n    ng-bootstrap — binding both makes `[fetch]` win silently — so exactly one is ever non-null\n    here: `fetchFn` is left null whenever `data` is bound. See the class comment for why rows can\n    arrive from outside at all (streaming must not put a websocket in every detail page's bundle).\n  -->\n  <!--\n    The selection bar (#460, M15): the \"N selected\" chip, only while rows are selected, and part\n    of the grid rather than of a host, so the query card and the query-list page show the same\n    thing. There is deliberately no select-all (owner decision, 2026-09-29): with paged, lazy or\n    virtual-scrolled rows it could only tick the rows loaded so far. Deselect-all is the\n    datatable's own header checkbox, which it shows only while a row is selected; the chip does\n    not repeat it. Single selection has no checkbox column, so no header checkbox either, and a\n    row click only ever selects: there the chip's ⊗ is the deselect. The bar keeps its height\n    while empty, so ticking the first row does not push the table down under the pointer.\n  -->\n  @if (selectionMode() !== 'none') {\n    <div class=\"spark-selection-bar d-flex align-items-center gap-2 mb-2\" style=\"min-height: 1.5rem\">\n      @if (selection().length) {\n        <bs-badge [type]=\"colors.primary\" class=\"spark-selection-chip\">\n          {{ selection().length }} {{ 'common.selected' | t }}\n          @if (selectionMode() === 'single') {\n            <button type=\"button\" class=\"spark-selection-clear\"\n                    [attr.aria-label]=\"'common.clearSelection' | t\" (click)=\"clearSelection()\">\n              <spark-icon name=\"x-circle\" />\n            </button>\n          }\n        </bs-badge>\n      }\n    </div>\n  }\n\n  <bs-datatable\n      [selectionMode]=\"selectionMode()\"\n      [(selection)]=\"selection\"\n      [virtualScroll]=\"isVirtualScrolling()\"\n      [itemSize]=\"40\"\n      [isResponsive]=\"isVirtualScrolling()\"\n      [data]=\"data()\"\n      [fetch]=\"fetchFn()\"\n      [distincts]=\"distinctsFn\"\n      (filterChange)=\"onFilterChange($event)\"\n      (rowClick)=\"onRowClick($event)\"\n      (rowDblClick)=\"onRowDblClick($event)\"\n      [(settings)]=\"settings\">\n    @for (col of visibleColumns(); track col.name) {\n      <!--\n        `canSort`/`canFilter` arrive already resolved by the server (query override → attribute →\n        true), so this only spells the polarity. `!== false` is needed for BOTH, for opposite\n        reasons: absent means capable on our wire, while the datatable's own `filterable` defaults\n        to false, unlike `sortable`.\n\n        ⚠️ `filterActive` and `filterSummary` are deliberately NOT bound. Any *bsDatatableColumn\n        input change recomputes the column set, which retires the live filter view — while the web\n        component's mount-once guard leaves the panel's nodes in place and never re-renders them.\n        Binding them to state our own panel mutates would freeze the panel the instant a value is\n        ticked, until it is closed and reopened. The cost is that a filtered column carries no\n        visual marker yet, which is worth far less than a panel that dies on first use. See #431 F7.\n      -->\n      <div *bsDatatableColumn=\"col.name; sortable: col.canSort !== false; filterable: col.canFilter !== false\">\n        {{ (col.label | resolveTranslation) || col.name }}\n        <spark-attribute-description [description]=\"col.description\" />\n\n        @if (col.canFilter !== false) {\n          <ng-container *bsDatatableFilterPanel=\"let values; let ctx = ctx\">\n            <spark-column-filter-panel\n              [column]=\"col\"\n              [values]=\"values()\"\n              [ctx]=\"ctx\"\n              [filterLabel]=\"filterLabelFor(col)\" />\n          </ng-container>\n        }\n      </div>\n    }\n    <!--\n      The per-row ⋮ menu's column: no header, never sorted or filtered.\n\n      ⚠️ Only once the data columns exist. Those ship WITH the first page, so the rows reach the\n      datatable one render before the column templates do. The datatable sizes its columns ONCE,\n      from the first render that has both columns and rows, then switches to `table-layout: fixed`\n      and never measures again. If this column were already registered it would be the only one\n      measured; the data columns would share what it left over equally, and at phone width their\n      unclipped headers ran into each other. With no column at all the datatable waits.\n    -->\n    @if (rowActions().length && visibleColumns().length) {\n      <div *bsDatatableColumn=\"'__sparkRowActions'; sortable: false; filterable: false\">\n        <span class=\"visually-hidden\">{{ 'common.actions' | t }}</span>\n      </div>\n    }\n\n    <ng-container *bsRowTemplate=\"let item\">\n      @let row = $any(item);\n      @for (col of visibleColumns(); track col.name; let first = $first) {\n        <td>\n          @if (row) {\n            <!-- The first column links to the row's detail page. Two things about this are\n                 routinely misread:\n\n                 1. `cellContent` is projected INSIDE the anchor, so a custom `renderer` does NOT\n                    suppress this link — a renderer that emits its own <a> produces nested anchors\n                    (invalid HTML) rather than replacing this one.\n                 2. `canRead()` is the whole gate, and it is the rights model: `Query` without\n                    `Read` lists the rows and withholds the link. Withhold `Read` for a query\n                    whose rows no detail page can load — a Custom.* query that fabricates rows in\n                    memory, say.\n                 3. `rowRoute` replaces the DESTINATION only, never the gate: returning a route\n                    from it cannot make a row clickable that `canRead()` withheld, and returning\n                    null from it suppresses the link for that one row. -->\n            @if (first && canRead() && rowRouteFor(row); as route) {\n              <a [routerLink]=\"route\" [queryParams]=\"rowQueryParams()\" [state]=\"rowLinkState()\"\n                 (click)=\"rowClicked.emit(row)\">\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n              </a>\n            } @else {\n              <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: row, col: col }\"></ng-container>\n            }\n          } @else {\n            &nbsp;\n          }\n        </td>\n      }\n      @if (rowActions().length) {\n        <!-- The row menu: every action whose rule accepts one row, run on THIS row only. The\n             checkbox selection is left alone (runRowAction never reads or writes it). -->\n        <td class=\"spark-row-actions text-end\" (click)=\"$event.stopPropagation()\" (dblclick)=\"$event.stopPropagation()\">\n          @if (row) {\n            <button type=\"button\" cdkOverlayOrigin #rowMenuOrigin=\"cdkOverlayOrigin\" #rowMenuToggle\n                    class=\"btn btn-sm btn-link spark-row-menu-toggle\"\n                    aria-haspopup=\"menu\" [attr.aria-expanded]=\"openRowMenu() === row.id\"\n                    [attr.aria-label]=\"'common.actions' | t\" (click)=\"toggleRowMenu(row)\">\n              <spark-icon name=\"three-dots-vertical\" />\n            </button>\n            <ng-template cdkConnectedOverlay\n                         [cdkConnectedOverlayOrigin]=\"rowMenuOrigin\"\n                         [cdkConnectedOverlayOpen]=\"openRowMenu() === row.id\"\n                         [cdkConnectedOverlayPositions]=\"rowMenuPositions\"\n                         (overlayOutsideClick)=\"onRowMenuOutsideClick($event, rowMenuToggle, row.id)\"\n                         (overlayKeydown)=\"$event.key === 'Escape' && closeRowMenu(row.id)\"\n                         (detach)=\"closeRowMenu(row.id)\">\n              <bs-dropdown-menu class=\"spark-row-menu\">\n                @for (action of rowActions(); track action.name) {\n                  <li bsDropdownItem class=\"spark-row-action\" [attr.data-action]=\"action.name\"\n                      (click)=\"chooseRowAction(action, row)\">\n                    {{ action.definition.displayName | resolveTranslation }}\n                  </li>\n                }\n              </bs-dropdown-menu>\n            </ng-template>\n          }\n        </td>\n      }\n    </ng-container>\n  </bs-datatable>\n} @else {\n  <!-- The query could not be resolved. Rendering something keeps the host's layout intact and,\n       crucially, makes the failure visible: this branch used to render nothing at all. -->\n  <bs-alert [type]=\"colors.danger\" class=\"mb-0\">\n    {{ errorMessage() || ('spark.query.unavailable' | t) }}\n  </bs-alert>\n}\n\n<ng-template #cellContent let-item let-col=\"col\">\n  <!--\n    Presentation lives in <spark-grid-cell>, shared with the AsDetail table on the PO detail page.\n    Value resolution stays here: a query row is a PersistentObject with an attribute list, and the\n    AsDetail table's rows are plain dictionaries, so only the rendering is common.\n\n    `link` is deliberately not passed. The first-column link is the grid's own rule and wraps this\n    template from outside; setting both would nest anchors.\n  -->\n  <spark-grid-cell\n      [column]=\"col\"\n      [display]=\"(col | queryCellValue:item:lookupReferenceOptions())\"\n      [rendererValue]=\"rendererValueFor(item, col)\"\n      [item]=\"item\"\n      [chips]=\"(col | queryReferenceChips:item)\" />\n</ng-template>\n",
+			styles: [":host ::ng-deep tbody tr[data-selected=true] a:not(.btn),:host ::ng-deep tbody tr[data-selected=true] .spark-row-menu-toggle{color:var(--mp-datatable-row-selected-color)}:host ::ng-deep tbody tr[data-selected=true] .spark-row-menu-toggle{--bs-btn-color: var(--mp-datatable-row-selected-color);--bs-btn-hover-color: var(--mp-datatable-row-selected-color);--bs-btn-active-color: var(--mp-datatable-row-selected-color)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		queryId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "queryId",
+				required: true
+			}]
+		}],
+		parentId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentId",
+				required: false
+			}]
+		}],
+		parentType: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentType",
+				required: false
+			}]
+		}],
+		presetFilters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "presetFilters",
+				required: false
+			}]
+		}],
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		search: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "search",
+				required: false
+			}]
+		}],
+		columns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columns",
+				required: false
+			}]
+		}],
+		reloadToken: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reloadToken",
+				required: false
+			}]
+		}],
+		deleted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deleted",
+				required: false
+			}]
+		}],
+		parentDeleted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentDeleted",
+				required: false
+			}]
+		}],
+		settings: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "settings",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["settingsChange"]
+		}],
+		selection: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selection",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectionChange"]
+		}],
+		rowRoute: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rowRoute",
+				required: false
+			}]
+		}],
+		selectionModeSetting: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectionModeSetting",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Output,
+			args: ["error"]
+		}],
+		rowClicked: [{
+			type: i0.Output,
+			args: ["rowClicked"]
+		}],
+		customActionExecuted: [{
+			type: i0.Output,
+			args: ["customActionExecuted"]
+		}],
+		createClicked: [{
+			type: i0.Output,
+			args: ["createClicked"]
+		}]
+	}
+});
 function extractSourceName(source) {
-    const dotIndex = source.indexOf('.');
-    return dotIndex >= 0 ? source.substring(dotIndex + 1) : source;
+	const dotIndex = source.indexOf(".");
+	return dotIndex >= 0 ? source.substring(dotIndex + 1) : source;
 }
-/**
- * Enough English to map a query source onto a type name — `Cars` to `Car`, `People` to `Person`.
- *
- * Deliberately a small table plus three suffix rules rather than a library: it runs against type
- * names the application itself chose, and a wrong guess costs nothing, since the caller falls
- * through to matching the plural and the CLR type name.
- */
 function singularize(plural) {
-    const irregulars = {
-        'People': 'Person',
-        'Children': 'Child',
-        'Men': 'Man',
-        'Women': 'Woman',
-    };
-    if (irregulars[plural])
-        return irregulars[plural];
-    if (plural.endsWith('ies'))
-        return plural.slice(0, -3) + 'y';
-    if (plural.endsWith('es'))
-        return plural.slice(0, -2);
-    if (plural.endsWith('s'))
-        return plural.slice(0, -1);
-    return plural;
+	const irregulars = {
+		"People": "Person",
+		"Children": "Child",
+		"Men": "Man",
+		"Women": "Woman"
+	};
+	if (irregulars[plural]) return irregulars[plural];
+	if (plural.endsWith("ies")) return plural.slice(0, -3) + "y";
+	if (plural.endsWith("es")) return plural.slice(0, -2);
+	if (plural.endsWith("s")) return plural.slice(0, -1);
+	return plural;
 }
-
-/**
- * A `<bs-card>` around a {@link SparkQueryGridComponent}: icon, caption, actions, grid.
- *
- * ## Chrome is overridden, not replaced
- *
- * Every header region has a default, and a host replaces only the ones it supplies. That is what
- * lets this component serve the auto-rendered case: a sub-query is rendered once per entry in
- * `EntityTypeDefinition.Queries` with nobody projecting into it, and it must look right with no
- * host cooperation at all. A slot mechanism that only ever *replaced* chrome would leave that
- * call site blank — which is why an earlier design had the query carry its own chrome from the
- * server. Overriding a default needs no host; replacing one does.
- *
- * ## Two ways in, one set of templates
- *
- * Hand-written markup uses the structural directives and is found with `contentChildren`.
- * The auto-rendered path cannot: `spark-po-detail` is created by the router, so in a default app
- * there is no tag to project into. It therefore forwards `TemplateRef`s as inputs instead — a
- * directive cannot cross a component boundary but its template can, and that forwarding is
- * already the idiom in `spark-po-detail` (`extraActionsTemplate`, `extraContentTemplate`).
- *
- * Content wins over a forwarded input: the closer declaration is the more specific one.
- */
-class SparkQueryCardComponent {
-    lang = inject(SparkLanguageService);
-    queryId = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "queryId" }] : /* istanbul ignore next */ []));
-    parentId = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "parentId" }] : /* istanbul ignore next */ []));
-    parentType = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "parentType" }] : /* istanbul ignore next */ []));
-    reloadToken = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []));
-    data = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
-    search = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
-    /**
-     * Slots forwarded from a host that cannot project content — see the class comment. A card
-     * reached through hand-written markup should use the structural directives instead.
-     */
-    iconTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []));
-    captionTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "captionTemplate" }] : /* istanbul ignore next */ []));
-    actionsTemplate = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "actionsTemplate" }] : /* istanbul ignore next */ []));
-    error = output();
-    rowClicked = output();
-    customActionExecuted = output();
-    /**
-     * Forwarded to the grid. Without this the escape hatch was unreachable from a card — i.e. from
-     * every auto-rendered sub-query and program-unit query page, which is most grids.
-     */
-    rowRoute = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "rowRoute" }] : /* istanbul ignore next */ []));
-    colors = Color;
-    iconSlots = contentChildren(SparkQueryIconDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconSlots" }] : /* istanbul ignore next */ []));
-    captionSlots = contentChildren(SparkQueryCaptionDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "captionSlots" }] : /* istanbul ignore next */ []));
-    actionSlots = contentChildren(SparkQueryActionsDirective, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "actionSlots" }] : /* istanbul ignore next */ []));
-    /**
-     * The grid, read only to surface its state — the query, the actions, the selection — to this
-     * component's own header.
-     *
-     * Optional rather than `required` on purpose. The header renders ABOVE the grid in this
-     * template, so on the first change-detection pass the view query has not resolved yet and
-     * `viewChild.required()` would throw where a plain one returns `undefined`. Everything below
-     * therefore reads it defensively; the signal updates once the view initialises and the header
-     * re-renders with the real query.
-     *
-     * A host reads grid state through a template reference variable instead, because a host may put
-     * the grid behind an `@if`, where a view query genuinely is intermittently undefined.
-     */
-    grid = viewChild(SparkQueryGridComponent, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
-    query = computed(() => this.grid()?.query() ?? null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
-    iconTpl = computed(() => slotFor(this.iconSlots(), this.query())?.templateRef ?? this.iconTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconTpl" }] : /* istanbul ignore next */ []));
-    captionTpl = computed(() => slotFor(this.captionSlots(), this.query())?.templateRef ?? this.captionTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "captionTpl" }] : /* istanbul ignore next */ []));
-    actionsTpl = computed(() => slotFor(this.actionSlots(), this.query())?.templateRef ?? this.actionsTemplate(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "actionsTpl" }] : /* istanbul ignore next */ []));
-    /** The caption the card renders unless a slot replaces it. */
-    caption = computed(() => {
-        const q = this.query();
-        return (q?.description ? this.lang.resolve(q.description) : '') || q?.name || '';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
-    customActions = computed(() => this.grid()?.visibleCustomActions() ?? [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []));
-    selection = computed(() => this.grid()?.selection() ?? [], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkQueryCardComponent, isStandalone: true, selector: "spark-query-card", inputs: { queryId: { classPropertyName: "queryId", publicName: "queryId", isSignal: true, isRequired: true, transformFunction: null }, parentId: { classPropertyName: "parentId", publicName: "parentId", isSignal: true, isRequired: false, transformFunction: null }, parentType: { classPropertyName: "parentType", publicName: "parentType", isSignal: true, isRequired: false, transformFunction: null }, reloadToken: { classPropertyName: "reloadToken", publicName: "reloadToken", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, iconTemplate: { classPropertyName: "iconTemplate", publicName: "iconTemplate", isSignal: true, isRequired: false, transformFunction: null }, captionTemplate: { classPropertyName: "captionTemplate", publicName: "captionTemplate", isSignal: true, isRequired: false, transformFunction: null }, actionsTemplate: { classPropertyName: "actionsTemplate", publicName: "actionsTemplate", isSignal: true, isRequired: false, transformFunction: null }, rowRoute: { classPropertyName: "rowRoute", publicName: "rowRoute", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { error: "error", rowClicked: "rowClicked", customActionExecuted: "customActionExecuted" }, queries: [{ propertyName: "iconSlots", predicate: SparkQueryIconDirective, isSignal: true }, { propertyName: "captionSlots", predicate: SparkQueryCaptionDirective, isSignal: true }, { propertyName: "actionSlots", predicate: SparkQueryActionsDirective, isSignal: true }], viewQueries: [{ propertyName: "grid", first: true, predicate: SparkQueryGridComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  The card is always rendered. A host that wants no card uses <spark-query-grid> directly \u2014 which\n  is what the old `showCard=\"false\"` meant, expressed as a component choice rather than a flag.\n-->\n<bs-card class=\"d-block my-3\">\n  <bs-card-header>\n    <div class=\"d-flex align-items-center gap-2\">\n      @if (iconTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: query() }\"></ng-container>\n      }\n\n      @if (actionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: customActions(), selection: selection(), query: query() }\"></ng-container>\n      } @else if (customActions().length) {\n        <!-- The default: the actions the server declares for this type. The nav renders only when\n             there are any, so a query without actions is pixel-identical to a plain caption.\n\n             Disabled, not hidden: hiding makes the affordance undiscoverable and reflows the\n             priority nav on every selection change. The server enforces the same rule. -->\n        <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n          @for (action of customActions(); track action.name) {\n            <button *bsPriorityNavItem=\"10 + action.offset\" class=\"btn btn-sm btn-outline-primary\"\n                    [disabled]=\"!grid()?.isActionEnabled(action)\" (click)=\"grid()?.onCustomAction(action)\">\n              {{ action.displayName | resolveTranslation }}\n            </button>\n          }\n        </bs-priority-nav>\n      }\n\n      <!--\n        Caption last, actions first. The auto margin is conditional rather than fixed, and that is\n        the point: with actions present `ms-auto` pushes the caption to the trailing edge, and with\n        none it falls back to `me-auto` so a plain card looks exactly as it always did. A fixed\n        `ms-auto` would have right-aligned the caption of every action-less query card in every app\n        \u2014 a change nobody asked for, to fix a layout only some cards have.\n      -->\n      <span [class.ms-auto]=\"customActions().length\" [class.me-auto]=\"!customActions().length\">\n        @if (captionTpl(); as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: caption(), query: query() }\"></ng-container>\n        } @else {\n          {{ caption() }}\n        }\n      </span>\n    </div>\n  </bs-card-header>\n\n  <div class=\"p-3\">\n    <spark-query-grid\n        [queryId]=\"queryId()\"\n        [parentId]=\"parentId()\"\n        [parentType]=\"parentType()\"\n        [reloadToken]=\"reloadToken()\"\n        [data]=\"data()\"\n        [search]=\"search()\"\n        [rowRoute]=\"rowRoute()\"\n        (error)=\"error.emit($event)\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  </div>\n</bs-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["color", "outline"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["color", "navStyle"] }, { kind: "component", type: BsPriorityNavComponent, selector: "bs-priority-nav", inputs: ["moreLabel", "moreLabelTemplate", "collapseAt", "overflowFrom", "hideEmptyMore", "ariaLabel"], outputs: ["overflowChange"] }, { kind: "directive", type: BsPriorityNavItemDirective, selector: "[bsPriorityNavItem]", inputs: ["bsPriorityNavItem", "bsPriorityNavItemHideBelow"] }, { kind: "component", type: SparkQueryGridComponent, selector: "spark-query-grid", inputs: ["queryId", "parentId", "parentType", "data", "search", "columns", "reloadToken", "settings", "selection", "rowRoute"], outputs: ["settingsChange", "selectionChange", "error", "rowClicked", "customActionExecuted"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+function sparkActionClass(definition, size) {
+	const variant = definition.variant?.toLowerCase();
+	const sizeClass = size ? ` btn-${size}` : "";
+	switch (variant) {
+		case "danger":
+		case "warning":
+		case "primary":
+		case "secondary":
+		case "success": return `btn btn-${variant}${sizeClass}`;
+		default: return `btn btn-outline-primary${sizeClass}`;
+	}
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkQueryCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-query-card', imports: [CommonModule, BsCardComponent, BsCardHeaderComponent, BsPriorityNavComponent, BsPriorityNavItemDirective, SparkQueryGridComponent, ResolveTranslationPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  The card is always rendered. A host that wants no card uses <spark-query-grid> directly \u2014 which\n  is what the old `showCard=\"false\"` meant, expressed as a component choice rather than a flag.\n-->\n<bs-card class=\"d-block my-3\">\n  <bs-card-header>\n    <div class=\"d-flex align-items-center gap-2\">\n      @if (iconTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: query() }\"></ng-container>\n      }\n\n      @if (actionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: customActions(), selection: selection(), query: query() }\"></ng-container>\n      } @else if (customActions().length) {\n        <!-- The default: the actions the server declares for this type. The nav renders only when\n             there are any, so a query without actions is pixel-identical to a plain caption.\n\n             Disabled, not hidden: hiding makes the affordance undiscoverable and reflows the\n             priority nav on every selection change. The server enforces the same rule. -->\n        <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n          @for (action of customActions(); track action.name) {\n            <button *bsPriorityNavItem=\"10 + action.offset\" class=\"btn btn-sm btn-outline-primary\"\n                    [disabled]=\"!grid()?.isActionEnabled(action)\" (click)=\"grid()?.onCustomAction(action)\">\n              {{ action.displayName | resolveTranslation }}\n            </button>\n          }\n        </bs-priority-nav>\n      }\n\n      <!--\n        Caption last, actions first. The auto margin is conditional rather than fixed, and that is\n        the point: with actions present `ms-auto` pushes the caption to the trailing edge, and with\n        none it falls back to `me-auto` so a plain card looks exactly as it always did. A fixed\n        `ms-auto` would have right-aligned the caption of every action-less query card in every app\n        \u2014 a change nobody asked for, to fix a layout only some cards have.\n      -->\n      <span [class.ms-auto]=\"customActions().length\" [class.me-auto]=\"!customActions().length\">\n        @if (captionTpl(); as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: caption(), query: query() }\"></ng-container>\n        } @else {\n          {{ caption() }}\n        }\n      </span>\n    </div>\n  </bs-card-header>\n\n  <div class=\"p-3\">\n    <spark-query-grid\n        [queryId]=\"queryId()\"\n        [parentId]=\"parentId()\"\n        [parentType]=\"parentType()\"\n        [reloadToken]=\"reloadToken()\"\n        [data]=\"data()\"\n        [search]=\"search()\"\n        [rowRoute]=\"rowRoute()\"\n        (error)=\"error.emit($event)\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  </div>\n</bs-card>\n" }]
-        }], propDecorators: { queryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryId", required: true }] }], parentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentId", required: false }] }], parentType: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentType", required: false }] }], reloadToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "reloadToken", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }], iconTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTemplate", required: false }] }], captionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "captionTemplate", required: false }] }], actionsTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsTemplate", required: false }] }], error: [{ type: i0.Output, args: ["error"] }], rowClicked: [{ type: i0.Output, args: ["rowClicked"] }], customActionExecuted: [{ type: i0.Output, args: ["customActionExecuted"] }], rowRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowRoute", required: false }] }], iconSlots: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SparkQueryIconDirective), { isSignal: true }] }], captionSlots: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SparkQueryCaptionDirective), { isSignal: true }] }], actionSlots: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SparkQueryActionsDirective), { isSignal: true }] }], grid: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SparkQueryGridComponent), { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
+const SPARK_SEARCH_DEBOUNCE_MS = 300;
+var SparkSearchBoxComponent = class SparkSearchBoxComponent {
+	term = model("", ...ngDevMode ? [{ debugName: "term" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	debounce = input(300, ...ngDevMode ? [{ debugName: "debounce" }] : /* istanbul ignore next */ []);
+	text = signal("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	timer = null;
+	constructor() {
+		effect(() => {
+			const term = this.term();
+			untracked(() => {
+				if (term !== this.text()) {
+					this.cancelPending();
+					this.text.set(term);
+				}
+			});
+		});
+		inject(DestroyRef).onDestroy(() => this.cancelPending());
+	}
+	onInput(value) {
+		this.text.set(value ?? "");
+		this.cancelPending();
+		const delay = this.debounce();
+		if (delay <= 0 || !value) {
+			this.term.set(value ?? "");
+			return;
+		}
+		this.timer = setTimeout(() => {
+			this.timer = null;
+			this.term.set(this.text());
+		}, delay);
+	}
+	clear() {
+		this.cancelPending();
+		this.text.set("");
+		this.term.set("");
+	}
+	cancelPending() {
+		if (this.timer !== null) {
+			clearTimeout(this.timer);
+			this.timer = null;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkSearchBoxComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkSearchBoxComponent,
+		isStandalone: true,
+		selector: "spark-search-box",
+		inputs: {
+			term: {
+				classPropertyName: "term",
+				publicName: "term",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			debounce: {
+				classPropertyName: "debounce",
+				publicName: "debounce",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { term: "termChange" },
+		ngImport: i0,
+		template: `
+    <bs-form>
+      <bs-input-group [size]="size()">
+        <span class="addon">
+          <spark-icon name="search" />
+        </span>
+        <input
+          type="text"
+          class="spark-search-input"
+          [attr.aria-label]="'common.search' | t"
+          [placeholder]="'common.search' | t"
+          [ngModel]="text()"
+          (ngModelChange)="onInput($event)"
+          (keydown.escape)="clear()">
+        @if (text()) {
+          <button
+            type="button"
+            class="btn btn-outline-secondary spark-search-clear"
+            [attr.aria-label]="'common.clearSearch' | t"
+            (click)="clear()">
+            <spark-icon name="x-lg" />
+          </button>
+        }
+      </bs-input-group>
+    </bs-form>
+  `,
+		isInline: true,
+		styles: [":host{display:block}:host ::ng-deep form{margin:0}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "component",
+				type: BsFormComponent,
+				selector: "bs-form",
+				inputs: ["action", "method"],
+				outputs: ["submitted"]
+			},
+			{
+				kind: "directive",
+				type: BsFormControlDirective,
+				selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)"
+			},
+			{
+				kind: "component",
+				type: BsInputGroupComponent,
+				selector: "bs-input-group",
+				inputs: ["size"]
+			},
+			{
+				kind: "component",
+				type: SparkIconComponent,
+				selector: "spark-icon",
+				inputs: ["name"]
+			},
+			{
+				kind: "pipe",
+				type: TranslateKeyPipe,
+				name: "t"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkSearchBoxComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-search-box",
+			imports: [
+				FormsModule,
+				BsFormComponent,
+				BsFormControlDirective,
+				BsInputGroupComponent,
+				SparkIconComponent,
+				TranslateKeyPipe
+			],
+			template: `
+    <bs-form>
+      <bs-input-group [size]="size()">
+        <span class="addon">
+          <spark-icon name="search" />
+        </span>
+        <input
+          type="text"
+          class="spark-search-input"
+          [attr.aria-label]="'common.search' | t"
+          [placeholder]="'common.search' | t"
+          [ngModel]="text()"
+          (ngModelChange)="onInput($event)"
+          (keydown.escape)="clear()">
+        @if (text()) {
+          <button
+            type="button"
+            class="btn btn-outline-secondary spark-search-clear"
+            [attr.aria-label]="'common.clearSearch' | t"
+            (click)="clear()">
+            <spark-icon name="x-lg" />
+          </button>
+        }
+      </bs-input-group>
+    </bs-form>
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: [":host{display:block}:host ::ng-deep form{margin:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		term: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "term",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["termChange"]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		debounce: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "debounce",
+				required: false
+			}]
+		}]
+	}
+});
+var SparkQueryCardComponent = class SparkQueryCardComponent {
+	lang = inject(SparkLanguageService);
+	queryId = input.required(...ngDevMode ? [{ debugName: "queryId" }] : /* istanbul ignore next */ []);
+	parentId = input("", ...ngDevMode ? [{ debugName: "parentId" }] : /* istanbul ignore next */ []);
+	parentType = input("", ...ngDevMode ? [{ debugName: "parentType" }] : /* istanbul ignore next */ []);
+	reloadToken = input(null, ...ngDevMode ? [{ debugName: "reloadToken" }] : /* istanbul ignore next */ []);
+	data = input(null, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	search = input("", ...ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []);
+	searchable = input(true, ...ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []);
+	searchTerm = linkedSignal(() => this.search(), ...ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []);
+	showSearch = computed(() => this.searchable() && this.data() === null, ...ngDevMode ? [{ debugName: "showSearch" }] : /* istanbul ignore next */ []);
+	selectionMode = input(null, ...ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []);
+	deleted = input(null, ...ngDevMode ? [{ debugName: "deleted" }] : /* istanbul ignore next */ []);
+	parentDeleted = input(false, ...ngDevMode ? [{ debugName: "parentDeleted" }] : /* istanbul ignore next */ []);
+	iconTemplate = input(null, ...ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []);
+	captionTemplate = input(null, ...ngDevMode ? [{ debugName: "captionTemplate" }] : /* istanbul ignore next */ []);
+	actionsTemplate = input(null, ...ngDevMode ? [{ debugName: "actionsTemplate" }] : /* istanbul ignore next */ []);
+	error = output();
+	rowClicked = output();
+	customActionExecuted = output();
+	rowRoute = input(null, ...ngDevMode ? [{ debugName: "rowRoute" }] : /* istanbul ignore next */ []);
+	colors = Color;
+	iconSlots = contentChildren(SparkQueryIconDirective, ...ngDevMode ? [{ debugName: "iconSlots" }] : /* istanbul ignore next */ []);
+	captionSlots = contentChildren(SparkQueryCaptionDirective, ...ngDevMode ? [{ debugName: "captionSlots" }] : /* istanbul ignore next */ []);
+	actionSlots = contentChildren(SparkQueryActionsDirective, ...ngDevMode ? [{ debugName: "actionSlots" }] : /* istanbul ignore next */ []);
+	grid = viewChild(SparkQueryGridComponent, ...ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []);
+	query = computed(() => this.grid()?.query() ?? null, ...ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []);
+	iconTpl = computed(() => slotFor(this.iconSlots(), this.query())?.templateRef ?? this.iconTemplate(), ...ngDevMode ? [{ debugName: "iconTpl" }] : /* istanbul ignore next */ []);
+	captionTpl = computed(() => slotFor(this.captionSlots(), this.query())?.templateRef ?? this.captionTemplate(), ...ngDevMode ? [{ debugName: "captionTpl" }] : /* istanbul ignore next */ []);
+	actionsTpl = computed(() => slotFor(this.actionSlots(), this.query())?.templateRef ?? this.actionsTemplate(), ...ngDevMode ? [{ debugName: "actionsTpl" }] : /* istanbul ignore next */ []);
+	caption = computed(() => {
+		const q = this.query();
+		return (q?.description ? this.lang.resolve(q.description) : "") || q?.name || "";
+	}, ...ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []);
+	customActions = computed(() => this.grid()?.visibleCustomActions() ?? [], ...ngDevMode ? [{ debugName: "customActions" }] : /* istanbul ignore next */ []);
+	toolbarActions = computed(() => this.grid()?.toolbarActions() ?? [], ...ngDevMode ? [{ debugName: "toolbarActions" }] : /* istanbul ignore next */ []);
+	actionClass(action) {
+		return `${sparkActionClass(action.definition, "sm")} rounded-0`;
+	}
+	isEnabled(action) {
+		return this.grid()?.isToolbarActionEnabled(action) ?? false;
+	}
+	run(action) {
+		this.grid()?.runToolbarAction(action);
+	}
+	selection = computed(() => this.grid()?.selection() ?? [], ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkQueryCardComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkQueryCardComponent,
+		isStandalone: true,
+		selector: "spark-query-card",
+		inputs: {
+			queryId: {
+				classPropertyName: "queryId",
+				publicName: "queryId",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			parentId: {
+				classPropertyName: "parentId",
+				publicName: "parentId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			parentType: {
+				classPropertyName: "parentType",
+				publicName: "parentType",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			reloadToken: {
+				classPropertyName: "reloadToken",
+				publicName: "reloadToken",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			search: {
+				classPropertyName: "search",
+				publicName: "search",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			searchable: {
+				classPropertyName: "searchable",
+				publicName: "searchable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectionMode: {
+				classPropertyName: "selectionMode",
+				publicName: "selectionMode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			deleted: {
+				classPropertyName: "deleted",
+				publicName: "deleted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			parentDeleted: {
+				classPropertyName: "parentDeleted",
+				publicName: "parentDeleted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			iconTemplate: {
+				classPropertyName: "iconTemplate",
+				publicName: "iconTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			captionTemplate: {
+				classPropertyName: "captionTemplate",
+				publicName: "captionTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			actionsTemplate: {
+				classPropertyName: "actionsTemplate",
+				publicName: "actionsTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rowRoute: {
+				classPropertyName: "rowRoute",
+				publicName: "rowRoute",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			error: "error",
+			rowClicked: "rowClicked",
+			customActionExecuted: "customActionExecuted"
+		},
+		queries: [
+			{
+				propertyName: "iconSlots",
+				predicate: SparkQueryIconDirective,
+				isSignal: true
+			},
+			{
+				propertyName: "captionSlots",
+				predicate: SparkQueryCaptionDirective,
+				isSignal: true
+			},
+			{
+				propertyName: "actionSlots",
+				predicate: SparkQueryActionsDirective,
+				isSignal: true
+			}
+		],
+		viewQueries: [{
+			propertyName: "grid",
+			first: true,
+			predicate: SparkQueryGridComponent,
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<!--\n  The card is always rendered. A host that wants no card uses <spark-query-grid> directly — which\n  is what the old `showCard=\"false\"` meant, expressed as a component choice rather than a flag.\n-->\n<bs-card class=\"d-block my-3\">\n  <bs-card-header>\n    <div class=\"d-flex align-items-center gap-2\">\n      @if (iconTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: query() }\"></ng-container>\n      }\n\n      <!--\n        Caption first, actions on the trailing edge (#460 M15, as query-grid-card-PRD.md always said,\n        and as Vidyano's sub-query tabs do). `me-auto` on the caption pushes the actions right; a card\n        without actions looks exactly as a plain caption did.\n      -->\n      <span class=\"me-auto spark-query-card-caption\">\n        @if (captionTpl(); as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: caption(), query: query() }\"></ng-container>\n        } @else {\n          {{ caption() }}\n        }\n      </span>\n\n      @if (actionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: customActions(), actions: toolbarActions(), selection: selection(), query: query() }\"></ng-container>\n      } @else if (toolbarActions().length) {\n        <!-- The default: New, Delete and the custom actions the server offers this caller, with the\n             overflow in the priority nav under the translated \"More\" (common.more). The nav renders only when there are any.\n\n             Disabled, not hidden: hiding makes the affordance undiscoverable and reflows the\n             priority nav on every selection change. The server enforces the same rules. -->\n        <bs-priority-nav class=\"spark-query-card-actions\" [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n          @for (action of toolbarActions(); track action.name) {\n            <button *bsPriorityNavItem=\"action.priority\" type=\"button\" [class]=\"actionClass(action)\"\n                    [attr.data-action]=\"action.name\"\n                    [disabled]=\"!isEnabled(action)\" (click)=\"run(action)\">\n              @if (action.definition.icon && action.kind !== 'custom') {\n                <spark-icon [name]=\"action.definition.icon\" />\n              }\n              {{ action.definition.displayName | resolveTranslation }}\n            </button>\n          }\n        </bs-priority-nav>\n      }\n\n      <!-- The query search, on the trailing edge next to the actions, as Vidyano's sub-query tabs\n           have it (#460 M15, D17 addendum). The same box as the query-list page; it feeds the\n           grid's `search`, which the server applies together with the parent. Absent for bound\n           `data`, which the grid never refetches. -->\n      @if (showSearch()) {\n        <spark-search-box class=\"spark-query-card-search\" size=\"sm\" [(term)]=\"searchTerm\" />\n      }\n    </div>\n  </bs-card-header>\n\n  <div class=\"p-3\">\n    <spark-query-grid\n        [queryId]=\"queryId()\"\n        [parentId]=\"parentId()\"\n        [parentType]=\"parentType()\"\n        [reloadToken]=\"reloadToken()\"\n        [data]=\"data()\"\n        [search]=\"searchTerm()\"\n        [rowRoute]=\"rowRoute()\"\n        [selectionModeSetting]=\"selectionMode()\"\n        [deleted]=\"deleted()\"\n        [parentDeleted]=\"parentDeleted()\"\n        (error)=\"error.emit($event)\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  </div>\n</bs-card>\n",
+		styles: [".spark-query-card-search{flex:0 1 14rem;min-width:8rem}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: BsCardComponent,
+				selector: "bs-card",
+				inputs: ["color", "outline"]
+			},
+			{
+				kind: "component",
+				type: BsCardHeaderComponent,
+				selector: "bs-card-header",
+				inputs: ["color", "navStyle"]
+			},
+			{
+				kind: "component",
+				type: BsPriorityNavComponent,
+				selector: "bs-priority-nav",
+				inputs: [
+					"moreLabel",
+					"moreLabelTemplate",
+					"collapseAt",
+					"overflowFrom",
+					"hideEmptyMore",
+					"ariaLabel"
+				],
+				outputs: ["overflowChange"]
+			},
+			{
+				kind: "directive",
+				type: BsPriorityNavItemDirective,
+				selector: "[bsPriorityNavItem]",
+				inputs: ["bsPriorityNavItem", "bsPriorityNavItemHideBelow"]
+			},
+			{
+				kind: "component",
+				type: SparkQueryGridComponent,
+				selector: "spark-query-grid",
+				inputs: [
+					"queryId",
+					"parentId",
+					"parentType",
+					"presetFilters",
+					"data",
+					"search",
+					"columns",
+					"reloadToken",
+					"deleted",
+					"parentDeleted",
+					"settings",
+					"selection",
+					"rowRoute",
+					"selectionModeSetting"
+				],
+				outputs: [
+					"settingsChange",
+					"selectionChange",
+					"error",
+					"rowClicked",
+					"customActionExecuted",
+					"createClicked"
+				]
+			},
+			{
+				kind: "component",
+				type: SparkSearchBoxComponent,
+				selector: "spark-search-box",
+				inputs: [
+					"term",
+					"size",
+					"debounce"
+				],
+				outputs: ["termChange"]
+			},
+			{
+				kind: "component",
+				type: SparkIconComponent,
+				selector: "spark-icon",
+				inputs: ["name"]
+			},
+			{
+				kind: "pipe",
+				type: ResolveTranslationPipe,
+				name: "resolveTranslation"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkQueryCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-query-card",
+			imports: [
+				CommonModule,
+				BsCardComponent,
+				BsCardHeaderComponent,
+				BsPriorityNavComponent,
+				BsPriorityNavItemDirective,
+				SparkQueryGridComponent,
+				SparkSearchBoxComponent,
+				ResolveTranslationPipe,
+				SparkIconComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<!--\n  The card is always rendered. A host that wants no card uses <spark-query-grid> directly — which\n  is what the old `showCard=\"false\"` meant, expressed as a component choice rather than a flag.\n-->\n<bs-card class=\"d-block my-3\">\n  <bs-card-header>\n    <div class=\"d-flex align-items-center gap-2\">\n      @if (iconTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: query() }\"></ng-container>\n      }\n\n      <!--\n        Caption first, actions on the trailing edge (#460 M15, as query-grid-card-PRD.md always said,\n        and as Vidyano's sub-query tabs do). `me-auto` on the caption pushes the actions right; a card\n        without actions looks exactly as a plain caption did.\n      -->\n      <span class=\"me-auto spark-query-card-caption\">\n        @if (captionTpl(); as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: caption(), query: query() }\"></ng-container>\n        } @else {\n          {{ caption() }}\n        }\n      </span>\n\n      @if (actionsTpl(); as tpl) {\n        <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: customActions(), actions: toolbarActions(), selection: selection(), query: query() }\"></ng-container>\n      } @else if (toolbarActions().length) {\n        <!-- The default: New, Delete and the custom actions the server offers this caller, with the\n             overflow in the priority nav under the translated \"More\" (common.more). The nav renders only when there are any.\n\n             Disabled, not hidden: hiding makes the affordance undiscoverable and reflows the\n             priority nav on every selection change. The server enforces the same rules. -->\n        <bs-priority-nav class=\"spark-query-card-actions\" [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n          @for (action of toolbarActions(); track action.name) {\n            <button *bsPriorityNavItem=\"action.priority\" type=\"button\" [class]=\"actionClass(action)\"\n                    [attr.data-action]=\"action.name\"\n                    [disabled]=\"!isEnabled(action)\" (click)=\"run(action)\">\n              @if (action.definition.icon && action.kind !== 'custom') {\n                <spark-icon [name]=\"action.definition.icon\" />\n              }\n              {{ action.definition.displayName | resolveTranslation }}\n            </button>\n          }\n        </bs-priority-nav>\n      }\n\n      <!-- The query search, on the trailing edge next to the actions, as Vidyano's sub-query tabs\n           have it (#460 M15, D17 addendum). The same box as the query-list page; it feeds the\n           grid's `search`, which the server applies together with the parent. Absent for bound\n           `data`, which the grid never refetches. -->\n      @if (showSearch()) {\n        <spark-search-box class=\"spark-query-card-search\" size=\"sm\" [(term)]=\"searchTerm\" />\n      }\n    </div>\n  </bs-card-header>\n\n  <div class=\"p-3\">\n    <spark-query-grid\n        [queryId]=\"queryId()\"\n        [parentId]=\"parentId()\"\n        [parentType]=\"parentType()\"\n        [reloadToken]=\"reloadToken()\"\n        [data]=\"data()\"\n        [search]=\"searchTerm()\"\n        [rowRoute]=\"rowRoute()\"\n        [selectionModeSetting]=\"selectionMode()\"\n        [deleted]=\"deleted()\"\n        [parentDeleted]=\"parentDeleted()\"\n        (error)=\"error.emit($event)\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  </div>\n</bs-card>\n",
+			styles: [".spark-query-card-search{flex:0 1 14rem;min-width:8rem}\n"]
+		}]
+	}],
+	propDecorators: {
+		queryId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "queryId",
+				required: true
+			}]
+		}],
+		parentId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentId",
+				required: false
+			}]
+		}],
+		parentType: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentType",
+				required: false
+			}]
+		}],
+		reloadToken: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "reloadToken",
+				required: false
+			}]
+		}],
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		search: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "search",
+				required: false
+			}]
+		}],
+		searchable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchable",
+				required: false
+			}]
+		}],
+		selectionMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectionMode",
+				required: false
+			}]
+		}],
+		deleted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deleted",
+				required: false
+			}]
+		}],
+		parentDeleted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "parentDeleted",
+				required: false
+			}]
+		}],
+		iconTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "iconTemplate",
+				required: false
+			}]
+		}],
+		captionTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "captionTemplate",
+				required: false
+			}]
+		}],
+		actionsTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionsTemplate",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Output,
+			args: ["error"]
+		}],
+		rowClicked: [{
+			type: i0.Output,
+			args: ["rowClicked"]
+		}],
+		customActionExecuted: [{
+			type: i0.Output,
+			args: ["customActionExecuted"]
+		}],
+		rowRoute: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rowRoute",
+				required: false
+			}]
+		}],
+		iconSlots: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => SparkQueryIconDirective), { isSignal: true }]
+		}],
+		captionSlots: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => SparkQueryCaptionDirective), { isSignal: true }]
+		}],
+		actionSlots: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => SparkQueryActionsDirective), { isSignal: true }]
+		}],
+		grid: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => SparkQueryGridComponent), { isSignal: true }]
+		}]
+	}
+});
+export { SPARK_GRID_PAGE_SIZES, SPARK_SEARCH_DEBOUNCE_MS, SparkGridCellComponent, SparkGridRenderers, SparkQueryActionsContext, SparkQueryActionsDirective, SparkQueryCaptionContext, SparkQueryCaptionDirective, SparkQueryCardComponent, SparkQueryGridComponent, SparkQueryIconDirective, SparkQuerySlotContext, SparkSearchBoxComponent, applicablePresetFilters, initialGridSettings, isVirtualScrollingQuery, slotFor, sparkActionClass, visibleGridAttributes };
 
-export { SPARK_GRID_PAGE_SIZES, SparkGridCellComponent, SparkGridRenderers, SparkQueryActionsContext, SparkQueryActionsDirective, SparkQueryCaptionContext, SparkQueryCaptionDirective, SparkQueryCardComponent, SparkQueryGridComponent, SparkQueryIconDirective, SparkQuerySlotContext, initialGridSettings, isVirtualScrollingQuery, slotFor, visibleGridAttributes };
-//# sourceMappingURL=mintplayer-ng-spark-grid.mjs.map
+//# sourceMappingURL=mintplayer-ng-spark-grid.mjs.map