@mintplayer/ng-spark 22.28.0 → 22.29.0

package/fesm2022/mintplayer-ng-spark-po-detail.mjs

@@ -305,9 +305,9 @@ var SparkPoDetailComponent = class SparkPoDetailComponent {
 				item: this.item()
 			});
 			if (action.refreshOnCompleted) {
+				for (const subQuery of this.subQueries()) this.queryRefresh.request(subQuery.query);
 				const item = await this.loadItem();
 				this.item.set(item);
-				for (const subQuery of this.subQueries()) this.queryRefresh.request(subQuery.query);
 			}
 		} catch (e) {
 			const err = e;

package/fesm2022/mintplayer-ng-spark-po-detail.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-spark-po-detail.mjs","names":[],"sources":["../../po-detail/src/spark-po-detail.component.ts","../../po-detail/src/spark-po-detail.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, inject, input, output, signal, TemplateRef, Type, untracked } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsBadgeComponent } from '@mintplayer/ng-bootstrap/badge';\nimport { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';\nimport { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsPriorityNavComponent, BsPriorityNavItemDirective } from '@mintplayer/ng-bootstrap/priority-nav';\nimport { BsTableComponent } from '@mintplayer/ng-bootstrap/table';\nimport { BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective } from '@mintplayer/ng-bootstrap/tab-control';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { SparkService, SparkLanguageService, SparkReturnNavigationService } from '@mintplayer/ng-spark/services';\nimport { SparkAttributePatch, SparkAttributeRefreshService, SparkQueryRefreshService } from '@mintplayer/ng-spark/client-operations';\nimport {\n  TranslateKeyPipe,\n  ResolveTranslationPipe,\n  AttributeValuePipe,\n  RawAttributeValuePipe,\n  AsDetailColumnsPipe,\n  AsDetailCellValuePipe,\n  ArrayValuePipe,\n  ReferenceLinkRoutePipe,\n  ReferenceChipsPipe,\n  ParsedDatePipe,\n  AsDetailRowRendererPipe,\n} from '@mintplayer/ng-spark/pipes';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\nimport { SparkAttributeDescriptionComponent } from '@mintplayer/ng-spark/attribute-description';\nimport { SparkQueryCardComponent, SparkGridCellComponent } from '@mintplayer/ng-spark/grid';\nimport { SPARK_ATTRIBUTE_RENDERERS, SparkResolvedRowRenderer, rendererValue, rowRendererInputs, withDeclaredInputs } from '@mintplayer/ng-spark/renderers';\nimport {\n  AttributeGroup,\n  AttributeTab,\n  CustomActionDefinition,\n  EntityAttributeDefinition,\n  EntityType,\n  LookupReference,\n  PersistentObject,\n  QueryResultItem,\n  ShowedOn,\n  hasShowedOnFlag,\n  EntityPermissions,\n  SparkDeletedFilter,\n  builtInAction,\n  confirmationText,\n  filterDetailActions,\n  isShowedOnDetail,\n  subQueriesOf,\n} from '@mintplayer/ng-spark/models';\nimport {\n  SPARK_DETAIL_ACTIONS,\n  SPARK_DETAIL_PANELS,\n  SparkDetailContext,\n  orderSparkExtensions,\n  parseSparkDeletedParam,\n} from '@mintplayer/ng-spark/panels';\nimport { combineLatest } from 'rxjs';\n\n@Component({\n  selector: 'spark-po-detail',\n  imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, RouterModule, BsAlertComponent, BsBadgeComponent,BsCardComponent, BsCardHeaderComponent, BsContainerComponent, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsPriorityNavComponent, BsPriorityNavItemDirective, BsTableComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, BsSpinnerComponent, SparkIconComponent, SparkQueryCardComponent, SparkGridCellComponent, ResolveTranslationPipe, TranslateKeyPipe, AttributeValuePipe, RawAttributeValuePipe, AsDetailColumnsPipe, AsDetailRowRendererPipe, AsDetailCellValuePipe, ArrayValuePipe, ReferenceLinkRoutePipe, ReferenceChipsPipe, ParsedDatePipe, SparkAttributeDescriptionComponent],\n  templateUrl: './spark-po-detail.component.html',\n  styleUrl: './spark-po-detail.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoDetailComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n  private readonly returnNavigation = inject(SparkReturnNavigationService);\n  private readonly queryRefresh = inject(SparkQueryRefreshService);\n  private readonly attributeRefresh = inject(SparkAttributeRefreshService);\n  protected readonly lang = inject(SparkLanguageService);\n  protected readonly rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);\n\n  /**\n   * Add-on panels and action-bar buttons (#460, `SPARK_DETAIL_PANELS` / `SPARK_DETAIL_ACTIONS`).\n   * Multi-provided, so History, SoftDelete and Moderation can each add theirs to the page\n   * `sparkRoutes()` routes to, which is created by the router and takes no templates.\n   */\n  protected readonly detailPanels = orderSparkExtensions(inject(SPARK_DETAIL_PANELS, { optional: true }), p => p.order);\n  protected readonly detailActions = orderSparkExtensions(inject(SPARK_DETAIL_ACTIONS, { optional: true }), a => a.priority ?? 60);\n\n  showCustomActions = input(true);\n  extraActionsTemplate = input<TemplateRef<void> | null>(null);\n  extraContentTemplate = input<TemplateRef<{ $implicit: PersistentObject; entityType: EntityType }> | null>(null);\n\n  /**\n   * Header slots forwarded to every sub-query card on this page.\n   *\n   * A structural directive cannot cross a component boundary, and this component is created by\n   * the router — in a default app there is no `<spark-po-detail>` tag to project content into.\n   * So an app that wants slotted chrome on its sub-queries substitutes its own route component\n   * via `SparkRouteConfig.poDetail` and forwards the templates through here. Forwarding a\n   * `TemplateRef` as an input is already this component's idiom; see the two above.\n   *\n   * Each slot may target one query by alias, so a single forwarded set serves a page rendering\n   * several sub-queries.\n   */\n  queryIconTemplate = input<TemplateRef<any> | null>(null);\n  queryCaptionTemplate = input<TemplateRef<any> | null>(null);\n  queryActionsTemplate = input<TemplateRef<any> | null>(null);\n\n  edited = output<void>();\n  deleted = output<void>();\n  customActionExecuted = output<{ action: CustomActionDefinition; item: PersistentObject }>();\n\n  colors = Color;\n  errorMessage = signal<string | null>(null);\n  entityType = signal<EntityType | null>(null);\n\n  /** The sub-queries rendered as cards below the form, in object form (#460, D17). */\n  protected readonly subQueries = computed(() => subQueriesOf(this.entityType()));\n  allEntityTypes = signal<EntityType[]>([]);\n  item = signal<PersistentObject | null>(null);\n  lookupReferenceOptions = signal<Record<string, LookupReference>>({});\n  asDetailTypes = signal<Record<string, EntityType>>({});\n  asDetailReferenceOptions = signal<Record<string, Record<string, QueryResultItem[]>>>({});\n  type = '';\n  id = '';\n  /** The catalogue's Edit (#467, D8) when this page offers it: listed for the caller, on the detail side, and allowed on this row. */\n  editAction = signal<CustomActionDefinition | null>(null);\n  /** The catalogue's Delete, on the same terms as {@link editAction}. */\n  deleteAction = signal<CustomActionDefinition | null>(null);\n  canEdit = computed(() => this.editAction() !== null);\n  canDelete = computed(() => this.deleteAction() !== null);\n  customActions = signal<CustomActionDefinition[]>([]);\n  /** Type-level rights, kept for the add-on context; null until loaded. */\n  permissions = signal<EntityPermissions | null>(null);\n\n  /**\n   * The route's `?deleted=` mode (#460, T2): `only` when the row was opened from the recycle bin.\n   * Sent with every load of this object; the server honours it only for `ViewDeleted` holders, so\n   * for anyone else a deleted row stays a 404.\n   */\n  deletedMode = signal<SparkDeletedFilter | null>(null);\n\n  /** True when the page shows a soft-deleted row: nothing but Restore/Purge applies to it. */\n  protected readonly isDeletedView = computed(() => this.deletedMode() === 'only');\n\n  /** What every add-on panel and action receives; rebuilt whenever the object or rights change. */\n  protected readonly detailContext = computed((): SparkDetailContext | null => {\n    const item = this.item();\n    const entityType = this.entityType();\n    if (!item || !entityType) return null;\n    return {\n      type: this.type,\n      id: this.id,\n      item,\n      entityType,\n      permissions: this.permissions(),\n      deleted: this.deletedMode(),\n      reload: () => this.load(),\n    };\n  });\n\n  /**\n   * The actions actually offered for the object on screen.\n   *\n   * The catalogue at `/spark/actions/{objectTypeId}` is per TYPE -- the server is never told which\n   * row is open -- so an action that applies to only some rows cannot be filtered there. The\n   * entity's actions hook decides while it has the entity in hand and withholds what does not\n   * apply, and the object arrives carrying that answer.\n   *\n   * Since #460 (D13) the server asks the same hook again when the action is submitted and refuses a\n   * disabled one with 403, so hiding it here matches what the server will do. What this prevents is\n   * offering a destructive action where it cannot possibly apply -- Coverage showed an irreversible\n   * red \"Delete data\" button on every repository page, healthy ones included, and only admitted it\n   * would refuse after the confirmation prompt.\n   */\n  visibleCustomActions = computed(() => {\n    const withheld = this.item()?.disabledActions;\n    if (!withheld?.length) return this.customActions();\n\n    const lowered = new Set(withheld.map(name => name.toLowerCase()));\n    return this.customActions().filter(action => !lowered.has(action.name.toLowerCase()));\n  });\n\n  constructor() {\n    // The query map too: Restore navigates from `?deleted=only` to the same path without it, and the\n    // object must then be re-read as a live row.\n    combineLatest([this.route.paramMap, this.route.queryParamMap])\n      .pipe(takeUntilDestroyed())\n      .subscribe(([params, query]) => this.onParamsChange(params, query.get('deleted')));\n\n    // Server-issued `refreshAttribute` patches for the object this page is showing.\n    //\n    // Tracks the token and the entity type, never `item()`: writing the signal this effect reads\n    // would re-run it forever, so the read-modify-write of the object happens untracked.\n    effect(() => {\n      const objectTypeId = this.entityType()?.id;\n      if (!this.attributeRefresh.tokenFor(objectTypeId, this.id)) return;\n\n      const patches = this.attributeRefresh.patchesFor(objectTypeId, this.id);\n      untracked(() => this.applyAttributePatches(patches));\n    });\n  }\n\n  /**\n   * Applies patched attribute values in place, without a re-fetch.\n   *\n   * The operation carries the value the server computed after its own write, so this is both\n   * cheaper and more correct than re-reading: a re-read goes through a RavenDB index that may\n   * still be stale from the very write that produced the patch, and would show the old value.\n   */\n  private applyAttributePatches(patches: Record<string, SparkAttributePatch>): void {\n    const current = this.item();\n    if (!current) return;\n\n    let changed = false;\n    const attributes = current.attributes.map(attribute => {\n      if (!Object.prototype.hasOwnProperty.call(patches, attribute.name)) return attribute;\n\n      const patch = patches[attribute.name];\n      const next = { ...attribute };\n      let patched = false;\n\n      // Each field is applied on its own, because they are not interchangeable: an AsDetail\n      // attribute carries its rows in object/objects and leaves value null, so applying only\n      // value could never refresh a detail grid.\n      //\n      // Compared by identity in every case. A scalar skips when unchanged, and a null skips\n      // against a null -- which matters because the server writes object/objects as null on a\n      // scalar patch, and treating that as a change would repaint on every patch. A rewritten\n      // collection is a new array and so never matches, which is the behaviour wanted: comparing\n      // rows deeply would cost more than the repaint it saves.\n      if (patch.value !== undefined && next.value !== patch.value) {\n        next.value = patch.value;\n        patched = true;\n      }\n      // Only for the attributes that actually use them. The server writes object/objects as\n      // null on every scalar patch, so applying them unconditionally would mark a scalar\n      // attribute changed on each patch and repaint for nothing.\n      if (attribute.dataType === 'AsDetail') {\n        if (patch.object !== undefined && next.object !== patch.object) {\n          next.object = patch.object as PersistentObject | null;\n          patched = true;\n        }\n        if (patch.objects !== undefined && next.objects !== patch.objects) {\n          next.objects = patch.objects as PersistentObject[] | null;\n          patched = true;\n        }\n      }\n\n      if (!patched) return attribute;\n      changed = true;\n      return next;\n    });\n\n    if (changed) this.item.set({ ...current, attributes });\n  }\n\n  private async onParamsChange(params: any, deleted: string | null = null): Promise<void> {\n    this.type = params.get('type') || '';\n    this.id = params.get('id') || '';\n    const mode = parseSparkDeletedParam(deleted);\n    // `exclude` is the default on the wire; keep it out of the request like an absent parameter.\n    this.deletedMode.set(mode === 'exclude' ? null : mode);\n    await this.load();\n  }\n\n  /** The object as the page's current mode sees it. Only a set mode is sent. */\n  private loadItem(): Promise<PersistentObject> {\n    const deleted = this.deletedMode();\n    return deleted\n      ? this.sparkService.get(this.type, this.id, { deleted })\n      : this.sparkService.get(this.type, this.id);\n  }\n\n  /** (Re)loads the object, its type, rights and actions. Also what add-ons call via `context.reload()`. */\n  async load(): Promise<void> {\n    this.errorMessage.set(null);\n    try {\n      const [entityTypes, item] = await Promise.all([\n        this.sparkService.getEntityTypes(),\n        this.loadItem()\n      ]);\n\n      this.allEntityTypes.set(entityTypes);\n      this.entityType.set(entityTypes.find(t => t.id === this.type || t.alias === this.type) || null);\n      this.item.set(item);\n      this.loadLookupReferenceOptions();\n      this.loadAsDetailTypes();\n\n      const et = this.entityType();\n      if (et) {\n        const [permissions, actions] = await Promise.all([\n          this.sparkService.getPermissions(et.id),\n          this.sparkService.getCustomActions(et.id)\n        ]);\n        // Prefer the per-row affordances (#236 G5) when the server attached them — a row the\n        // caller may read but not mutate then hides its Edit/Delete buttons instead of rendering\n        // ones that 404. `can` is absent for types with no row rule, so fall back to type-level.\n        // The override (not an intersection) is safe because the server computes `can` as the\n        // intersection of type-level rights and the row rule (#243) — it never claims more than\n        // `permissions` does.\n        const can = item.can;\n        // The built-in actions honour `disabledActions` too (#460, D13): the server's\n        // OnDisableActionsAsync decides, and refuses a disabled Edit/Save/Delete with 403 at submit,\n        // so offering the button would only lead to that refusal. Case-insensitive, like the\n        // custom-action filter below.\n        const withheld = new Set((item.disabledActions ?? []).map(name => name.toLowerCase()));\n        // A row opened from the recycle bin (#460): Edit and Delete judge live rows only — the\n        // SoftDelete policy hides a deleted row from both — so they would 404. Restore/Purge come\n        // from the soft-delete entry point's detail action instead.\n        const deletedView = this.isDeletedView();\n        this.permissions.set(permissions);\n        // Edit and Delete come from the composed catalogue (#467, D8): listed only when the caller\n        // holds Edit/T or Delete/T, shown here when their showedOn includes the detail side (an app\n        // removes one with \"Edit\": null), and the row's `can` must allow it too. The selection rule\n        // does not apply: the page acts on the one object it shows.\n        const edit = builtInAction(actions, 'Edit');\n        const del = builtInAction(actions, 'Delete');\n        this.editAction.set(edit && isShowedOnDetail(edit.showedOn) && !deletedView\n          && (can ? can.edit : permissions.canEdit) && !withheld.has('edit') && !withheld.has('save') ? edit : null);\n        this.deleteAction.set(del && isShowedOnDetail(del.showedOn) && !deletedView\n          && (can ? can.delete : permissions.canDelete) && !withheld.has('delete') ? del : null);\n        // Custom actions only: the built-ins are rendered above as this page's Edit and Delete.\n        this.customActions.set(deletedView ? [] : filterDetailActions(actions));\n      }\n    } catch (e) {\n      const error = e as HttpErrorResponse;\n      this.errorMessage.set(error.error?.error || error.message || 'An unexpected error occurred');\n    }\n  }\n\n  /**\n   * Drawn from the loaded object's own `showedOn`, falling back to the model's (#264, G-Q3): an action sets\n   * it per object in `OnLoadAsync` — a stolen car's police report number is shown, the model says `None`.\n   */\n  visibleAttributes = computed(() => {\n    const loaded = new Map((this.item()?.attributes ?? []).map(a => [a.name, a] as const));\n    return this.entityType()?.attributes\n      .filter(a => hasShowedOnFlag(loaded.get(a.name)?.showedOn ?? a.showedOn, ShowedOn.PersistentObject))\n      .sort((a, b) => a.order - b.order) || [];\n  });\n\n  private static readonly DEFAULT_TAB: AttributeTab = { id: '__default__', name: 'Algemeen', label: { nl: 'Algemeen', en: 'General' }, order: 0 };\n\n  ungroupedAttributes = computed(() => {\n    const attrs = this.visibleAttributes();\n    const groupIds = new Set((this.entityType()?.groups || []).map(g => g.id));\n    return attrs.filter(a => !a.group || !groupIds.has(a.group));\n  });\n\n  resolvedTabs = computed((): AttributeTab[] => {\n    const et = this.entityType();\n    const definedTabs = et?.tabs?.length ? [...et.tabs].sort((a, b) => a.order - b.order) : [];\n    const hasUngroupedAttrs = this.ungroupedAttributes().length > 0;\n    const hasUntabbedGroups = (et?.groups || []).some(g => !g.tab);\n\n    if (hasUngroupedAttrs || hasUntabbedGroups || definedTabs.length === 0) {\n      return [SparkPoDetailComponent.DEFAULT_TAB, ...definedTabs];\n    }\n    return definedTabs;\n  });\n\n  groupsForTab(tab: AttributeTab): AttributeGroup[] {\n    const groups = this.entityType()?.groups || [];\n    if (tab.id === '__default__') {\n      return groups.filter(g => !g.tab).sort((a, b) => a.order - b.order);\n    }\n    return groups.filter(g => g.tab === tab.id).sort((a, b) => a.order - b.order);\n  }\n\n  attrsForGroup(group: AttributeGroup): EntityAttributeDefinition[] {\n    return this.visibleAttributes().filter(a => a.group === group.id);\n  }\n\n  getDetailRendererComponent(attr: EntityAttributeDefinition): Type<any> | null {\n    if (!attr.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === attr.renderer)?.detailComponent ?? null;\n  }\n\n  /** Inputs of an AsDetail row renderer (`rowComponent`): the row and the object that owns it. */\n  getRowRendererInputs(renderer: SparkResolvedRowRenderer, row: Record<string, any>, item: PersistentObject): Record<string, any> {\n    return rowRendererInputs(renderer, row, item?.id);\n  }\n\n  getDetailRendererInputs(component: Type<any>, attr: EntityAttributeDefinition, item: PersistentObject): Record<string, any> {\n    const itemAttr = item.attributes.find(a => a.name === attr.name);\n    const formData: Record<string, any> = {};\n    for (const a of item.attributes) {\n      formData[a.name] = rendererValue(a);\n    }\n    return withDeclaredInputs(component, {\n      value: rendererValue(itemAttr),\n      attribute: attr,\n      options: attr.rendererOptions,\n      formData,\n      item,\n    });\n  }\n\n  /** Column renderer for a cell of an AsDetail sub-table (so embedded rows honor `col.renderer` too). */\n  getAsDetailCellRendererComponent(col: EntityAttributeDefinition): Type<any> | null {\n    if (!col.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === col.renderer)?.columnComponent ?? null;\n  }\n\n  getAsDetailCellRendererInputs(component: Type<any>, row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any> {\n    return withDeclaredInputs(component, {\n      value: row[col.name],\n      attribute: col,\n      options: col.rendererOptions,\n      item: row,\n    });\n  }\n\n  private async loadLookupReferenceOptions(): Promise<void> {\n    const lookupAttrs = this.visibleAttributes().filter(a => a.lookupReferenceType);\n    if (lookupAttrs.length === 0) return;\n\n    const lookupNames = [...new Set(lookupAttrs.map(a => a.lookupReferenceType!))];\n    // A lookup that fails to load only costs its labels: the attribute then shows its raw value\n    // (attributeValue's fallback) instead of the whole page erroring over a secondary request (#453).\n    const entries = await Promise.all(\n      lookupNames.map(async name => {\n        const result = await this.sparkService.getLookupReference(name).catch(() => null);\n        return [name, result] as const;\n      })\n    );\n    this.lookupReferenceOptions.set(entries.reduce(\n      (acc, [k, v]) => v ? { ...acc, [k]: v } : acc,\n      {} as Record<string, LookupReference>));\n  }\n\n  private async loadAsDetailTypes(): Promise<void> {\n    const asDetailAttrs = this.visibleAttributes().filter(a => a.dataType === 'AsDetail' && a.isArray && a.asDetailType);\n    if (asDetailAttrs.length === 0) return;\n\n    const types = this.allEntityTypes();\n    const newAsDetailTypes: Record<string, EntityType> = {};\n    // Same fallback as the form: a row type is usually absent from the Query-gated catalogue, and\n    // the server now ships its definition alongside the parent (#385).\n    const embedded = this.entityType()?.detailTypes ?? [];\n\n    for (const attr of asDetailAttrs) {\n      const asDetailType =\n        types.find(t => t.clrType === attr.asDetailType)\n        ?? embedded.find(t => t.clrType === attr.asDetailType);\n      if (asDetailType) {\n        newAsDetailTypes[attr.name] = asDetailType;\n        const refCols = asDetailType.attributes.filter(a => a.dataType === 'Reference' && a.query);\n        if (refCols.length > 0) {\n          const refEntries = await Promise.all(\n            refCols.map(async col => {\n              const result = await this.sparkService.executeQueryByName(col.query!, {\n                parentId: this.id,\n                parentType: this.type,\n              });\n              return [col.name, result.items] as const;\n            })\n          );\n          this.asDetailReferenceOptions.update(prev => ({\n            ...prev,\n            [attr.name]: refEntries.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {} as Record<string, QueryResultItem[]>)\n          }));\n        }\n      }\n    }\n    this.asDetailTypes.set(newAsDetailTypes);\n  }\n\n  /**\n   * The bootstrap classes for a custom action's button. Outline-primary stays the default, so\n   * every existing action looks exactly as it did; a server-declared variant opts one action into\n   * a louder style. Restricted to a known set rather than interpolated, because the value arrives\n   * from a JSON file and must not be able to put arbitrary classes on the button.\n   */\n  /** Edit's and Delete's button classes: the catalogue's variant, else the look they always had. */\n  protected builtInActionClass(action: CustomActionDefinition, fallback: 'primary' | 'danger'): string {\n    const variant = action.variant?.toLowerCase();\n    return ['danger', 'warning', 'primary', 'secondary', 'success'].includes(variant ?? '')\n      ? `btn btn-${variant}`\n      : `btn btn-${fallback}`;\n  }\n\n  protected customActionClass(action: CustomActionDefinition): string {\n    const variant = action.variant?.toLowerCase();\n    switch (variant) {\n      case 'danger':\n      case 'warning':\n      case 'primary':\n      case 'secondary':\n      case 'success':\n        return `btn btn-${variant}`;\n      default:\n        return 'btn btn-outline-primary';\n    }\n  }\n\n  /**\n   * The action currently running, or null. Drives the disabled state on every custom-action\n   * button.\n   *\n   * A custom action is not necessarily quick: Coverage's Resync makes paged GitHub App calls for\n   * every account the caller manages, inside the request. Without this the button stayed live and\n   * looked inert for several seconds, and a second click queued a second full run -- which is how\n   * a slow action and a broken one became indistinguishable.\n   */\n  runningAction = signal<string | null>(null);\n\n  async onCustomAction(action: CustomActionDefinition): Promise<void> {\n    // Guard re-entry as well as disabling the button: the template is not the only caller, and a\n    // host component driving this method directly would otherwise bypass the check.\n    if (this.runningAction()) return;\n\n    const message = confirmationText(action, 1);\n    if (message && !confirm(message)) return;\n\n    this.runningAction.set(action.name);\n    try {\n      await this.sparkService.executeCustomAction(this.type, action.name, this.item() || undefined);\n      this.customActionExecuted.emit({ action, item: this.item()! });\n      if (action.refreshOnCompleted) {\n        const item = await this.loadItem();\n        this.item.set(item);\n\n        // The sub-query grids below do not depend on item(), so re-fetching the PO left them\n        // showing pre-action rows -- the action appeared to have done nothing to the very\n        // lists it changed.\n        for (const subQuery of this.subQueries()) {\n          this.queryRefresh.request(subQuery.query);\n        }\n      }\n    } catch (e) {\n      const err = e as HttpErrorResponse;\n      this.errorMessage.set(err.error?.error || err.message || 'Action failed');\n    } finally {\n      // finally, not after the try: an action that fails must not leave every button on the page\n      // permanently disabled.\n      this.runningAction.set(null);\n    }\n  }\n\n  onEdit(): void {\n    this.edited.emit();\n    this.router.navigate(['/po', this.type, this.id, 'edit']);\n  }\n\n  async onDelete(): Promise<void> {\n    // The version on screen is the one deleted (#467, D14): a row changed since is a 409.\n    const etag = this.item()?.etag;\n    if (!etag) return;\n    const message = confirmationText(this.deleteAction(), 1);\n    if (!message || confirm(message)) {\n      await this.sparkService.delete(this.type, this.id, etag);\n      this.deleted.emit();\n      // Back to the list the row was opened from (else the type's list), not the start page.\n      await this.returnNavigation.returnToList(this.entityType()?.name);\n    }\n  }\n\n  onBack(): void {\n    window.history.back();\n  }\n}\n","<bs-container>\n<div class=\"container\">\n  @if (errorMessage(); as err) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ err }}\n    </bs-alert>\n  } @else if (item(); as currentItem) {\n    @if (entityType(); as et) {\n    <div class=\"spark-actionbar py-2\">\n      <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n        <button *bsPriorityNavItem=\"1\" class=\"btn btn-outline-secondary\" (click)=\"onBack()\">\n          <spark-icon name=\"arrow-left\" /> {{ 'common.back' | t }}\n        </button>\n        <!-- Edit and Delete are the composed catalogue's (#467, D8): label, icon and variant included. -->\n        @if (editAction(); as edit) {\n          <button *bsPriorityNavItem=\"2\" [class]=\"builtInActionClass(edit, 'primary')\" (click)=\"onEdit()\">\n            @if (edit.icon) { <spark-icon [name]=\"edit.icon\" /> } {{ edit.label | resolveTranslation }}\n          </button>\n        }\n        @if (deleteAction(); as del) {\n          <button *bsPriorityNavItem=\"3\" [class]=\"builtInActionClass(del, 'danger')\" (click)=\"onDelete()\">\n            @if (del.icon) { <spark-icon [name]=\"del.icon\" /> } {{ del.label | resolveTranslation }}\n          </button>\n        }\n        @if (showCustomActions()) {\n          @for (action of visibleCustomActions(); track action.name) {\n            <button *bsPriorityNavItem=\"10 + action.offset\" [class]=\"customActionClass(action)\" [disabled]=\"runningAction() !== null\" (click)=\"onCustomAction(action)\">\n              {{ action.label | resolveTranslation }}\n            </button>\n          }\n        }\n        @if (extraActionsTemplate(); as extraActionsTpl) {\n          <ng-container *bsPriorityNavItem=\"50\">\n            <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n          </ng-container>\n        }\n        <!-- Add-on actions (SPARK_DETAIL_ACTIONS): each decides for itself whether it applies. -->\n        @if (detailContext(); as ctx) {\n          @for (action of detailActions; track action.id) {\n            <ng-container *bsPriorityNavItem=\"action.priority ?? 60\">\n              <ng-container *ngComponentOutlet=\"action.component; inputs: { context: ctx }\" />\n            </ng-container>\n          }\n        }\n      </bs-priority-nav>\n    </div>\n    <h2>\n      {{ currentItem.breadcrumb || currentItem.name }}\n      @if (isDeletedView()) {\n        <bs-badge [type]=\"colors.secondary\" class=\"align-middle ms-2 spark-deleted-badge\">{{ 'softDelete.deleted' | t }}</bs-badge>\n      }\n    </h2>\n\n    <bs-grid>\n      <bs-tab-control>\n        @for (tab of resolvedTabs(); track tab.id) {\n          <bs-tab-page>\n            <ng-template bsTabPageHeader>{{ tab.label | resolveTranslation:tab.name }}</ng-template>\n            <ng-container *ngTemplateOutlet=\"detailTabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n      <ng-template #detailTabContent let-tab>\n        @if (tab.id === '__default__') {\n          @let ungroupedAttrs = ungroupedAttributes();\n          @if (ungroupedAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              <div class=\"p-3\">\n                <dl bsRow>\n                  @for (attr of ungroupedAttrs; track attr.id) {\n                    <ng-container *ngTemplateOutlet=\"detailAttrField; context: { $implicit: attr, item: currentItem }\"></ng-container>\n                  }\n                </dl>\n              </div>\n            </bs-card>\n          }\n        }\n        @for (group of groupsForTab(tab); track group.id) {\n          @if (attrsForGroup(group); as groupAttrs) {\n            @if (groupAttrs.length > 0) {\n              <bs-card class=\"d-block m-3\">\n                @if (group.label) {\n                  <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n                }\n                <div class=\"p-3\">\n                  <dl bsRow>\n                    @for (attr of groupAttrs; track attr.id) {\n                      <ng-container *ngTemplateOutlet=\"detailAttrField; context: { $implicit: attr, item: currentItem }\"></ng-container>\n                    }\n                  </dl>\n                </div>\n              </bs-card>\n            }\n          }\n        }\n      </ng-template>\n\n          <ng-template #detailAttrField let-attr let-currentItem=\"item\">\n              <dt [sm]=\"3\">{{ (attr.label | resolveTranslation) || attr.name }}<spark-attribute-description [description]=\"attr.description\" /></dt>\n              <dd [sm]=\"9\">\n              @if (getDetailRendererComponent(attr); as rendererType) {\n                <ng-container *ngComponentOutlet=\"rendererType; inputs: getDetailRendererInputs(rendererType, attr, currentItem)\"></ng-container>\n              } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n                <bs-table [isResponsive]=\"true\">\n                  <thead>\n                    <tr>\n                      @for (col of (attr | asDetailColumns:asDetailTypes():rendererRegistry); track col.name) {\n                        <th>{{ (col.label | resolveTranslation) || col.name }}<spark-attribute-description [description]=\"col.description\" /></th>\n                      }\n                    </tr>\n                  </thead>\n                  <tbody class=\"align-middle\">\n                    @let rowRenderer = (attr | asDetailRowRenderer:asDetailTypes():rendererRegistry);\n                    @for (row of (attr.name | arrayValue:currentItem); track $index) {\n                      <tr>\n                        @for (col of (attr | asDetailColumns:asDetailTypes():rendererRegistry); track col.name; let firstCol = $first) {\n                          <td>\n                            <!--\n                              Shared with the query grid. This cell used to hand-roll the renderer\n                              dispatch and print everything else as text, so a `boolean` column read\n                              \"true\" here and rendered a checkbox in a grid, and a `color` showed its\n                              hex. Only the VALUE is resolved locally: these rows are plain\n                              dictionaries, not PersistentObjects.\n\n                              `chips` is left unset for a reference array on purpose — an AsDetail\n                              row's `__sparkBreadcrumbs` is keyed by column, not by id, so there are\n                              no labels for the members. Text beats a row of raw ids.\n                            -->\n                            <spark-grid-cell\n                                [column]=\"col\"\n                                [display]=\"(row | asDetailCellValue:attr:col:asDetailReferenceOptions())\"\n                                [rendererValue]=\"row[col.name]\"\n                                [item]=\"row\"\n                                [link]=\"col.dataType === 'Reference' && col.referenceType\n                                          ? (col.referenceType | referenceLinkRoute:row[col.name]:allEntityTypes())\n                                          : null\" />\n                            <!-- A row renderer (rowComponent: contributions' attribution line) draws\n                                 its attributes once, under the row's first cell, instead of as columns. -->\n                            @if (firstCol && rowRenderer) {\n                              <div class=\"spark-row-renderer\">\n                                <ng-container *ngComponentOutlet=\"rowRenderer.component; inputs: getRowRendererInputs(rowRenderer, row, currentItem)\"></ng-container>\n                              </div>\n                            }\n                          </td>\n                        }\n                      </tr>\n                    } @empty {\n                      <tr>\n                        <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes():rendererRegistry).length\" class=\"text-center text-muted\">\n                          {{ 'common.noItemsFound' | t }}\n                        </td>\n                      </tr>\n                    }\n                  </tbody>\n                </bs-table>\n              } @else if (attr.dataType === 'boolean') {\n                <input type=\"checkbox\"\n                  [checked]=\"(attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) === true\"\n                  [indeterminate]=\"(attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) == null\"\n                  disabled\n                  onclick=\"return false;\"\n                  class=\"opacity-100\">\n              } @else if (attr.dataType === 'color') {\n                @let colorVal = (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes());\n                @if (colorVal) {\n                  <span class=\"spark-color-swatch d-inline-block align-middle border rounded me-2\" [style.background-color]=\"colorVal\"></span>\n                  {{ colorVal }}\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'image') {\n                @let imageSrc = (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes());\n                @if (imageSrc) {\n                  <img [src]=\"imageSrc\" [alt]=\"(attr.label | resolveTranslation) || attr.name\" loading=\"lazy\"\n                       class=\"img-fluid rounded\" style=\"max-height: 12rem;\">\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'url') {\n                @let hrefVal = (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes());\n                @if (hrefVal) {\n                  <a [href]=\"hrefVal\" target=\"_blank\" rel=\"noopener noreferrer\">{{ hrefVal }}</a>\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'Reference' && attr.isArray) {\n                @let chips = (attr.name | referenceChips:item());\n                @if (chips.length) {\n                  <div class=\"d-flex flex-wrap gap-1\">\n                    @for (chip of chips; track chip.id) {\n                      @let chipRoute = (attr.referenceType ? (attr.referenceType | referenceLinkRoute:chip.id:allEntityTypes()) : null);\n                      @if (chipRoute) {\n                        <a class=\"spark-chip\" [routerLink]=\"chipRoute\">{{ chip.label }}</a>\n                      } @else {\n                        <span class=\"spark-chip\">{{ chip.label }}</span>\n                      }\n                    }\n                  </div>\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'Reference' && attr.referenceType) {\n                @let refRoute = (attr.referenceType | referenceLinkRoute:(attr.name | rawAttributeValue:item()):allEntityTypes());\n                @if (refRoute && (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes())) {\n                  <a [routerLink]=\"refRoute\">{{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) }}</a>\n                } @else {\n                  {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n                }\n              } @else if (attr.dataType === 'MultiLineString') {\n                <div class=\"spark-multiline-value\">{{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}</div>\n              } @else if (attr.dataType === 'date' || attr.dataType === 'datetime') {\n                <!--\n                  Formatted the same way, and in the same timezone, as the grid renders it.\n\n                  Before this, a detail page printed the raw wire value — `2026-12-31T23:59:00-08:00`\n                  in a definition list — while the grid showed `01/01/2027, 08:59` for the same\n                  document. Not a rounding difference: a DateTimeOffset whose offset differs from the\n                  viewer's can disagree on the DATE, so the two pages named different days for one car.\n\n                  The grid's meaning wins because it is the one a reader can act on: a timestamp is an\n                  instant, shown in the viewer's own zone. The originating offset is still on the wire\n                  for code that needs it — server-side logic, exports, \"which country's morning was\n                  this?\" — it simply is not what a viewer is shown by default.\n                -->\n                @let when = (attr.name | rawAttributeValue:item()) | parsedDate;\n                @if (when) {\n                  {{ when | date:(attr.dataType === 'date' ? 'mediumDate' : 'short') }}\n                } @else {\n                  {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n                }\n              } @else {\n                {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n              }\n              </dd>\n          </ng-template>\n    </bs-grid>\n    @for (subQuery of subQueries(); track subQuery.query) {\n      <!-- The entry's selectionMode overrides the query's own for this parent (#460, D17). -->\n      <spark-query-card [queryId]=\"subQuery.query\" [parentId]=\"currentItem.id!\" [parentType]=\"et.name\"\n                        [selectionMode]=\"subQuery.selectionMode ?? null\"\n                        [parentDeleted]=\"isDeletedView()\"\n                        [iconTemplate]=\"queryIconTemplate()\" [captionTemplate]=\"queryCaptionTemplate()\"\n                        [actionsTemplate]=\"queryActionsTemplate()\" />\n    }\n    @if (extraContentTemplate(); as extraContentTpl) {\n      <ng-container *ngTemplateOutlet=\"extraContentTpl; context: { $implicit: currentItem, entityType: et }\"></ng-container>\n    }\n    <!-- Add-on panels (SPARK_DETAIL_PANELS), e.g. <spark-po-history>. -->\n    @if (detailContext(); as ctx) {\n      @for (panel of detailPanels; track panel.id) {\n        <div class=\"spark-detail-panel m-3\">\n          <ng-container *ngComponentOutlet=\"panel.component; inputs: { context: ctx }\" />\n        </div>\n      }\n    }\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-spark-po-detail.mjs","names":[],"sources":["../../po-detail/src/spark-po-detail.component.ts","../../po-detail/src/spark-po-detail.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, inject, input, output, signal, TemplateRef, Type, untracked } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsBadgeComponent } from '@mintplayer/ng-bootstrap/badge';\nimport { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';\nimport { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsPriorityNavComponent, BsPriorityNavItemDirective } from '@mintplayer/ng-bootstrap/priority-nav';\nimport { BsTableComponent } from '@mintplayer/ng-bootstrap/table';\nimport { BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective } from '@mintplayer/ng-bootstrap/tab-control';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { SparkService, SparkLanguageService, SparkReturnNavigationService } from '@mintplayer/ng-spark/services';\nimport { SparkAttributePatch, SparkAttributeRefreshService, SparkQueryRefreshService } from '@mintplayer/ng-spark/client-operations';\nimport {\n  TranslateKeyPipe,\n  ResolveTranslationPipe,\n  AttributeValuePipe,\n  RawAttributeValuePipe,\n  AsDetailColumnsPipe,\n  AsDetailCellValuePipe,\n  ArrayValuePipe,\n  ReferenceLinkRoutePipe,\n  ReferenceChipsPipe,\n  ParsedDatePipe,\n  AsDetailRowRendererPipe,\n} from '@mintplayer/ng-spark/pipes';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\nimport { SparkAttributeDescriptionComponent } from '@mintplayer/ng-spark/attribute-description';\nimport { SparkQueryCardComponent, SparkGridCellComponent } from '@mintplayer/ng-spark/grid';\nimport { SPARK_ATTRIBUTE_RENDERERS, SparkResolvedRowRenderer, rendererValue, rowRendererInputs, withDeclaredInputs } from '@mintplayer/ng-spark/renderers';\nimport {\n  AttributeGroup,\n  AttributeTab,\n  CustomActionDefinition,\n  EntityAttributeDefinition,\n  EntityType,\n  LookupReference,\n  PersistentObject,\n  QueryResultItem,\n  ShowedOn,\n  hasShowedOnFlag,\n  EntityPermissions,\n  SparkDeletedFilter,\n  builtInAction,\n  confirmationText,\n  filterDetailActions,\n  isShowedOnDetail,\n  subQueriesOf,\n} from '@mintplayer/ng-spark/models';\nimport {\n  SPARK_DETAIL_ACTIONS,\n  SPARK_DETAIL_PANELS,\n  SparkDetailContext,\n  orderSparkExtensions,\n  parseSparkDeletedParam,\n} from '@mintplayer/ng-spark/panels';\nimport { combineLatest } from 'rxjs';\n\n@Component({\n  selector: 'spark-po-detail',\n  imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, RouterModule, BsAlertComponent, BsBadgeComponent,BsCardComponent, BsCardHeaderComponent, BsContainerComponent, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsPriorityNavComponent, BsPriorityNavItemDirective, BsTableComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, BsSpinnerComponent, SparkIconComponent, SparkQueryCardComponent, SparkGridCellComponent, ResolveTranslationPipe, TranslateKeyPipe, AttributeValuePipe, RawAttributeValuePipe, AsDetailColumnsPipe, AsDetailRowRendererPipe, AsDetailCellValuePipe, ArrayValuePipe, ReferenceLinkRoutePipe, ReferenceChipsPipe, ParsedDatePipe, SparkAttributeDescriptionComponent],\n  templateUrl: './spark-po-detail.component.html',\n  styleUrl: './spark-po-detail.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoDetailComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n  private readonly returnNavigation = inject(SparkReturnNavigationService);\n  private readonly queryRefresh = inject(SparkQueryRefreshService);\n  private readonly attributeRefresh = inject(SparkAttributeRefreshService);\n  protected readonly lang = inject(SparkLanguageService);\n  protected readonly rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);\n\n  /**\n   * Add-on panels and action-bar buttons (#460, `SPARK_DETAIL_PANELS` / `SPARK_DETAIL_ACTIONS`).\n   * Multi-provided, so History, SoftDelete and Moderation can each add theirs to the page\n   * `sparkRoutes()` routes to, which is created by the router and takes no templates.\n   */\n  protected readonly detailPanels = orderSparkExtensions(inject(SPARK_DETAIL_PANELS, { optional: true }), p => p.order);\n  protected readonly detailActions = orderSparkExtensions(inject(SPARK_DETAIL_ACTIONS, { optional: true }), a => a.priority ?? 60);\n\n  showCustomActions = input(true);\n  extraActionsTemplate = input<TemplateRef<void> | null>(null);\n  extraContentTemplate = input<TemplateRef<{ $implicit: PersistentObject; entityType: EntityType }> | null>(null);\n\n  /**\n   * Header slots forwarded to every sub-query card on this page.\n   *\n   * A structural directive cannot cross a component boundary, and this component is created by\n   * the router — in a default app there is no `<spark-po-detail>` tag to project content into.\n   * So an app that wants slotted chrome on its sub-queries substitutes its own route component\n   * via `SparkRouteConfig.poDetail` and forwards the templates through here. Forwarding a\n   * `TemplateRef` as an input is already this component's idiom; see the two above.\n   *\n   * Each slot may target one query by alias, so a single forwarded set serves a page rendering\n   * several sub-queries.\n   */\n  queryIconTemplate = input<TemplateRef<any> | null>(null);\n  queryCaptionTemplate = input<TemplateRef<any> | null>(null);\n  queryActionsTemplate = input<TemplateRef<any> | null>(null);\n\n  edited = output<void>();\n  deleted = output<void>();\n  customActionExecuted = output<{ action: CustomActionDefinition; item: PersistentObject }>();\n\n  colors = Color;\n  errorMessage = signal<string | null>(null);\n  entityType = signal<EntityType | null>(null);\n\n  /** The sub-queries rendered as cards below the form, in object form (#460, D17). */\n  protected readonly subQueries = computed(() => subQueriesOf(this.entityType()));\n  allEntityTypes = signal<EntityType[]>([]);\n  item = signal<PersistentObject | null>(null);\n  lookupReferenceOptions = signal<Record<string, LookupReference>>({});\n  asDetailTypes = signal<Record<string, EntityType>>({});\n  asDetailReferenceOptions = signal<Record<string, Record<string, QueryResultItem[]>>>({});\n  type = '';\n  id = '';\n  /** The catalogue's Edit (#467, D8) when this page offers it: listed for the caller, on the detail side, and allowed on this row. */\n  editAction = signal<CustomActionDefinition | null>(null);\n  /** The catalogue's Delete, on the same terms as {@link editAction}. */\n  deleteAction = signal<CustomActionDefinition | null>(null);\n  canEdit = computed(() => this.editAction() !== null);\n  canDelete = computed(() => this.deleteAction() !== null);\n  customActions = signal<CustomActionDefinition[]>([]);\n  /** Type-level rights, kept for the add-on context; null until loaded. */\n  permissions = signal<EntityPermissions | null>(null);\n\n  /**\n   * The route's `?deleted=` mode (#460, T2): `only` when the row was opened from the recycle bin.\n   * Sent with every load of this object; the server honours it only for `ViewDeleted` holders, so\n   * for anyone else a deleted row stays a 404.\n   */\n  deletedMode = signal<SparkDeletedFilter | null>(null);\n\n  /** True when the page shows a soft-deleted row: nothing but Restore/Purge applies to it. */\n  protected readonly isDeletedView = computed(() => this.deletedMode() === 'only');\n\n  /** What every add-on panel and action receives; rebuilt whenever the object or rights change. */\n  protected readonly detailContext = computed((): SparkDetailContext | null => {\n    const item = this.item();\n    const entityType = this.entityType();\n    if (!item || !entityType) return null;\n    return {\n      type: this.type,\n      id: this.id,\n      item,\n      entityType,\n      permissions: this.permissions(),\n      deleted: this.deletedMode(),\n      reload: () => this.load(),\n    };\n  });\n\n  /**\n   * The actions actually offered for the object on screen.\n   *\n   * The catalogue at `/spark/actions/{objectTypeId}` is per TYPE -- the server is never told which\n   * row is open -- so an action that applies to only some rows cannot be filtered there. The\n   * entity's actions hook decides while it has the entity in hand and withholds what does not\n   * apply, and the object arrives carrying that answer.\n   *\n   * Since #460 (D13) the server asks the same hook again when the action is submitted and refuses a\n   * disabled one with 403, so hiding it here matches what the server will do. What this prevents is\n   * offering a destructive action where it cannot possibly apply -- Coverage showed an irreversible\n   * red \"Delete data\" button on every repository page, healthy ones included, and only admitted it\n   * would refuse after the confirmation prompt.\n   */\n  visibleCustomActions = computed(() => {\n    const withheld = this.item()?.disabledActions;\n    if (!withheld?.length) return this.customActions();\n\n    const lowered = new Set(withheld.map(name => name.toLowerCase()));\n    return this.customActions().filter(action => !lowered.has(action.name.toLowerCase()));\n  });\n\n  constructor() {\n    // The query map too: Restore navigates from `?deleted=only` to the same path without it, and the\n    // object must then be re-read as a live row.\n    combineLatest([this.route.paramMap, this.route.queryParamMap])\n      .pipe(takeUntilDestroyed())\n      .subscribe(([params, query]) => this.onParamsChange(params, query.get('deleted')));\n\n    // Server-issued `refreshAttribute` patches for the object this page is showing.\n    //\n    // Tracks the token and the entity type, never `item()`: writing the signal this effect reads\n    // would re-run it forever, so the read-modify-write of the object happens untracked.\n    effect(() => {\n      const objectTypeId = this.entityType()?.id;\n      if (!this.attributeRefresh.tokenFor(objectTypeId, this.id)) return;\n\n      const patches = this.attributeRefresh.patchesFor(objectTypeId, this.id);\n      untracked(() => this.applyAttributePatches(patches));\n    });\n  }\n\n  /**\n   * Applies patched attribute values in place, without a re-fetch.\n   *\n   * The operation carries the value the server computed after its own write, so this is both\n   * cheaper and more correct than re-reading: a re-read goes through a RavenDB index that may\n   * still be stale from the very write that produced the patch, and would show the old value.\n   */\n  private applyAttributePatches(patches: Record<string, SparkAttributePatch>): void {\n    const current = this.item();\n    if (!current) return;\n\n    let changed = false;\n    const attributes = current.attributes.map(attribute => {\n      if (!Object.prototype.hasOwnProperty.call(patches, attribute.name)) return attribute;\n\n      const patch = patches[attribute.name];\n      const next = { ...attribute };\n      let patched = false;\n\n      // Each field is applied on its own, because they are not interchangeable: an AsDetail\n      // attribute carries its rows in object/objects and leaves value null, so applying only\n      // value could never refresh a detail grid.\n      //\n      // Compared by identity in every case. A scalar skips when unchanged, and a null skips\n      // against a null -- which matters because the server writes object/objects as null on a\n      // scalar patch, and treating that as a change would repaint on every patch. A rewritten\n      // collection is a new array and so never matches, which is the behaviour wanted: comparing\n      // rows deeply would cost more than the repaint it saves.\n      if (patch.value !== undefined && next.value !== patch.value) {\n        next.value = patch.value;\n        patched = true;\n      }\n      // Only for the attributes that actually use them. The server writes object/objects as\n      // null on every scalar patch, so applying them unconditionally would mark a scalar\n      // attribute changed on each patch and repaint for nothing.\n      if (attribute.dataType === 'AsDetail') {\n        if (patch.object !== undefined && next.object !== patch.object) {\n          next.object = patch.object as PersistentObject | null;\n          patched = true;\n        }\n        if (patch.objects !== undefined && next.objects !== patch.objects) {\n          next.objects = patch.objects as PersistentObject[] | null;\n          patched = true;\n        }\n      }\n\n      if (!patched) return attribute;\n      changed = true;\n      return next;\n    });\n\n    if (changed) this.item.set({ ...current, attributes });\n  }\n\n  private async onParamsChange(params: any, deleted: string | null = null): Promise<void> {\n    this.type = params.get('type') || '';\n    this.id = params.get('id') || '';\n    const mode = parseSparkDeletedParam(deleted);\n    // `exclude` is the default on the wire; keep it out of the request like an absent parameter.\n    this.deletedMode.set(mode === 'exclude' ? null : mode);\n    await this.load();\n  }\n\n  /** The object as the page's current mode sees it. Only a set mode is sent. */\n  private loadItem(): Promise<PersistentObject> {\n    const deleted = this.deletedMode();\n    return deleted\n      ? this.sparkService.get(this.type, this.id, { deleted })\n      : this.sparkService.get(this.type, this.id);\n  }\n\n  /** (Re)loads the object, its type, rights and actions. Also what add-ons call via `context.reload()`. */\n  async load(): Promise<void> {\n    this.errorMessage.set(null);\n    try {\n      const [entityTypes, item] = await Promise.all([\n        this.sparkService.getEntityTypes(),\n        this.loadItem()\n      ]);\n\n      this.allEntityTypes.set(entityTypes);\n      this.entityType.set(entityTypes.find(t => t.id === this.type || t.alias === this.type) || null);\n      this.item.set(item);\n      this.loadLookupReferenceOptions();\n      this.loadAsDetailTypes();\n\n      const et = this.entityType();\n      if (et) {\n        const [permissions, actions] = await Promise.all([\n          this.sparkService.getPermissions(et.id),\n          this.sparkService.getCustomActions(et.id)\n        ]);\n        // Prefer the per-row affordances (#236 G5) when the server attached them — a row the\n        // caller may read but not mutate then hides its Edit/Delete buttons instead of rendering\n        // ones that 404. `can` is absent for types with no row rule, so fall back to type-level.\n        // The override (not an intersection) is safe because the server computes `can` as the\n        // intersection of type-level rights and the row rule (#243) — it never claims more than\n        // `permissions` does.\n        const can = item.can;\n        // The built-in actions honour `disabledActions` too (#460, D13): the server's\n        // OnDisableActionsAsync decides, and refuses a disabled Edit/Save/Delete with 403 at submit,\n        // so offering the button would only lead to that refusal. Case-insensitive, like the\n        // custom-action filter below.\n        const withheld = new Set((item.disabledActions ?? []).map(name => name.toLowerCase()));\n        // A row opened from the recycle bin (#460): Edit and Delete judge live rows only — the\n        // SoftDelete policy hides a deleted row from both — so they would 404. Restore/Purge come\n        // from the soft-delete entry point's detail action instead.\n        const deletedView = this.isDeletedView();\n        this.permissions.set(permissions);\n        // Edit and Delete come from the composed catalogue (#467, D8): listed only when the caller\n        // holds Edit/T or Delete/T, shown here when their showedOn includes the detail side (an app\n        // removes one with \"Edit\": null), and the row's `can` must allow it too. The selection rule\n        // does not apply: the page acts on the one object it shows.\n        const edit = builtInAction(actions, 'Edit');\n        const del = builtInAction(actions, 'Delete');\n        this.editAction.set(edit && isShowedOnDetail(edit.showedOn) && !deletedView\n          && (can ? can.edit : permissions.canEdit) && !withheld.has('edit') && !withheld.has('save') ? edit : null);\n        this.deleteAction.set(del && isShowedOnDetail(del.showedOn) && !deletedView\n          && (can ? can.delete : permissions.canDelete) && !withheld.has('delete') ? del : null);\n        // Custom actions only: the built-ins are rendered above as this page's Edit and Delete.\n        this.customActions.set(deletedView ? [] : filterDetailActions(actions));\n      }\n    } catch (e) {\n      const error = e as HttpErrorResponse;\n      this.errorMessage.set(error.error?.error || error.message || 'An unexpected error occurred');\n    }\n  }\n\n  /**\n   * Drawn from the loaded object's own `showedOn`, falling back to the model's (#264, G-Q3): an action sets\n   * it per object in `OnLoadAsync` — a stolen car's police report number is shown, the model says `None`.\n   */\n  visibleAttributes = computed(() => {\n    const loaded = new Map((this.item()?.attributes ?? []).map(a => [a.name, a] as const));\n    return this.entityType()?.attributes\n      .filter(a => hasShowedOnFlag(loaded.get(a.name)?.showedOn ?? a.showedOn, ShowedOn.PersistentObject))\n      .sort((a, b) => a.order - b.order) || [];\n  });\n\n  private static readonly DEFAULT_TAB: AttributeTab = { id: '__default__', name: 'Algemeen', label: { nl: 'Algemeen', en: 'General' }, order: 0 };\n\n  ungroupedAttributes = computed(() => {\n    const attrs = this.visibleAttributes();\n    const groupIds = new Set((this.entityType()?.groups || []).map(g => g.id));\n    return attrs.filter(a => !a.group || !groupIds.has(a.group));\n  });\n\n  resolvedTabs = computed((): AttributeTab[] => {\n    const et = this.entityType();\n    const definedTabs = et?.tabs?.length ? [...et.tabs].sort((a, b) => a.order - b.order) : [];\n    const hasUngroupedAttrs = this.ungroupedAttributes().length > 0;\n    const hasUntabbedGroups = (et?.groups || []).some(g => !g.tab);\n\n    if (hasUngroupedAttrs || hasUntabbedGroups || definedTabs.length === 0) {\n      return [SparkPoDetailComponent.DEFAULT_TAB, ...definedTabs];\n    }\n    return definedTabs;\n  });\n\n  groupsForTab(tab: AttributeTab): AttributeGroup[] {\n    const groups = this.entityType()?.groups || [];\n    if (tab.id === '__default__') {\n      return groups.filter(g => !g.tab).sort((a, b) => a.order - b.order);\n    }\n    return groups.filter(g => g.tab === tab.id).sort((a, b) => a.order - b.order);\n  }\n\n  attrsForGroup(group: AttributeGroup): EntityAttributeDefinition[] {\n    return this.visibleAttributes().filter(a => a.group === group.id);\n  }\n\n  getDetailRendererComponent(attr: EntityAttributeDefinition): Type<any> | null {\n    if (!attr.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === attr.renderer)?.detailComponent ?? null;\n  }\n\n  /** Inputs of an AsDetail row renderer (`rowComponent`): the row and the object that owns it. */\n  getRowRendererInputs(renderer: SparkResolvedRowRenderer, row: Record<string, any>, item: PersistentObject): Record<string, any> {\n    return rowRendererInputs(renderer, row, item?.id);\n  }\n\n  getDetailRendererInputs(component: Type<any>, attr: EntityAttributeDefinition, item: PersistentObject): Record<string, any> {\n    const itemAttr = item.attributes.find(a => a.name === attr.name);\n    const formData: Record<string, any> = {};\n    for (const a of item.attributes) {\n      formData[a.name] = rendererValue(a);\n    }\n    return withDeclaredInputs(component, {\n      value: rendererValue(itemAttr),\n      attribute: attr,\n      options: attr.rendererOptions,\n      formData,\n      item,\n    });\n  }\n\n  /** Column renderer for a cell of an AsDetail sub-table (so embedded rows honor `col.renderer` too). */\n  getAsDetailCellRendererComponent(col: EntityAttributeDefinition): Type<any> | null {\n    if (!col.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === col.renderer)?.columnComponent ?? null;\n  }\n\n  getAsDetailCellRendererInputs(component: Type<any>, row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any> {\n    return withDeclaredInputs(component, {\n      value: row[col.name],\n      attribute: col,\n      options: col.rendererOptions,\n      item: row,\n    });\n  }\n\n  private async loadLookupReferenceOptions(): Promise<void> {\n    const lookupAttrs = this.visibleAttributes().filter(a => a.lookupReferenceType);\n    if (lookupAttrs.length === 0) return;\n\n    const lookupNames = [...new Set(lookupAttrs.map(a => a.lookupReferenceType!))];\n    // A lookup that fails to load only costs its labels: the attribute then shows its raw value\n    // (attributeValue's fallback) instead of the whole page erroring over a secondary request (#453).\n    const entries = await Promise.all(\n      lookupNames.map(async name => {\n        const result = await this.sparkService.getLookupReference(name).catch(() => null);\n        return [name, result] as const;\n      })\n    );\n    this.lookupReferenceOptions.set(entries.reduce(\n      (acc, [k, v]) => v ? { ...acc, [k]: v } : acc,\n      {} as Record<string, LookupReference>));\n  }\n\n  private async loadAsDetailTypes(): Promise<void> {\n    const asDetailAttrs = this.visibleAttributes().filter(a => a.dataType === 'AsDetail' && a.isArray && a.asDetailType);\n    if (asDetailAttrs.length === 0) return;\n\n    const types = this.allEntityTypes();\n    const newAsDetailTypes: Record<string, EntityType> = {};\n    // Same fallback as the form: a row type is usually absent from the Query-gated catalogue, and\n    // the server now ships its definition alongside the parent (#385).\n    const embedded = this.entityType()?.detailTypes ?? [];\n\n    for (const attr of asDetailAttrs) {\n      const asDetailType =\n        types.find(t => t.clrType === attr.asDetailType)\n        ?? embedded.find(t => t.clrType === attr.asDetailType);\n      if (asDetailType) {\n        newAsDetailTypes[attr.name] = asDetailType;\n        const refCols = asDetailType.attributes.filter(a => a.dataType === 'Reference' && a.query);\n        if (refCols.length > 0) {\n          const refEntries = await Promise.all(\n            refCols.map(async col => {\n              const result = await this.sparkService.executeQueryByName(col.query!, {\n                parentId: this.id,\n                parentType: this.type,\n              });\n              return [col.name, result.items] as const;\n            })\n          );\n          this.asDetailReferenceOptions.update(prev => ({\n            ...prev,\n            [attr.name]: refEntries.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {} as Record<string, QueryResultItem[]>)\n          }));\n        }\n      }\n    }\n    this.asDetailTypes.set(newAsDetailTypes);\n  }\n\n  /**\n   * The bootstrap classes for a custom action's button. Outline-primary stays the default, so\n   * every existing action looks exactly as it did; a server-declared variant opts one action into\n   * a louder style. Restricted to a known set rather than interpolated, because the value arrives\n   * from a JSON file and must not be able to put arbitrary classes on the button.\n   */\n  /** Edit's and Delete's button classes: the catalogue's variant, else the look they always had. */\n  protected builtInActionClass(action: CustomActionDefinition, fallback: 'primary' | 'danger'): string {\n    const variant = action.variant?.toLowerCase();\n    return ['danger', 'warning', 'primary', 'secondary', 'success'].includes(variant ?? '')\n      ? `btn btn-${variant}`\n      : `btn btn-${fallback}`;\n  }\n\n  protected customActionClass(action: CustomActionDefinition): string {\n    const variant = action.variant?.toLowerCase();\n    switch (variant) {\n      case 'danger':\n      case 'warning':\n      case 'primary':\n      case 'secondary':\n      case 'success':\n        return `btn btn-${variant}`;\n      default:\n        return 'btn btn-outline-primary';\n    }\n  }\n\n  /**\n   * The action currently running, or null. Drives the disabled state on every custom-action\n   * button.\n   *\n   * A custom action is not necessarily quick: Coverage's Resync makes paged GitHub App calls for\n   * every account the caller manages, inside the request. Without this the button stayed live and\n   * looked inert for several seconds, and a second click queued a second full run -- which is how\n   * a slow action and a broken one became indistinguishable.\n   */\n  runningAction = signal<string | null>(null);\n\n  async onCustomAction(action: CustomActionDefinition): Promise<void> {\n    // Guard re-entry as well as disabling the button: the template is not the only caller, and a\n    // host component driving this method directly would otherwise bypass the check.\n    if (this.runningAction()) return;\n\n    const message = confirmationText(action, 1);\n    if (message && !confirm(message)) return;\n\n    this.runningAction.set(action.name);\n    try {\n      await this.sparkService.executeCustomAction(this.type, action.name, this.item() || undefined);\n      this.customActionExecuted.emit({ action, item: this.item()! });\n      if (action.refreshOnCompleted) {\n        // The sub-query grids below do not depend on item(), so re-fetching the PO left them\n        // showing pre-action rows -- the action appeared to have done nothing to the very\n        // lists it changed.\n        //\n        // Before the await, not after (#319): a server-issued refreshQuery was already dispatched\n        // inside executeCustomAction, and bumps in one synchronous run coalesce into one grid\n        // fetch. Bumping after the re-fetch's network round trip landed in a second\n        // change-detection flush, and the grid fetched twice for one click.\n        for (const subQuery of this.subQueries()) {\n          this.queryRefresh.request(subQuery.query);\n        }\n\n        const item = await this.loadItem();\n        this.item.set(item);\n      }\n    } catch (e) {\n      const err = e as HttpErrorResponse;\n      this.errorMessage.set(err.error?.error || err.message || 'Action failed');\n    } finally {\n      // finally, not after the try: an action that fails must not leave every button on the page\n      // permanently disabled.\n      this.runningAction.set(null);\n    }\n  }\n\n  onEdit(): void {\n    this.edited.emit();\n    this.router.navigate(['/po', this.type, this.id, 'edit']);\n  }\n\n  async onDelete(): Promise<void> {\n    // The version on screen is the one deleted (#467, D14): a row changed since is a 409.\n    const etag = this.item()?.etag;\n    if (!etag) return;\n    const message = confirmationText(this.deleteAction(), 1);\n    if (!message || confirm(message)) {\n      await this.sparkService.delete(this.type, this.id, etag);\n      this.deleted.emit();\n      // Back to the list the row was opened from (else the type's list), not the start page.\n      await this.returnNavigation.returnToList(this.entityType()?.name);\n    }\n  }\n\n  onBack(): void {\n    window.history.back();\n  }\n}\n","<bs-container>\n<div class=\"container\">\n  @if (errorMessage(); as err) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ err }}\n    </bs-alert>\n  } @else if (item(); as currentItem) {\n    @if (entityType(); as et) {\n    <div class=\"spark-actionbar py-2\">\n      <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n        <button *bsPriorityNavItem=\"1\" class=\"btn btn-outline-secondary\" (click)=\"onBack()\">\n          <spark-icon name=\"arrow-left\" /> {{ 'common.back' | t }}\n        </button>\n        <!-- Edit and Delete are the composed catalogue's (#467, D8): label, icon and variant included. -->\n        @if (editAction(); as edit) {\n          <button *bsPriorityNavItem=\"2\" [class]=\"builtInActionClass(edit, 'primary')\" (click)=\"onEdit()\">\n            @if (edit.icon) { <spark-icon [name]=\"edit.icon\" /> } {{ edit.label | resolveTranslation }}\n          </button>\n        }\n        @if (deleteAction(); as del) {\n          <button *bsPriorityNavItem=\"3\" [class]=\"builtInActionClass(del, 'danger')\" (click)=\"onDelete()\">\n            @if (del.icon) { <spark-icon [name]=\"del.icon\" /> } {{ del.label | resolveTranslation }}\n          </button>\n        }\n        @if (showCustomActions()) {\n          @for (action of visibleCustomActions(); track action.name) {\n            <button *bsPriorityNavItem=\"10 + action.offset\" [class]=\"customActionClass(action)\" [disabled]=\"runningAction() !== null\" (click)=\"onCustomAction(action)\">\n              {{ action.label | resolveTranslation }}\n            </button>\n          }\n        }\n        @if (extraActionsTemplate(); as extraActionsTpl) {\n          <ng-container *bsPriorityNavItem=\"50\">\n            <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n          </ng-container>\n        }\n        <!-- Add-on actions (SPARK_DETAIL_ACTIONS): each decides for itself whether it applies. -->\n        @if (detailContext(); as ctx) {\n          @for (action of detailActions; track action.id) {\n            <ng-container *bsPriorityNavItem=\"action.priority ?? 60\">\n              <ng-container *ngComponentOutlet=\"action.component; inputs: { context: ctx }\" />\n            </ng-container>\n          }\n        }\n      </bs-priority-nav>\n    </div>\n    <h2>\n      {{ currentItem.breadcrumb || currentItem.name }}\n      @if (isDeletedView()) {\n        <bs-badge [type]=\"colors.secondary\" class=\"align-middle ms-2 spark-deleted-badge\">{{ 'softDelete.deleted' | t }}</bs-badge>\n      }\n    </h2>\n\n    <bs-grid>\n      <bs-tab-control>\n        @for (tab of resolvedTabs(); track tab.id) {\n          <bs-tab-page>\n            <ng-template bsTabPageHeader>{{ tab.label | resolveTranslation:tab.name }}</ng-template>\n            <ng-container *ngTemplateOutlet=\"detailTabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n      <ng-template #detailTabContent let-tab>\n        @if (tab.id === '__default__') {\n          @let ungroupedAttrs = ungroupedAttributes();\n          @if (ungroupedAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              <div class=\"p-3\">\n                <dl bsRow>\n                  @for (attr of ungroupedAttrs; track attr.id) {\n                    <ng-container *ngTemplateOutlet=\"detailAttrField; context: { $implicit: attr, item: currentItem }\"></ng-container>\n                  }\n                </dl>\n              </div>\n            </bs-card>\n          }\n        }\n        @for (group of groupsForTab(tab); track group.id) {\n          @if (attrsForGroup(group); as groupAttrs) {\n            @if (groupAttrs.length > 0) {\n              <bs-card class=\"d-block m-3\">\n                @if (group.label) {\n                  <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n                }\n                <div class=\"p-3\">\n                  <dl bsRow>\n                    @for (attr of groupAttrs; track attr.id) {\n                      <ng-container *ngTemplateOutlet=\"detailAttrField; context: { $implicit: attr, item: currentItem }\"></ng-container>\n                    }\n                  </dl>\n                </div>\n              </bs-card>\n            }\n          }\n        }\n      </ng-template>\n\n          <ng-template #detailAttrField let-attr let-currentItem=\"item\">\n              <dt [sm]=\"3\">{{ (attr.label | resolveTranslation) || attr.name }}<spark-attribute-description [description]=\"attr.description\" /></dt>\n              <dd [sm]=\"9\">\n              @if (getDetailRendererComponent(attr); as rendererType) {\n                <ng-container *ngComponentOutlet=\"rendererType; inputs: getDetailRendererInputs(rendererType, attr, currentItem)\"></ng-container>\n              } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n                <bs-table [isResponsive]=\"true\">\n                  <thead>\n                    <tr>\n                      @for (col of (attr | asDetailColumns:asDetailTypes():rendererRegistry); track col.name) {\n                        <th>{{ (col.label | resolveTranslation) || col.name }}<spark-attribute-description [description]=\"col.description\" /></th>\n                      }\n                    </tr>\n                  </thead>\n                  <tbody class=\"align-middle\">\n                    @let rowRenderer = (attr | asDetailRowRenderer:asDetailTypes():rendererRegistry);\n                    @for (row of (attr.name | arrayValue:currentItem); track $index) {\n                      <tr>\n                        @for (col of (attr | asDetailColumns:asDetailTypes():rendererRegistry); track col.name; let firstCol = $first) {\n                          <td>\n                            <!--\n                              Shared with the query grid. This cell used to hand-roll the renderer\n                              dispatch and print everything else as text, so a `boolean` column read\n                              \"true\" here and rendered a checkbox in a grid, and a `color` showed its\n                              hex. Only the VALUE is resolved locally: these rows are plain\n                              dictionaries, not PersistentObjects.\n\n                              `chips` is left unset for a reference array on purpose — an AsDetail\n                              row's `__sparkBreadcrumbs` is keyed by column, not by id, so there are\n                              no labels for the members. Text beats a row of raw ids.\n                            -->\n                            <spark-grid-cell\n                                [column]=\"col\"\n                                [display]=\"(row | asDetailCellValue:attr:col:asDetailReferenceOptions())\"\n                                [rendererValue]=\"row[col.name]\"\n                                [item]=\"row\"\n                                [link]=\"col.dataType === 'Reference' && col.referenceType\n                                          ? (col.referenceType | referenceLinkRoute:row[col.name]:allEntityTypes())\n                                          : null\" />\n                            <!-- A row renderer (rowComponent: contributions' attribution line) draws\n                                 its attributes once, under the row's first cell, instead of as columns. -->\n                            @if (firstCol && rowRenderer) {\n                              <div class=\"spark-row-renderer\">\n                                <ng-container *ngComponentOutlet=\"rowRenderer.component; inputs: getRowRendererInputs(rowRenderer, row, currentItem)\"></ng-container>\n                              </div>\n                            }\n                          </td>\n                        }\n                      </tr>\n                    } @empty {\n                      <tr>\n                        <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes():rendererRegistry).length\" class=\"text-center text-muted\">\n                          {{ 'common.noItemsFound' | t }}\n                        </td>\n                      </tr>\n                    }\n                  </tbody>\n                </bs-table>\n              } @else if (attr.dataType === 'boolean') {\n                <input type=\"checkbox\"\n                  [checked]=\"(attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) === true\"\n                  [indeterminate]=\"(attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) == null\"\n                  disabled\n                  onclick=\"return false;\"\n                  class=\"opacity-100\">\n              } @else if (attr.dataType === 'color') {\n                @let colorVal = (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes());\n                @if (colorVal) {\n                  <span class=\"spark-color-swatch d-inline-block align-middle border rounded me-2\" [style.background-color]=\"colorVal\"></span>\n                  {{ colorVal }}\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'image') {\n                @let imageSrc = (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes());\n                @if (imageSrc) {\n                  <img [src]=\"imageSrc\" [alt]=\"(attr.label | resolveTranslation) || attr.name\" loading=\"lazy\"\n                       class=\"img-fluid rounded\" style=\"max-height: 12rem;\">\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'url') {\n                @let hrefVal = (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes());\n                @if (hrefVal) {\n                  <a [href]=\"hrefVal\" target=\"_blank\" rel=\"noopener noreferrer\">{{ hrefVal }}</a>\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'Reference' && attr.isArray) {\n                @let chips = (attr.name | referenceChips:item());\n                @if (chips.length) {\n                  <div class=\"d-flex flex-wrap gap-1\">\n                    @for (chip of chips; track chip.id) {\n                      @let chipRoute = (attr.referenceType ? (attr.referenceType | referenceLinkRoute:chip.id:allEntityTypes()) : null);\n                      @if (chipRoute) {\n                        <a class=\"spark-chip\" [routerLink]=\"chipRoute\">{{ chip.label }}</a>\n                      } @else {\n                        <span class=\"spark-chip\">{{ chip.label }}</span>\n                      }\n                    }\n                  </div>\n                } @else {\n                  -\n                }\n              } @else if (attr.dataType === 'Reference' && attr.referenceType) {\n                @let refRoute = (attr.referenceType | referenceLinkRoute:(attr.name | rawAttributeValue:item()):allEntityTypes());\n                @if (refRoute && (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes())) {\n                  <a [routerLink]=\"refRoute\">{{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) }}</a>\n                } @else {\n                  {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n                }\n              } @else if (attr.dataType === 'MultiLineString') {\n                <div class=\"spark-multiline-value\">{{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}</div>\n              } @else if (attr.dataType === 'date' || attr.dataType === 'datetime') {\n                <!--\n                  Formatted the same way, and in the same timezone, as the grid renders it.\n\n                  Before this, a detail page printed the raw wire value — `2026-12-31T23:59:00-08:00`\n                  in a definition list — while the grid showed `01/01/2027, 08:59` for the same\n                  document. Not a rounding difference: a DateTimeOffset whose offset differs from the\n                  viewer's can disagree on the DATE, so the two pages named different days for one car.\n\n                  The grid's meaning wins because it is the one a reader can act on: a timestamp is an\n                  instant, shown in the viewer's own zone. The originating offset is still on the wire\n                  for code that needs it — server-side logic, exports, \"which country's morning was\n                  this?\" — it simply is not what a viewer is shown by default.\n                -->\n                @let when = (attr.name | rawAttributeValue:item()) | parsedDate;\n                @if (when) {\n                  {{ when | date:(attr.dataType === 'date' ? 'mediumDate' : 'short') }}\n                } @else {\n                  {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n                }\n              } @else {\n                {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n              }\n              </dd>\n          </ng-template>\n    </bs-grid>\n    @for (subQuery of subQueries(); track subQuery.query) {\n      <!-- The entry's selectionMode overrides the query's own for this parent (#460, D17). -->\n      <spark-query-card [queryId]=\"subQuery.query\" [parentId]=\"currentItem.id!\" [parentType]=\"et.name\"\n                        [selectionMode]=\"subQuery.selectionMode ?? null\"\n                        [parentDeleted]=\"isDeletedView()\"\n                        [iconTemplate]=\"queryIconTemplate()\" [captionTemplate]=\"queryCaptionTemplate()\"\n                        [actionsTemplate]=\"queryActionsTemplate()\" />\n    }\n    @if (extraContentTemplate(); as extraContentTpl) {\n      <ng-container *ngTemplateOutlet=\"extraContentTpl; context: { $implicit: currentItem, entityType: et }\"></ng-container>\n    }\n    <!-- Add-on panels (SPARK_DETAIL_PANELS), e.g. <spark-po-history>. -->\n    @if (detailContext(); as ctx) {\n      @for (panel of detailPanels; track panel.id) {\n        <div class=\"spark-detail-panel m-3\">\n          <ng-container *ngComponentOutlet=\"panel.component; inputs: { context: ctx }\" />\n        </div>\n      }\n    }\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n"],"mappings":"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"}

package/fesm2022/mintplayer-ng-spark-query-list.mjs

@@ -14,6 +14,7 @@ import { SparkLanguageService, SparkService, SparkStreamingService } from "@mint
 import { ResolveTranslationPipe, TranslateKeyPipe } from "@mintplayer/ng-spark/pipes";
 import { SparkIconComponent } from "@mintplayer/ng-spark/icon";
 import { SparkQueryGridComponent, SparkSearchBoxComponent, sparkActionClass } from "@mintplayer/ng-spark/grid";
+import { isDateDataType, parseWireDate } from "@mintplayer/ng-spark/models";
 import { SPARK_QUERY_LIST_ACTIONS, orderSparkExtensions, parseSparkDeletedParam } from "@mintplayer/ng-spark/panels";
 var SparkQueryListComponent = class SparkQueryListComponent {
 	route = inject(ActivatedRoute);
@@ -266,15 +267,18 @@ var SparkQueryListComponent = class SparkQueryListComponent {
 		const term = this.searchTerm().toLowerCase();
 		if (term) items = items.filter((item) => item.values.some((v) => String(v.value ?? "").toLowerCase().includes(term)));
 		const sortCols = this.grid()?.settings().sortColumns ?? [];
-		if (sortCols.length > 0) items = [...items].sort((a, b) => {
-			for (const col of sortCols) {
-				const aVal = a.values.find((v) => v.key === col.property)?.value ?? "";
-				const bVal = b.values.find((v) => v.key === col.property)?.value ?? "";
-				const cmp = String(aVal).localeCompare(String(bVal));
-				if (cmp !== 0) return col.direction === "descending" ? -cmp : cmp;
-			}
-			return 0;
-		});
+		if (sortCols.length > 0) {
+			const dataTypes = new Map(this.streamColumns().map((c) => [c.name, c.dataType]));
+			items = [...items].sort((a, b) => {
+				for (const col of sortCols) {
+					const aVal = a.values.find((v) => v.key === col.property)?.value;
+					const bVal = b.values.find((v) => v.key === col.property)?.value;
+					const cmp = compareStreamValues(aVal, bVal, dataTypes.get(col.property));
+					if (cmp !== 0) return col.direction === "descending" ? -cmp : cmp;
+				}
+				return 0;
+			});
+		}
 		this.streamItems.set(items);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
@@ -583,6 +587,21 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+function compareStreamValues(a, b, dataType) {
+	const aMissing = a === null || a === void 0 || a === "";
+	const bMissing = b === null || b === void 0 || b === "";
+	if (aMissing || bMissing) return aMissing === bMissing ? 0 : aMissing ? -1 : 1;
+	if (isDateDataType(dataType)) {
+		const aDate = parseWireDate(a);
+		const bDate = parseWireDate(b);
+		if (aDate && bDate) return aDate.getTime() - bDate.getTime();
+	} else if (dataType === "number" || dataType === "decimal") {
+		const aNumber = Number(a);
+		const bNumber = Number(b);
+		if (!isNaN(aNumber) && !isNaN(bNumber)) return aNumber - bNumber;
+	}
+	return String(a).localeCompare(String(b));
+}
 export { SparkQueryListComponent };
 
 //# sourceMappingURL=mintplayer-ng-spark-query-list.mjs.map

package/fesm2022/mintplayer-ng-spark-query-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-spark-query-list.mjs","names":[],"sources":["../../query-list/src/spark-query-list.component.ts","../../query-list/src/spark-query-list.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, DestroyRef, computed, effect, inject, input, output, signal, viewChild, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subscription } from 'rxjs';\nimport { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport { ActivatedRoute, ParamMap, Router } from '@angular/router';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsBadgeComponent } from '@mintplayer/ng-bootstrap/badge';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsPriorityNavComponent, BsPriorityNavItemDirective } from '@mintplayer/ng-bootstrap/priority-nav';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { SparkService, SparkStreamingService, SparkLanguageService } from '@mintplayer/ng-spark/services';\nimport { TranslateKeyPipe, ResolveTranslationPipe } from '@mintplayer/ng-spark/pipes';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\nimport { SparkQueryGridComponent, SparkQueryToolbarAction, SparkSearchBoxComponent, sparkActionClass } from '@mintplayer/ng-spark/grid';\nimport {\n  CustomActionDefinition,\n  StreamingMessage,\n  QueryColumn,\n  QueryColumnFilter,\n  QueryResultItem,\n  SparkDeletedFilter,\n  type SparkSelectionModeSetting,\n} from '@mintplayer/ng-spark/models';\nimport { NgComponentOutlet } from '@angular/common';\nimport {\n  SPARK_QUERY_LIST_ACTIONS,\n  SparkQueryListContext,\n  orderSparkExtensions,\n  parseSparkDeletedParam,\n} from '@mintplayer/ng-spark/panels';\n\n/**\n * The routed query page: chrome around one {@link SparkQueryGridComponent}.\n *\n * It owns what is genuinely page-shaped and route-shaped, and nothing else:\n *\n *  - **Route resolution.** It has no `queryId` input; it reads `paramMap`, and it serves two\n *    routes — `query/:queryId`, and `po/:type`, which resolves an entity type to a query. That\n *    second one is type-to-query resolution, not query rendering, and is why this component still\n *    exists rather than the router pointing at the grid.\n *  - **Streaming.** The websocket lives here so it stays out of every PO detail page's bundle;\n *    the snapshot is filtered and sorted client-side and handed to the grid as `[data]`.\n *  - The action bar, the caption, the LIVE badge, the search box and the New button.\n *\n * The grid itself — columns, cells, paging, the row link, selection, custom-action execution —\n * is the shared component. This page previously wrote out `<bs-datatable>` twice, once per\n * transport, with a shared row template between them; both are gone.\n */\n@Component({\n  selector: 'spark-query-list',\n  imports: [BsBadgeComponent, CommonModule, NgTemplateOutlet, NgComponentOutlet, BsAlertComponent, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsPriorityNavComponent, BsPriorityNavItemDirective, BsSpinnerComponent, SparkIconComponent, SparkQueryGridComponent, SparkSearchBoxComponent, ResolveTranslationPipe, TranslateKeyPipe],\n  templateUrl: './spark-query-list.component.html',\n  styleUrl: './spark-query-list.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.virtual-scrolling]': 'isVirtualScrolling()'\n  }\n})\nexport class SparkQueryListComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n  private readonly streamingService = inject(SparkStreamingService);\n  private readonly destroyRef = inject(DestroyRef);\n  protected readonly lang = inject(SparkLanguageService);\n\n  extraActionsTemplate = input<TemplateRef<void> | null>(null);\n  showCustomActions = input(true);\n\n  /**\n   * Overrides the query's own `selectionMode` (#467, R3), as the sub-query card's input does: for a\n   * host that embeds this page and wants, say, `'none'` on a list the actions would make selectable.\n   */\n  selectionMode = input<SparkSelectionModeSetting | null>(null);\n\n  /**\n   * Forwarded to the grid, so a query PAGE can replace its row links — the same reason the card\n   * forwards it. Without this the escape hatch existed only for a directly-embedded grid.\n   */\n  rowRoute = input<((row: QueryResultItem) => unknown[] | null) | null>(null);\n\n  rowClicked = output<QueryResultItem>();\n  createClicked = output<void>();\n  customActionExecuted = output<{ action: CustomActionDefinition }>();\n\n  colors = Color;\n\n  /** The query the grid should render, resolved from the route. Null until it is known. */\n  queryId = signal<string | null>(null);\n  errorMessage = signal<string | null>(null);\n  searchTerm = signal('');\n\n  private readonly grid = viewChild(SparkQueryGridComponent);\n\n  /**\n   * Grid state, surfaced for this page's chrome.\n   *\n   * Optional `viewChild`, read defensively: the action bar and caption render above the grid, so\n   * on the first change-detection pass the query has not resolved yet.\n   */\n  protected readonly query = computed(() => this.grid()?.query() ?? null);\n  protected readonly entityType = computed(() => this.grid()?.entityType() ?? null);\n  protected readonly customActions = computed(() => this.grid()?.customActions() ?? []);\n  protected readonly canCreate = computed(() => this.grid()?.offersCreate() ?? false);\n  protected readonly resultCount = computed(() => this.grid()?.resultCount() ?? null);\n  protected readonly isVirtualScrolling = computed(() => this.grid()?.isVirtualScrolling() ?? false);\n  protected readonly gridError = computed(() => this.grid()?.errorMessage() ?? null);\n  protected readonly permissions = computed(() => this.grid()?.permissions() ?? null);\n\n  /** Add-on buttons for the action bar (#460, `SPARK_QUERY_LIST_ACTIONS`), e.g. the Deleted toggle. */\n  protected readonly listActions = orderSparkExtensions(inject(SPARK_QUERY_LIST_ACTIONS, { optional: true }), a => a.priority ?? 60);\n\n  /**\n   * The soft-deletion mode (#460, T2), read from the route's `?deleted=` so the recycle bin survives\n   * a reload and the back button from a row opened in it. `exclude` unless the route says otherwise.\n   */\n  protected readonly deletedMode = signal<SparkDeletedFilter>('exclude');\n\n  /** Bumped by `context.reload()`; the grid treats any new value as \"re-run the query\". */\n  private readonly reloadToken = signal(0);\n\n  protected readonly listContext = computed((): SparkQueryListContext | null => {\n    const query = this.query();\n    if (!query) return null;\n    return {\n      query,\n      entityType: this.entityType(),\n      permissions: this.permissions(),\n      deleted: this.deletedMode(),\n      setDeleted: (mode: SparkDeletedFilter) => this.setDeleted(mode),\n      reload: () => this.reloadToken.update(n => n + 1),\n    };\n  });\n\n  protected readonly gridReloadToken = this.reloadToken.asReadonly();\n\n  private setDeleted(mode: SparkDeletedFilter): void {\n    this.router.navigate([], {\n      relativeTo: this.route,\n      queryParams: { deleted: mode === 'exclude' ? null : mode },\n      queryParamsHandling: 'merge',\n      replaceUrl: true,\n    });\n  }\n\n  /** Whether an action's selection rule is satisfied. Delegated: the grid holds the selection. */\n  /** @see SparkPoDetailComponent.customActionClass — same allow-list, same default. */\n  protected customActionClass(action: CustomActionDefinition): string {\n    const variant = action.variant?.toLowerCase();\n    switch (variant) {\n      case 'danger':\n      case 'warning':\n      case 'primary':\n      case 'secondary':\n      case 'success':\n        return `btn btn-${variant}`;\n      default:\n        return 'btn btn-outline-primary';\n    }\n  }\n\n  /** The grid's toolbar model (#460, M15), the same list the sub-query card renders. */\n  protected readonly toolbarActions = computed(() => this.grid()?.toolbarActions() ?? []);\n\n  protected toolbarActionClass(action: SparkQueryToolbarAction): string {\n    // New keeps its solid primary look; the rest follow their variant.\n    return action.kind === 'new' ? 'btn btn-primary' : sparkActionClass(action.definition);\n  }\n\n  protected isToolbarActionEnabled(action: SparkQueryToolbarAction): boolean {\n    return this.grid()?.isToolbarActionEnabled(action) ?? false;\n  }\n\n  protected runToolbarAction(action: SparkQueryToolbarAction): void {\n    if (action.kind === 'new') {\n      // Through this page's own onCreate, so `createClicked` fires exactly as it always has.\n      this.onCreate();\n      return;\n    }\n    void this.grid()?.runToolbarAction(action);\n  }\n\n  protected isActionEnabled(action: CustomActionDefinition): boolean {\n    return this.grid()?.isActionEnabled(action) ?? false;\n  }\n\n  // --- streaming ---------------------------------------------------------------\n\n  isStreaming = signal(false);\n  private streamingSub: Subscription | null = null;\n  /** Columns as sent with the stream's snapshot; empty until it arrives. */\n  protected readonly streamColumns = signal<QueryColumn[]>([]);\n  private readonly allItems = signal<QueryResultItem[]>([]);\n  private readonly streamItems = signal<QueryResultItem[]>([]);\n\n  /**\n   * Rows handed to the grid, or `null` to let it fetch for itself.\n   *\n   * Null for a normal query — an empty array would read as \"here are no rows\" and suppress the\n   * fetch entirely.\n   */\n  protected readonly gridData = computed(() =>\n    this.query()?.isStreamingQuery ? this.streamItems() : null);\n\n  constructor() {\n    this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => {\n      // The handler is async and this is a subscribe, so a rejection lands nowhere: the metadata\n      // load would reject, the query would stay null, and the template would render a spinner\n      // FOREVER — while this component has had an errorMessage surface all along that only the\n      // fetch path ever reached.\n      this.onParamsChange(params).catch((e: unknown) => this.reportLoadFailure(e as HttpErrorResponse));\n    });\n\n    // Separate from paramMap: switching the recycle bin on changes only the query string, and must\n    // not re-resolve the query (which would reset page, sort and filters for nothing).\n    this.route.queryParamMap.pipe(takeUntilDestroyed()).subscribe(query => {\n      this.deletedMode.set(parseSparkDeletedParam(query.get('deleted')) ?? 'exclude');\n      this.applyUrlScope(query);\n    });\n\n    this.destroyRef.onDestroy(() => this.disconnectStreaming());\n\n    // Connect the socket once the grid has resolved a streaming query, and disconnect whenever it\n    // resolves anything else. The grid knows not to fetch for a streaming query, so there is no\n    // window in which both transports are live.\n    effect(() => {\n      const q = this.query();\n      if (q?.isStreamingQuery) {\n        this.connectStreaming(q.id);\n      } else {\n        this.disconnectStreaming();\n      }\n    });\n\n    // Client-side filter and sort for the streaming snapshot. The server never sees these: there\n    // is no request to attach them to.\n    effect(() => {\n      this.searchTerm();\n      this.grid()?.settings();\n      this.allItems();\n      if (this.isStreaming()) this.applyFilter();\n    });\n  }\n\n  // --- URL scope: parent and column filters ----------------------------------------------------\n\n  /**\n   * The parent the URL scopes the query to (`?parentId=…&parentType=…`), sent exactly as a sub-query\n   * sends its container. Both or neither: one without the other is ignored, as the server does.\n   */\n  protected readonly urlParentId = signal('');\n  protected readonly urlParentType = signal('');\n\n  /**\n   * Column filters from the URL: every other query-string parameter, `?Language=en&Script=Latn`\n   * (repeat a name for several values). The grid applies only those naming an attribute of the\n   * query's type; the rest are ignored. This is the contributions History link's shape, and works for\n   * any query.\n   */\n  protected readonly urlFilters = signal<QueryColumnFilter[]>([]);\n\n  /** The URL filters the grid applied, as removable chips. */\n  protected readonly activeUrlFilters = computed(() => this.grid()?.appliedPresetFilters() ?? []);\n\n  /** Query-string names the page or the row links own, never column filters. */\n  private static readonly reservedParams = new Set(['deleted', 'parentId', 'parentType', 'queryId', 'parentDeleted']);\n\n  private applyUrlScope(query: ParamMap): void {\n    const parentId = query.get('parentId') ?? '';\n    const parentType = query.get('parentType') ?? '';\n    const both = !!parentId && !!parentType;\n    if (this.urlParentId() !== (both ? parentId : '')) this.urlParentId.set(both ? parentId : '');\n    if (this.urlParentType() !== (both ? parentType : '')) this.urlParentType.set(both ? parentType : '');\n\n    const filters: QueryColumnFilter[] = query.keys\n      .filter(key => !SparkQueryListComponent.reservedParams.has(key))\n      .map(key => ({ name: key, includes: query.getAll(key).filter(v => v !== '') }))\n      .filter(f => f.includes.length > 0);\n    // Only on a real change: a new array would refetch the grid for nothing (the Deleted toggle\n    // also changes the query string).\n    if (JSON.stringify(filters) !== JSON.stringify(this.urlFilters())) this.urlFilters.set(filters);\n  }\n\n  /** Drops one URL filter (its query-string parameter); the grid refetches. */\n  protected clearUrlFilter(name: string): void {\n    this.router.navigate([], { relativeTo: this.route, queryParams: { [name]: null }, queryParamsHandling: 'merge', replaceUrl: true });\n  }\n\n  /** Drops the parent and every URL filter. */\n  protected clearUrlScope(): void {\n    const queryParams: Record<string, null> = { parentId: null, parentType: null };\n    for (const filter of this.urlFilters()) queryParams[filter.name] = null;\n    this.router.navigate([], { relativeTo: this.route, queryParams, queryParamsHandling: 'merge', replaceUrl: true });\n  }\n\n  protected filterValues(filter: QueryColumnFilter): string {\n    return (filter.includes ?? []).map(v => String(v)).join(', ');\n  }\n\n  /** The column's label for a chip: the query's own column label, else the attribute's, else its name. */\n  protected filterLabel(name: string): string {\n    const attribute = this.entityType()?.attributes?.find(a => a.name === name);\n    return this.lang.resolve(attribute?.label) || name;\n  }\n\n  private async onParamsChange(params: ParamMap): Promise<void> {\n    this.errorMessage.set(null);\n    this.queryId.set(null);\n    this.allItems.set([]);\n    this.streamItems.set([]);\n    this.streamColumns.set([]);\n    this.disconnectStreaming();\n\n    const queryId = params.get('queryId');\n    const typeParam = params.get('type');\n\n    if (queryId) {\n      this.queryId.set(queryId);\n      return;\n    }\n\n    if (!typeParam) return;\n\n    // `po/:type` — the route names an entity type, so find the query that lists it. The grid takes\n    // a query, and this translation is the only reason it cannot take the route directly.\n    const [entityTypes, queries] = await Promise.all([\n      this.sparkService.getEntityTypes(),\n      this.sparkService.getQueries(),\n    ]);\n    const entityType = entityTypes.find(t => t.id === typeParam || t.alias === typeParam);\n    if (!entityType) {\n      this.reportLoadFailure({ status: 404 } as HttpErrorResponse);\n      return;\n    }\n\n    const singularName = entityType.name;\n    const match = queries.find(q => {\n      if (q.entityType === singularName) return true;\n      const sourceName = q.source.includes('.') ? q.source.substring(q.source.indexOf('.') + 1) : q.source;\n      return sourceName === singularName || sourceName === singularName + 's';\n    });\n\n    if (match) this.queryId.set(match.alias || match.id);\n    else this.reportLoadFailure({ status: 404 } as HttpErrorResponse);\n  }\n\n  /**\n   * A load failure has to render, not just be swallowed: a denied query answers 404 (audit M-3, so\n   * existence is not leaked), which is indistinguishable from a missing one — hence a deliberately\n   * generic message rather than a guess at which it was.\n   */\n  private reportLoadFailure(err: HttpErrorResponse): void {\n    this.errorMessage.set(\n      err?.status === 404\n        ? (this.lang.t('spark.query.unavailable') || 'This list is not available.')\n        : (err?.error?.error || err?.message || 'An unexpected error occurred'));\n  }\n\n  protected async onCustomAction(action: CustomActionDefinition): Promise<void> {\n    await this.grid()?.onCustomAction(action);\n  }\n\n  protected onCreate(): void {\n    this.createClicked.emit();\n    const et = this.entityType();\n    if (et) this.router.navigate(['/po', et.alias || et.id, 'new']);\n  }\n\n  protected clearSearch(): void {\n    this.searchTerm.set('');\n  }\n\n  private connectStreaming(queryId: string): void {\n    if (this.streamingSub) return;\n    this.isStreaming.set(true);\n\n    this.streamingSub = this.streamingService.connectToStreamingQuery(queryId).subscribe({\n      next: (message) => this.handleStreamingMessage(message),\n      error: (err) => {\n        this.errorMessage.set(err?.message || 'Streaming connection failed');\n        this.isStreaming.set(false);\n      },\n      complete: () => this.isStreaming.set(false),\n    });\n  }\n\n  private disconnectStreaming(): void {\n    if (this.streamingSub) {\n      this.streamingSub.unsubscribe();\n      this.streamingSub = null;\n    }\n    this.isStreaming.set(false);\n  }\n\n  private handleStreamingMessage(message: StreamingMessage): void {\n    switch (message.type) {\n      case 'snapshot':\n        this.errorMessage.set(null);\n        // Columns come with the snapshot and never change for the life of the stream, so they are\n        // stored once and handed to the grid alongside the rows — a projection cannot describe\n        // itself, and the grid has no entity-type metadata to fall back on any more.\n        this.streamColumns.set(message.columns);\n        this.allItems.set(message.data);\n        break;\n\n      case 'patch':\n        if (message.updated.length > 0) {\n          this.allItems.update(items => items.map(item => {\n            const patch = message.updated.find(u => u.id === item.id);\n            if (!patch) return item;\n            return {\n              ...item,\n              values: item.values.map(v =>\n                v.key in patch.values ? { ...v, value: patch.values[v.key] } : v),\n            };\n          }));\n        }\n        break;\n\n      case 'error':\n        this.errorMessage.set(message.message);\n        break;\n    }\n  }\n\n  private applyFilter(): void {\n    let items = this.allItems();\n\n    const term = this.searchTerm().toLowerCase();\n    if (term) {\n      items = items.filter(item =>\n        item.values.some(v => String(v.value ?? '').toLowerCase().includes(term)));\n    }\n\n    // The datatable in `[data]` mode also sorts on header clicks, but the sort must survive a\n    // patch: re-deriving from `allItems` without re-applying it would silently reorder the grid\n    // under the user on every update.\n    const sortCols = this.grid()?.settings().sortColumns ?? [];\n    if (sortCols.length > 0) {\n      items = [...items].sort((a, b) => {\n        for (const col of sortCols) {\n          const aVal = a.values.find(v => v.key === col.property)?.value ?? '';\n          const bVal = b.values.find(v => v.key === col.property)?.value ?? '';\n          const cmp = String(aVal).localeCompare(String(bVal));\n          if (cmp !== 0) return col.direction === 'descending' ? -cmp : cmp;\n        }\n        return 0;\n      });\n    }\n\n    this.streamItems.set(items);\n  }\n}\n","<div class=\"d-flex flex-column h-100\">\n  <div class=\"spark-actionbar py-2 flex-shrink-0\" [class.spark-actionbar-wide]=\"isVirtualScrolling()\">\n    <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n      <!-- The grid's toolbar model (#460 M15, #467 R3): New, Edit, Delete and the custom actions —\n           the list the sub-query card renders too, labels and icons from the action catalogue.\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      @for (action of toolbarActions(); track action.name) {\n        @if (action.kind !== 'custom' || showCustomActions()) {\n          <button *bsPriorityNavItem=\"action.priority\" type=\"button\" [class]=\"toolbarActionClass(action)\"\n                  [attr.data-action]=\"action.name\"\n                  [disabled]=\"!isToolbarActionEnabled(action)\" (click)=\"runToolbarAction(action)\">\n            @if (action.definition.icon && action.kind !== 'custom') {\n              <spark-icon [name]=\"action.definition.icon\" />\n            }\n            {{ action.definition.label | resolveTranslation }}\n          </button>\n        }\n      }\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *bsPriorityNavItem=\"50\">\n          <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n        </ng-container>\n      }\n      <!-- Add-on actions (SPARK_QUERY_LIST_ACTIONS), e.g. the soft-delete Deleted toggle. -->\n      @if (listContext(); as ctx) {\n        @for (action of listActions; track action.id) {\n          <ng-container *bsPriorityNavItem=\"action.priority ?? 60\">\n            <ng-container *ngComponentOutlet=\"action.component; inputs: { context: ctx }\" />\n          </ng-container>\n        }\n      }\n    </bs-priority-nav>\n  </div>\n\n  <h2 class=\"mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    {{ (query()?.label | resolveTranslation) || query()?.name || ('common.loading' | t) }}\n    @if (isStreaming()) {\n      <bs-badge [type]=\"colors.success\" class=\"ms-2 align-middle spark-live-badge\">LIVE</bs-badge>\n    }\n    @if (deletedMode() === 'only') {\n      <bs-badge [type]=\"colors.secondary\" class=\"ms-2 align-middle spark-deleted-badge\">{{ 'softDelete.deleted' | t }}</bs-badge>\n    }\n  </h2>\n\n  @if (errorMessage(); as err) {\n    <!-- The route could not be resolved to a query at all. A failure INSIDE the grid renders in\n         the grid; this is the one it cannot report, because it never got a query id. -->\n    <bs-alert [type]=\"colors.danger\" class=\"m-3 d-block\">\n      {{ err }}\n    </bs-alert>\n  } @else if (queryId(); as qId) {\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"12\">\n              <!-- The same box as the sub-query card's header (#460 M15): debounce, clear button. -->\n              <spark-search-box [(term)]=\"searchTerm\" />\n            </div>\n            <!-- Its own full-width row rather than a column beside the box: the count is\n                 occasional, and reserving 8 columns for it shrank the search permanently. The\n                 @if moved out of the column so nothing reserves vertical space when absent. -->\n            @if (searchTerm() && resultCount() !== null) {\n              <div [md]=\"12\" class=\"text-end mt-1\">\n                <span class=\"text-muted\">\n                  {{ resultCount() }} {{ resultCount() === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              </div>\n            }\n          </div>\n        </bs-grid>\n    </div>\n\n    <!--\n      One grid, both transports. `data` is null for a normal query, so the grid fetches and pages\n      server-side; for a streaming query this page owns the socket and hands the filtered snapshot\n      in. This used to be two near-identical <bs-datatable> blocks with a shared row template.\n    -->\n    <!-- The URL's scope (#contributions M5b): a parent and column filters from the query string, as\n         the History link sends them. Shown so the narrowing is visible, and clearable. -->\n    @if (urlParentId() || activeUrlFilters().length) {\n      <div class=\"spark-url-filters d-flex flex-wrap align-items-center gap-2 mb-2 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n        <span class=\"text-muted small\">{{ 'common.filteredBy' | t }}</span>\n        @for (filter of activeUrlFilters(); track filter.name) {\n          <bs-badge [type]=\"colors.secondary\" class=\"spark-url-filter\" [attr.data-filter]=\"filter.name\">\n            {{ filterLabel(filter.name) }}: {{ filterValues(filter) }}\n            <button type=\"button\" class=\"spark-url-filter-clear\" [attr.aria-label]=\"'common.clearFilter' | t\"\n                    (click)=\"clearUrlFilter(filter.name)\">\n              <spark-icon name=\"x-circle\" />\n            </button>\n          </bs-badge>\n        }\n        <button type=\"button\" class=\"btn btn-sm btn-link spark-url-filters-clear\" (click)=\"clearUrlScope()\">\n          {{ 'common.clearFilters' | t }}\n        </button>\n      </div>\n    }\n\n    <spark-query-grid class=\"flex-grow-1\"\n        [queryId]=\"qId\"\n        [parentId]=\"urlParentId()\"\n        [parentType]=\"urlParentType()\"\n        [presetFilters]=\"urlFilters()\"\n        [data]=\"gridData()\"\n        [columns]=\"gridData() ? streamColumns() : null\"\n        [search]=\"searchTerm()\"\n        [deleted]=\"deletedMode()\"\n        [reloadToken]=\"gridReloadToken()\"\n        [rowRoute]=\"rowRoute()\"\n        [selectionModeSetting]=\"selectionMode()\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-spark-query-list.mjs","names":[],"sources":["../../query-list/src/spark-query-list.component.ts","../../query-list/src/spark-query-list.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, DestroyRef, computed, effect, inject, input, output, signal, viewChild, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Subscription } from 'rxjs';\nimport { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport { ActivatedRoute, ParamMap, Router } from '@angular/router';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsBadgeComponent } from '@mintplayer/ng-bootstrap/badge';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsPriorityNavComponent, BsPriorityNavItemDirective } from '@mintplayer/ng-bootstrap/priority-nav';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { SparkService, SparkStreamingService, SparkLanguageService } from '@mintplayer/ng-spark/services';\nimport { TranslateKeyPipe, ResolveTranslationPipe } from '@mintplayer/ng-spark/pipes';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\nimport { SparkQueryGridComponent, SparkQueryToolbarAction, SparkSearchBoxComponent, sparkActionClass } from '@mintplayer/ng-spark/grid';\nimport {\n  CustomActionDefinition,\n  StreamingMessage,\n  QueryColumn,\n  QueryColumnFilter,\n  QueryResultItem,\n  SparkDeletedFilter,\n  isDateDataType,\n  parseWireDate,\n  type SparkSelectionModeSetting,\n} from '@mintplayer/ng-spark/models';\nimport { NgComponentOutlet } from '@angular/common';\nimport {\n  SPARK_QUERY_LIST_ACTIONS,\n  SparkQueryListContext,\n  orderSparkExtensions,\n  parseSparkDeletedParam,\n} from '@mintplayer/ng-spark/panels';\n\n/**\n * The routed query page: chrome around one {@link SparkQueryGridComponent}.\n *\n * It owns what is genuinely page-shaped and route-shaped, and nothing else:\n *\n *  - **Route resolution.** It has no `queryId` input; it reads `paramMap`, and it serves two\n *    routes — `query/:queryId`, and `po/:type`, which resolves an entity type to a query. That\n *    second one is type-to-query resolution, not query rendering, and is why this component still\n *    exists rather than the router pointing at the grid.\n *  - **Streaming.** The websocket lives here so it stays out of every PO detail page's bundle;\n *    the snapshot is filtered and sorted client-side and handed to the grid as `[data]`.\n *  - The action bar, the caption, the LIVE badge, the search box and the New button.\n *\n * The grid itself — columns, cells, paging, the row link, selection, custom-action execution —\n * is the shared component. This page previously wrote out `<bs-datatable>` twice, once per\n * transport, with a shared row template between them; both are gone.\n */\n@Component({\n  selector: 'spark-query-list',\n  imports: [BsBadgeComponent, CommonModule, NgTemplateOutlet, NgComponentOutlet, BsAlertComponent, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsPriorityNavComponent, BsPriorityNavItemDirective, BsSpinnerComponent, SparkIconComponent, SparkQueryGridComponent, SparkSearchBoxComponent, ResolveTranslationPipe, TranslateKeyPipe],\n  templateUrl: './spark-query-list.component.html',\n  styleUrl: './spark-query-list.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.virtual-scrolling]': 'isVirtualScrolling()'\n  }\n})\nexport class SparkQueryListComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n  private readonly streamingService = inject(SparkStreamingService);\n  private readonly destroyRef = inject(DestroyRef);\n  protected readonly lang = inject(SparkLanguageService);\n\n  extraActionsTemplate = input<TemplateRef<void> | null>(null);\n  showCustomActions = input(true);\n\n  /**\n   * Overrides the query's own `selectionMode` (#467, R3), as the sub-query card's input does: for a\n   * host that embeds this page and wants, say, `'none'` on a list the actions would make selectable.\n   */\n  selectionMode = input<SparkSelectionModeSetting | null>(null);\n\n  /**\n   * Forwarded to the grid, so a query PAGE can replace its row links — the same reason the card\n   * forwards it. Without this the escape hatch existed only for a directly-embedded grid.\n   */\n  rowRoute = input<((row: QueryResultItem) => unknown[] | null) | null>(null);\n\n  rowClicked = output<QueryResultItem>();\n  createClicked = output<void>();\n  customActionExecuted = output<{ action: CustomActionDefinition }>();\n\n  colors = Color;\n\n  /** The query the grid should render, resolved from the route. Null until it is known. */\n  queryId = signal<string | null>(null);\n  errorMessage = signal<string | null>(null);\n  searchTerm = signal('');\n\n  private readonly grid = viewChild(SparkQueryGridComponent);\n\n  /**\n   * Grid state, surfaced for this page's chrome.\n   *\n   * Optional `viewChild`, read defensively: the action bar and caption render above the grid, so\n   * on the first change-detection pass the query has not resolved yet.\n   */\n  protected readonly query = computed(() => this.grid()?.query() ?? null);\n  protected readonly entityType = computed(() => this.grid()?.entityType() ?? null);\n  protected readonly customActions = computed(() => this.grid()?.customActions() ?? []);\n  protected readonly canCreate = computed(() => this.grid()?.offersCreate() ?? false);\n  protected readonly resultCount = computed(() => this.grid()?.resultCount() ?? null);\n  protected readonly isVirtualScrolling = computed(() => this.grid()?.isVirtualScrolling() ?? false);\n  protected readonly gridError = computed(() => this.grid()?.errorMessage() ?? null);\n  protected readonly permissions = computed(() => this.grid()?.permissions() ?? null);\n\n  /** Add-on buttons for the action bar (#460, `SPARK_QUERY_LIST_ACTIONS`), e.g. the Deleted toggle. */\n  protected readonly listActions = orderSparkExtensions(inject(SPARK_QUERY_LIST_ACTIONS, { optional: true }), a => a.priority ?? 60);\n\n  /**\n   * The soft-deletion mode (#460, T2), read from the route's `?deleted=` so the recycle bin survives\n   * a reload and the back button from a row opened in it. `exclude` unless the route says otherwise.\n   */\n  protected readonly deletedMode = signal<SparkDeletedFilter>('exclude');\n\n  /** Bumped by `context.reload()`; the grid treats any new value as \"re-run the query\". */\n  private readonly reloadToken = signal(0);\n\n  protected readonly listContext = computed((): SparkQueryListContext | null => {\n    const query = this.query();\n    if (!query) return null;\n    return {\n      query,\n      entityType: this.entityType(),\n      permissions: this.permissions(),\n      deleted: this.deletedMode(),\n      setDeleted: (mode: SparkDeletedFilter) => this.setDeleted(mode),\n      reload: () => this.reloadToken.update(n => n + 1),\n    };\n  });\n\n  protected readonly gridReloadToken = this.reloadToken.asReadonly();\n\n  private setDeleted(mode: SparkDeletedFilter): void {\n    this.router.navigate([], {\n      relativeTo: this.route,\n      queryParams: { deleted: mode === 'exclude' ? null : mode },\n      queryParamsHandling: 'merge',\n      replaceUrl: true,\n    });\n  }\n\n  /** Whether an action's selection rule is satisfied. Delegated: the grid holds the selection. */\n  /** @see SparkPoDetailComponent.customActionClass — same allow-list, same default. */\n  protected customActionClass(action: CustomActionDefinition): string {\n    const variant = action.variant?.toLowerCase();\n    switch (variant) {\n      case 'danger':\n      case 'warning':\n      case 'primary':\n      case 'secondary':\n      case 'success':\n        return `btn btn-${variant}`;\n      default:\n        return 'btn btn-outline-primary';\n    }\n  }\n\n  /** The grid's toolbar model (#460, M15), the same list the sub-query card renders. */\n  protected readonly toolbarActions = computed(() => this.grid()?.toolbarActions() ?? []);\n\n  protected toolbarActionClass(action: SparkQueryToolbarAction): string {\n    // New keeps its solid primary look; the rest follow their variant.\n    return action.kind === 'new' ? 'btn btn-primary' : sparkActionClass(action.definition);\n  }\n\n  protected isToolbarActionEnabled(action: SparkQueryToolbarAction): boolean {\n    return this.grid()?.isToolbarActionEnabled(action) ?? false;\n  }\n\n  protected runToolbarAction(action: SparkQueryToolbarAction): void {\n    if (action.kind === 'new') {\n      // Through this page's own onCreate, so `createClicked` fires exactly as it always has.\n      this.onCreate();\n      return;\n    }\n    void this.grid()?.runToolbarAction(action);\n  }\n\n  protected isActionEnabled(action: CustomActionDefinition): boolean {\n    return this.grid()?.isActionEnabled(action) ?? false;\n  }\n\n  // --- streaming ---------------------------------------------------------------\n\n  isStreaming = signal(false);\n  private streamingSub: Subscription | null = null;\n  /** Columns as sent with the stream's snapshot; empty until it arrives. */\n  protected readonly streamColumns = signal<QueryColumn[]>([]);\n  private readonly allItems = signal<QueryResultItem[]>([]);\n  private readonly streamItems = signal<QueryResultItem[]>([]);\n\n  /**\n   * Rows handed to the grid, or `null` to let it fetch for itself.\n   *\n   * Null for a normal query — an empty array would read as \"here are no rows\" and suppress the\n   * fetch entirely.\n   */\n  protected readonly gridData = computed(() =>\n    this.query()?.isStreamingQuery ? this.streamItems() : null);\n\n  constructor() {\n    this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => {\n      // The handler is async and this is a subscribe, so a rejection lands nowhere: the metadata\n      // load would reject, the query would stay null, and the template would render a spinner\n      // FOREVER — while this component has had an errorMessage surface all along that only the\n      // fetch path ever reached.\n      this.onParamsChange(params).catch((e: unknown) => this.reportLoadFailure(e as HttpErrorResponse));\n    });\n\n    // Separate from paramMap: switching the recycle bin on changes only the query string, and must\n    // not re-resolve the query (which would reset page, sort and filters for nothing).\n    this.route.queryParamMap.pipe(takeUntilDestroyed()).subscribe(query => {\n      this.deletedMode.set(parseSparkDeletedParam(query.get('deleted')) ?? 'exclude');\n      this.applyUrlScope(query);\n    });\n\n    this.destroyRef.onDestroy(() => this.disconnectStreaming());\n\n    // Connect the socket once the grid has resolved a streaming query, and disconnect whenever it\n    // resolves anything else. The grid knows not to fetch for a streaming query, so there is no\n    // window in which both transports are live.\n    effect(() => {\n      const q = this.query();\n      if (q?.isStreamingQuery) {\n        this.connectStreaming(q.id);\n      } else {\n        this.disconnectStreaming();\n      }\n    });\n\n    // Client-side filter and sort for the streaming snapshot. The server never sees these: there\n    // is no request to attach them to.\n    effect(() => {\n      this.searchTerm();\n      this.grid()?.settings();\n      this.allItems();\n      if (this.isStreaming()) this.applyFilter();\n    });\n  }\n\n  // --- URL scope: parent and column filters ----------------------------------------------------\n\n  /**\n   * The parent the URL scopes the query to (`?parentId=…&parentType=…`), sent exactly as a sub-query\n   * sends its container. Both or neither: one without the other is ignored, as the server does.\n   */\n  protected readonly urlParentId = signal('');\n  protected readonly urlParentType = signal('');\n\n  /**\n   * Column filters from the URL: every other query-string parameter, `?Language=en&Script=Latn`\n   * (repeat a name for several values). The grid applies only those naming an attribute of the\n   * query's type; the rest are ignored. This is the contributions History link's shape, and works for\n   * any query.\n   */\n  protected readonly urlFilters = signal<QueryColumnFilter[]>([]);\n\n  /** The URL filters the grid applied, as removable chips. */\n  protected readonly activeUrlFilters = computed(() => this.grid()?.appliedPresetFilters() ?? []);\n\n  /** Query-string names the page or the row links own, never column filters. */\n  private static readonly reservedParams = new Set(['deleted', 'parentId', 'parentType', 'queryId', 'parentDeleted']);\n\n  private applyUrlScope(query: ParamMap): void {\n    const parentId = query.get('parentId') ?? '';\n    const parentType = query.get('parentType') ?? '';\n    const both = !!parentId && !!parentType;\n    if (this.urlParentId() !== (both ? parentId : '')) this.urlParentId.set(both ? parentId : '');\n    if (this.urlParentType() !== (both ? parentType : '')) this.urlParentType.set(both ? parentType : '');\n\n    const filters: QueryColumnFilter[] = query.keys\n      .filter(key => !SparkQueryListComponent.reservedParams.has(key))\n      .map(key => ({ name: key, includes: query.getAll(key).filter(v => v !== '') }))\n      .filter(f => f.includes.length > 0);\n    // Only on a real change: a new array would refetch the grid for nothing (the Deleted toggle\n    // also changes the query string).\n    if (JSON.stringify(filters) !== JSON.stringify(this.urlFilters())) this.urlFilters.set(filters);\n  }\n\n  /** Drops one URL filter (its query-string parameter); the grid refetches. */\n  protected clearUrlFilter(name: string): void {\n    this.router.navigate([], { relativeTo: this.route, queryParams: { [name]: null }, queryParamsHandling: 'merge', replaceUrl: true });\n  }\n\n  /** Drops the parent and every URL filter. */\n  protected clearUrlScope(): void {\n    const queryParams: Record<string, null> = { parentId: null, parentType: null };\n    for (const filter of this.urlFilters()) queryParams[filter.name] = null;\n    this.router.navigate([], { relativeTo: this.route, queryParams, queryParamsHandling: 'merge', replaceUrl: true });\n  }\n\n  protected filterValues(filter: QueryColumnFilter): string {\n    return (filter.includes ?? []).map(v => String(v)).join(', ');\n  }\n\n  /** The column's label for a chip: the query's own column label, else the attribute's, else its name. */\n  protected filterLabel(name: string): string {\n    const attribute = this.entityType()?.attributes?.find(a => a.name === name);\n    return this.lang.resolve(attribute?.label) || name;\n  }\n\n  private async onParamsChange(params: ParamMap): Promise<void> {\n    this.errorMessage.set(null);\n    this.queryId.set(null);\n    this.allItems.set([]);\n    this.streamItems.set([]);\n    this.streamColumns.set([]);\n    this.disconnectStreaming();\n\n    const queryId = params.get('queryId');\n    const typeParam = params.get('type');\n\n    if (queryId) {\n      this.queryId.set(queryId);\n      return;\n    }\n\n    if (!typeParam) return;\n\n    // `po/:type` — the route names an entity type, so find the query that lists it. The grid takes\n    // a query, and this translation is the only reason it cannot take the route directly.\n    const [entityTypes, queries] = await Promise.all([\n      this.sparkService.getEntityTypes(),\n      this.sparkService.getQueries(),\n    ]);\n    const entityType = entityTypes.find(t => t.id === typeParam || t.alias === typeParam);\n    if (!entityType) {\n      this.reportLoadFailure({ status: 404 } as HttpErrorResponse);\n      return;\n    }\n\n    const singularName = entityType.name;\n    const match = queries.find(q => {\n      if (q.entityType === singularName) return true;\n      const sourceName = q.source.includes('.') ? q.source.substring(q.source.indexOf('.') + 1) : q.source;\n      return sourceName === singularName || sourceName === singularName + 's';\n    });\n\n    if (match) this.queryId.set(match.alias || match.id);\n    else this.reportLoadFailure({ status: 404 } as HttpErrorResponse);\n  }\n\n  /**\n   * A load failure has to render, not just be swallowed: a denied query answers 404 (audit M-3, so\n   * existence is not leaked), which is indistinguishable from a missing one — hence a deliberately\n   * generic message rather than a guess at which it was.\n   */\n  private reportLoadFailure(err: HttpErrorResponse): void {\n    this.errorMessage.set(\n      err?.status === 404\n        ? (this.lang.t('spark.query.unavailable') || 'This list is not available.')\n        : (err?.error?.error || err?.message || 'An unexpected error occurred'));\n  }\n\n  protected async onCustomAction(action: CustomActionDefinition): Promise<void> {\n    await this.grid()?.onCustomAction(action);\n  }\n\n  protected onCreate(): void {\n    this.createClicked.emit();\n    const et = this.entityType();\n    if (et) this.router.navigate(['/po', et.alias || et.id, 'new']);\n  }\n\n  protected clearSearch(): void {\n    this.searchTerm.set('');\n  }\n\n  private connectStreaming(queryId: string): void {\n    if (this.streamingSub) return;\n    this.isStreaming.set(true);\n\n    this.streamingSub = this.streamingService.connectToStreamingQuery(queryId).subscribe({\n      next: (message) => this.handleStreamingMessage(message),\n      error: (err) => {\n        this.errorMessage.set(err?.message || 'Streaming connection failed');\n        this.isStreaming.set(false);\n      },\n      complete: () => this.isStreaming.set(false),\n    });\n  }\n\n  private disconnectStreaming(): void {\n    if (this.streamingSub) {\n      this.streamingSub.unsubscribe();\n      this.streamingSub = null;\n    }\n    this.isStreaming.set(false);\n  }\n\n  private handleStreamingMessage(message: StreamingMessage): void {\n    switch (message.type) {\n      case 'snapshot':\n        this.errorMessage.set(null);\n        // Columns come with the snapshot and never change for the life of the stream, so they are\n        // stored once and handed to the grid alongside the rows — a projection cannot describe\n        // itself, and the grid has no entity-type metadata to fall back on any more.\n        this.streamColumns.set(message.columns);\n        this.allItems.set(message.data);\n        break;\n\n      case 'patch':\n        if (message.updated.length > 0) {\n          this.allItems.update(items => items.map(item => {\n            const patch = message.updated.find(u => u.id === item.id);\n            if (!patch) return item;\n            return {\n              ...item,\n              values: item.values.map(v =>\n                v.key in patch.values ? { ...v, value: patch.values[v.key] } : v),\n            };\n          }));\n        }\n        break;\n\n      case 'error':\n        this.errorMessage.set(message.message);\n        break;\n    }\n  }\n\n  private applyFilter(): void {\n    let items = this.allItems();\n\n    const term = this.searchTerm().toLowerCase();\n    if (term) {\n      items = items.filter(item =>\n        item.values.some(v => String(v.value ?? '').toLowerCase().includes(term)));\n    }\n\n    // The datatable in `[data]` mode also sorts on header clicks, but the sort must survive a\n    // patch: re-deriving from `allItems` without re-applying it would silently reorder the grid\n    // under the user on every update.\n    const sortCols = this.grid()?.settings().sortColumns ?? [];\n    if (sortCols.length > 0) {\n      const dataTypes = new Map(this.streamColumns().map(c => [c.name, c.dataType]));\n      items = [...items].sort((a, b) => {\n        for (const col of sortCols) {\n          const aVal = a.values.find(v => v.key === col.property)?.value;\n          const bVal = b.values.find(v => v.key === col.property)?.value;\n          const cmp = compareStreamValues(aVal, bVal, dataTypes.get(col.property));\n          if (cmp !== 0) return col.direction === 'descending' ? -cmp : cmp;\n        }\n        return 0;\n      });\n    }\n\n    this.streamItems.set(items);\n  }\n}\n\n/**\n * Orders two streamed cell values the way the server orders the same column.\n *\n * The values are what the wire carries: a date is the raw ISO string WITH its own offset and with\n * trailing fraction zeros trimmed (`…T09:00:00-05:00`, `…T09:00:00.5-05:00`), a number is a number.\n * Comparing them as text sorted dates by wall clock and `10` before `9`; a date compares by instant\n * and a number numerically (docs/datetimeoffset_query_sort_filter_PRD.md, F4).\n *\n * A missing value sorts first ascending, as the empty string always did.\n */\nfunction compareStreamValues(a: unknown, b: unknown, dataType: string | undefined): number {\n  const aMissing = a === null || a === undefined || a === '';\n  const bMissing = b === null || b === undefined || b === '';\n  if (aMissing || bMissing) return aMissing === bMissing ? 0 : aMissing ? -1 : 1;\n\n  if (isDateDataType(dataType)) {\n    const aDate = parseWireDate(a);\n    const bDate = parseWireDate(b);\n    if (aDate && bDate) return aDate.getTime() - bDate.getTime();\n  } else if (dataType === 'number' || dataType === 'decimal') {\n    const aNumber = Number(a);\n    const bNumber = Number(b);\n    if (!isNaN(aNumber) && !isNaN(bNumber)) return aNumber - bNumber;\n  }\n\n  return String(a).localeCompare(String(b));\n}\n","<div class=\"d-flex flex-column h-100\">\n  <div class=\"spark-actionbar py-2 flex-shrink-0\" [class.spark-actionbar-wide]=\"isVirtualScrolling()\">\n    <bs-priority-nav [moreLabel]=\"lang.t('common.more')\" [collapseAt]=\"'sm'\">\n      <!-- The grid's toolbar model (#460 M15, #467 R3): New, Edit, Delete and the custom actions —\n           the list the sub-query card renders too, labels and icons from the action catalogue.\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      @for (action of toolbarActions(); track action.name) {\n        @if (action.kind !== 'custom' || showCustomActions()) {\n          <button *bsPriorityNavItem=\"action.priority\" type=\"button\" [class]=\"toolbarActionClass(action)\"\n                  [attr.data-action]=\"action.name\"\n                  [disabled]=\"!isToolbarActionEnabled(action)\" (click)=\"runToolbarAction(action)\">\n            @if (action.definition.icon && action.kind !== 'custom') {\n              <spark-icon [name]=\"action.definition.icon\" />\n            }\n            {{ action.definition.label | resolveTranslation }}\n          </button>\n        }\n      }\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *bsPriorityNavItem=\"50\">\n          <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n        </ng-container>\n      }\n      <!-- Add-on actions (SPARK_QUERY_LIST_ACTIONS), e.g. the soft-delete Deleted toggle. -->\n      @if (listContext(); as ctx) {\n        @for (action of listActions; track action.id) {\n          <ng-container *bsPriorityNavItem=\"action.priority ?? 60\">\n            <ng-container *ngComponentOutlet=\"action.component; inputs: { context: ctx }\" />\n          </ng-container>\n        }\n      }\n    </bs-priority-nav>\n  </div>\n\n  <h2 class=\"mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    {{ (query()?.label | resolveTranslation) || query()?.name || ('common.loading' | t) }}\n    @if (isStreaming()) {\n      <bs-badge [type]=\"colors.success\" class=\"ms-2 align-middle spark-live-badge\">LIVE</bs-badge>\n    }\n    @if (deletedMode() === 'only') {\n      <bs-badge [type]=\"colors.secondary\" class=\"ms-2 align-middle spark-deleted-badge\">{{ 'softDelete.deleted' | t }}</bs-badge>\n    }\n  </h2>\n\n  @if (errorMessage(); as err) {\n    <!-- The route could not be resolved to a query at all. A failure INSIDE the grid renders in\n         the grid; this is the one it cannot report, because it never got a query id. -->\n    <bs-alert [type]=\"colors.danger\" class=\"m-3 d-block\">\n      {{ err }}\n    </bs-alert>\n  } @else if (queryId(); as qId) {\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"12\">\n              <!-- The same box as the sub-query card's header (#460 M15): debounce, clear button. -->\n              <spark-search-box [(term)]=\"searchTerm\" />\n            </div>\n            <!-- Its own full-width row rather than a column beside the box: the count is\n                 occasional, and reserving 8 columns for it shrank the search permanently. The\n                 @if moved out of the column so nothing reserves vertical space when absent. -->\n            @if (searchTerm() && resultCount() !== null) {\n              <div [md]=\"12\" class=\"text-end mt-1\">\n                <span class=\"text-muted\">\n                  {{ resultCount() }} {{ resultCount() === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              </div>\n            }\n          </div>\n        </bs-grid>\n    </div>\n\n    <!--\n      One grid, both transports. `data` is null for a normal query, so the grid fetches and pages\n      server-side; for a streaming query this page owns the socket and hands the filtered snapshot\n      in. This used to be two near-identical <bs-datatable> blocks with a shared row template.\n    -->\n    <!-- The URL's scope (#contributions M5b): a parent and column filters from the query string, as\n         the History link sends them. Shown so the narrowing is visible, and clearable. -->\n    @if (urlParentId() || activeUrlFilters().length) {\n      <div class=\"spark-url-filters d-flex flex-wrap align-items-center gap-2 mb-2 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n        <span class=\"text-muted small\">{{ 'common.filteredBy' | t }}</span>\n        @for (filter of activeUrlFilters(); track filter.name) {\n          <bs-badge [type]=\"colors.secondary\" class=\"spark-url-filter\" [attr.data-filter]=\"filter.name\">\n            {{ filterLabel(filter.name) }}: {{ filterValues(filter) }}\n            <button type=\"button\" class=\"spark-url-filter-clear\" [attr.aria-label]=\"'common.clearFilter' | t\"\n                    (click)=\"clearUrlFilter(filter.name)\">\n              <spark-icon name=\"x-circle\" />\n            </button>\n          </bs-badge>\n        }\n        <button type=\"button\" class=\"btn btn-sm btn-link spark-url-filters-clear\" (click)=\"clearUrlScope()\">\n          {{ 'common.clearFilters' | t }}\n        </button>\n      </div>\n    }\n\n    <spark-query-grid class=\"flex-grow-1\"\n        [queryId]=\"qId\"\n        [parentId]=\"urlParentId()\"\n        [parentType]=\"urlParentType()\"\n        [presetFilters]=\"urlFilters()\"\n        [data]=\"gridData()\"\n        [columns]=\"gridData() ? streamColumns() : null\"\n        [search]=\"searchTerm()\"\n        [deleted]=\"deletedMode()\"\n        [reloadToken]=\"gridReloadToken()\"\n        [rowRoute]=\"rowRoute()\"\n        [selectionModeSetting]=\"selectionMode()\"\n        (rowClicked)=\"rowClicked.emit($event)\"\n        (customActionExecuted)=\"customActionExecuted.emit($event)\" />\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-spark",
   "private": false,
-  "version": "22.28.0",
+  "version": "22.29.0",
   "description": "Angular component library for MintPlayer.Spark CRUD applications",
   "repository": {
     "type": "git",

package/types/mintplayer-ng-spark-client-operations.d.ts

@@ -184,17 +184,24 @@ export declare function provideSparkClientOperations(): EnvironmentProviders;
  */
 export declare class SparkQueryRefreshService {
   private readonly tokens;
-  /** Bumped every time the server asks for this query to refresh. */
+  /**
+   * Bumped every time a refresh is asked for this key.
+   *
+   * ⚠️ Reading it makes the caller depend on EVERY key, not just this one: the counters share one
+   * signal. A grid must therefore compare the value with the one it last saw, never react to the
+   * read alone (#319) — otherwise it re-fetches for every query refreshed anywhere in the app.
+   */
   tokenFor(queryId: string | undefined): number;
   /**
    * Ask every grid showing `queryId` to re-fetch.
    *
-   * Matched on the EXACT string a grid passes to {@link tokenFor} -- whichever of id or alias
-   * its `queryId` input holds. A caller that knows only the other form will not reach it.
+   * `queryId` is the query's id or its alias. A grid answers to both, whichever its own `queryId`
+   * input holds, because it learns the other from the query it resolved. Keys are matched
+   * case-insensitively, as the server resolves them (`QueryLoader.ResolveQuery`).
    *
    * Callers bumping several keys for one user action should do so in one synchronous run: the
    * signal coalesces bumps within a tick into a single effect run, and bumps split across an
-   * await become one re-fetch each.
+   * await become one re-fetch each (#319).
    */
   request(queryId: string): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<SparkQueryRefreshService, never>;