@mintplayer/ng-spark 0.0.9 → 0.1.0

package/fesm2022/mintplayer-ng-spark.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { signal, InjectionToken, Injectable, inject, Pipe, input, computed, ChangeDetectionStrategy, Component, model, output, effect } from '@angular/core';
+import { signal, InjectionToken, Injectable, inject, NgZone, Pipe, input, computed, ChangeDetectionStrategy, Component, model, output, effect, DestroyRef } from '@angular/core';
 import { HttpClient, HttpParams } from '@angular/common/http';
-import { firstValueFrom } from 'rxjs';
+import { firstValueFrom, Observable } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -238,6 +238,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+class SparkStreamingService {
+    config = inject(SPARK_CONFIG, { optional: true });
+    baseUrl = this.config?.baseUrl ?? '/spark';
+    ngZone = inject(NgZone);
+    connectToStreamingQuery(queryId) {
+        return new Observable(subscriber => {
+            let ws = null;
+            let retryCount = 0;
+            let retryTimeout = null;
+            let closed = false;
+            const maxRetries = 10;
+            const maxDelay = 30000;
+            const connect = () => {
+                if (closed)
+                    return;
+                const url = this.buildWebSocketUrl(queryId);
+                ws = new WebSocket(url);
+                ws.onopen = () => {
+                    retryCount = 0; // Reset on successful connect
+                };
+                ws.onmessage = (event) => {
+                    try {
+                        const message = JSON.parse(event.data);
+                        this.ngZone.run(() => subscriber.next(message));
+                    }
+                    catch {
+                        // Ignore malformed messages
+                    }
+                };
+                ws.onerror = () => {
+                    // Error will trigger onclose
+                };
+                ws.onclose = (event) => {
+                    if (closed)
+                        return;
+                    // Don't reconnect on normal closure
+                    if (event.code === 1000) {
+                        this.ngZone.run(() => subscriber.complete());
+                        return;
+                    }
+                    // Reconnect with exponential backoff
+                    if (retryCount < maxRetries) {
+                        const delay = Math.min(1000 * Math.pow(2, retryCount), maxDelay);
+                        retryCount++;
+                        retryTimeout = setTimeout(() => connect(), delay);
+                    }
+                    else {
+                        this.ngZone.run(() => subscriber.error(new Error('WebSocket connection failed after maximum retries')));
+                    }
+                };
+            };
+            connect();
+            // Teardown: close WebSocket on unsubscribe
+            return () => {
+                closed = true;
+                if (retryTimeout) {
+                    clearTimeout(retryTimeout);
+                }
+                if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) {
+                    ws.close(1000, 'Client unsubscribed');
+                }
+            };
+        });
+    }
+    buildWebSocketUrl(queryId) {
+        const encodedId = encodeURIComponent(queryId);
+        const path = `${this.baseUrl}/queries/${encodedId}/stream`;
+        // If baseUrl is absolute (starts with http/https), replace protocol
+        if (this.baseUrl.startsWith('http://')) {
+            return path.replace(/^http:\/\//, 'ws://');
+        }
+        if (this.baseUrl.startsWith('https://')) {
+            return path.replace(/^https:\/\//, 'wss://');
+        }
+        // Relative URL — construct from window.location
+        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        return `${protocol}//${window.location.host}${path}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkStreamingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkStreamingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkStreamingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class SparkLanguageService {
     http = inject(HttpClient);
     config = inject(SPARK_CONFIG, { optional: true });
@@ -1673,7 +1759,9 @@ class SparkQueryListComponent {
     route = inject(ActivatedRoute);
     router = inject(Router);
     sparkService = inject(SparkService);
+    streamingService = inject(SparkStreamingService);
     rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);
+    destroyRef = inject(DestroyRef);
     extraActionsTemplate = input(null, ...(ngDevMode ? [{ debugName: "extraActionsTemplate" }] : []));
     rowClicked = output();
     createClicked = output();
@@ -1687,6 +1775,10 @@ class SparkQueryListComponent {
     searchTerm = '';
     canRead = signal(false, ...(ngDevMode ? [{ debugName: "canRead" }] : []));
     canCreate = signal(false, ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
+    isStreaming = signal(false, ...(ngDevMode ? [{ debugName: "isStreaming" }] : []));
+    streamingSub = null;
+    allItems = signal([], ...(ngDevMode ? [{ debugName: "allItems" }] : []));
+    filteredItems = [];
     settings = signal(new DatatableSettings({
         perPage: { values: [10, 25, 50], selected: 10 },
         page: { values: [1], selected: 1 },
@@ -1698,6 +1790,7 @@ class SparkQueryListComponent {
     }), ...(ngDevMode ? [{ debugName: "virtualSettings" }] : []));
     constructor() {
         this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));
+        this.destroyRef.onDestroy(() => this.disconnectStreaming());
     }
     async onParamsChange(params) {
         const queryId = params.get('queryId');
@@ -1743,7 +1836,17 @@ class SparkQueryListComponent {
             }));
             if (resolvedQuery?.renderMode === 'VirtualScrolling') {
                 this.virtualSettings.set(new DatatableSettings({ sortColumns: initialSortColumns }));
-                this.initVirtualDataSource();
+                if (resolvedQuery?.isStreamingQuery) {
+                    // Streaming + VirtualScrolling: create a stable client-side data source, then connect WebSocket
+                    this.virtualDataSource.set(new VirtualDatatableDataSource((skip, take) => Promise.resolve({
+                        data: this.filteredItems.slice(skip, skip + take),
+                        totalRecords: this.filteredItems.length
+                    }), 50));
+                    this.connectStreaming(resolvedQuery.id);
+                }
+                else {
+                    this.initVirtualDataSource();
+                }
             }
             else {
                 this.settings.set(new DatatableSettings({
@@ -1751,14 +1854,12 @@ class SparkQueryListComponent {
                     page: { values: [1], selected: 1 },
                     sortColumns: initialSortColumns
                 }));
+                await this.loadItems();
             }
             this.loadLookupReferenceOptions();
             const permissions = await this.sparkService.getPermissions(resolvedEntityType.id);
             this.canRead.set(permissions.canRead);
             this.canCreate.set(permissions.canCreate);
-            if (resolvedQuery?.renderMode !== 'VirtualScrolling') {
-                await this.loadItems();
-            }
         }
     }
     async resolveEntityTypeForQuery(query) {
@@ -1814,6 +1915,13 @@ class SparkQueryListComponent {
         const currentQuery = this.query();
         if (!currentQuery)
             return;
+        // Streaming queries use WebSocket instead of HTTP
+        if (currentQuery.isStreamingQuery) {
+            this.connectStreaming(currentQuery.id);
+            return;
+        }
+        // Non-streaming: disconnect any previous streaming connection
+        this.disconnectStreaming();
         try {
             const s = this.settings();
             const result = await this.sparkService.executeQuery(currentQuery.id, {
@@ -1839,6 +1947,11 @@ class SparkQueryListComponent {
         }
     }
     onSettingsChange() {
+        if (this.isStreaming()) {
+            // Streaming: sort/filter is client-side only
+            this.applyFilter();
+            return;
+        }
         if (this.query()?.renderMode === 'VirtualScrolling') {
             this.virtualDataSource()?.reset();
             this.initVirtualDataSource();
@@ -1848,6 +1961,10 @@ class SparkQueryListComponent {
         }
     }
     onSearchChange() {
+        if (this.isStreaming()) {
+            this.applyFilter();
+            return;
+        }
         if (this.query()?.renderMode === 'VirtualScrolling') {
             this.virtualDataSource()?.reset();
             this.initVirtualDataSource();
@@ -1898,14 +2015,106 @@ class SparkQueryListComponent {
             this.router.navigate(['/po', et.alias || et.id, 'new']);
         }
     }
+    connectStreaming(queryId) {
+        this.disconnectStreaming();
+        this.isStreaming.set(true);
+        this.streamingSub = this.streamingService.connectToStreamingQuery(queryId).subscribe({
+            next: (message) => this.handleStreamingMessage(message),
+            error: (err) => {
+                this.errorMessage.set(err?.message || 'Streaming connection failed');
+                this.isStreaming.set(false);
+            },
+            complete: () => {
+                this.isStreaming.set(false);
+            }
+        });
+    }
+    disconnectStreaming() {
+        if (this.streamingSub) {
+            this.streamingSub.unsubscribe();
+            this.streamingSub = null;
+        }
+        this.isStreaming.set(false);
+    }
+    handleStreamingMessage(message) {
+        switch (message.type) {
+            case 'snapshot':
+                this.errorMessage.set(null);
+                this.allItems.set(message.data);
+                this.applyFilter();
+                break;
+            case 'patch':
+                if (message.updated.length > 0) {
+                    const currentItems = this.allItems();
+                    const updatedItems = currentItems.map(item => {
+                        const patch = message.updated.find(u => u.id === item.id);
+                        if (!patch)
+                            return item;
+                        // Clone the item and update only changed attribute values
+                        const updatedAttributes = item.attributes.map(attr => {
+                            if (attr.name in patch.attributes) {
+                                return { ...attr, value: patch.attributes[attr.name] };
+                            }
+                            return attr;
+                        });
+                        return { ...item, attributes: updatedAttributes };
+                    });
+                    this.allItems.set(updatedItems);
+                    this.applyFilter();
+                }
+                break;
+            case 'error':
+                this.errorMessage.set(message.message);
+                break;
+        }
+    }
+    applyFilter() {
+        let items = this.allItems();
+        // Apply search filter
+        if (this.searchTerm) {
+            const term = this.searchTerm.toLowerCase();
+            items = items.filter(item => item.attributes.some(a => String(a.value ?? '').toLowerCase().includes(term)));
+        }
+        // Apply sorting
+        const isVirtual = this.query()?.renderMode === 'VirtualScrolling';
+        const sortCols = isVirtual ? this.virtualSettings().sortColumns : this.settings().sortColumns;
+        if (sortCols.length > 0) {
+            items = [...items].sort((a, b) => {
+                for (const col of sortCols) {
+                    const aVal = a.attributes.find(attr => attr.name === col.property)?.value ?? '';
+                    const bVal = b.attributes.find(attr => attr.name === col.property)?.value ?? '';
+                    const cmp = String(aVal).localeCompare(String(bVal));
+                    if (cmp !== 0)
+                        return col.direction === 'descending' ? -cmp : cmp;
+                }
+                return 0;
+            });
+        }
+        if (isVirtual) {
+            // Update the mutable filtered items array.
+            // The stable data source's fetchFn closure reads from this.filteredItems,
+            // so clearing its cache and emitting empty triggers the CDK viewport to re-fetch.
+            this.filteredItems = items;
+            this.virtualDataSource()?.reset();
+        }
+        else {
+            this.paginationData.set({
+                data: items,
+                totalRecords: items.length,
+                totalPages: 1,
+                perPage: items.length,
+                page: 1
+            });
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkQueryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkQueryListComponent, isStandalone: true, selector: "spark-query-list", inputs: { extraActionsTemplate: { classPropertyName: "extraActionsTemplate", publicName: "extraActionsTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClicked: "rowClicked", createClicked: "createClicked" }, host: { properties: { "class.virtual-scrolling": "isVirtualScrolling()" } }, ngImport: i0, template: "<div class=\"d-flex flex-column h-100\">\n  <!-- Title + Actions row -->\n  <div class=\"d-flex justify-content-between align-items-center mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    <h2>{{ (query()?.description | resolveTranslation) || query()?.name || ('loading' | t) }}</h2>\n    <div class=\"d-flex gap-2\">\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n      }\n      @if (canCreate()) {\n        <button class=\"btn btn-primary\" (click)=\"onCreate()\">\n          <spark-icon name=\"plus-lg\" /> {{ 'new' | t }}\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (entityType()) {\n    <!-- Search box -->\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n      <bs-form>\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"4\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'search' | t\"\n                  [(ngModel)]=\"searchTerm\"\n                  (ngModelChange)=\"onSearchChange()\">\n                @if (searchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"8\" class=\"text-end\">\n              @if (searchTerm && paginationData()) {\n                <span class=\"text-muted\">\n                  {{ paginationData()!.totalRecords }} {{ paginationData()!.totalRecords === 1 ? ('resultFound' | t) : ('resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n      </bs-form>\n\n      @if (errorMessage(); as err) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n          {{ err }}\n        </bs-alert>\n      }\n    </div>\n\n    @if (query()?.renderMode === 'VirtualScrolling') {\n      @if (virtualDataSource(); as vds) {\n        <bs-virtual-datatable class=\"flex-grow-1 overflow-hidden\"\n            [(settings)]=\"virtualSettings\"\n            [dataSource]=\"vds\"\n            [isResponsive]=\"true\"\n            (settingsChange)=\"onSettingsChange()\">\n          @for (attr of visibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ (attr.label | resolveTranslation) || attr.name }}\n            </div>\n          }\n\n          <ng-template bsVirtualRowTemplate let-item>\n            @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n              <td>\n                @if (item) {\n                  @if (first && canRead()) {\n                    <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                      <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                    </a>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                  }\n                } @else {\n                  &nbsp;\n                }\n              </td>\n            }\n          </ng-template>\n        </bs-virtual-datatable>\n      }\n    } @else {\n      <bs-datatable class=\"flex-grow-1\" [(settings)]=\"settings\" (settingsChange)=\"onSettingsChange()\">\n        @for (attr of visibleAttributes(); track attr.id) {\n          <div *bsDatatableColumn=\"attr.name; sortable: true\">\n            {{ (attr.label | resolveTranslation) || attr.name }}\n          </div>\n        }\n\n        <tr *bsRowTemplate=\"let item of paginationData()\">\n          @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n            <td>\n              @if (first && canRead()) {\n                <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                  <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                </a>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n              }\n            </td>\n          }\n        </tr>\n      </bs-datatable>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n\n<ng-template #cellContent let-item let-attr=\"attr\">\n  @if (getColumnRendererComponent(attr); as rendererType) {\n    <ng-container *ngComponentOutlet=\"rendererType; inputs: getColumnRendererInputs(item, attr)\"></ng-container>\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  } @else if (attr.dataType === 'color') {\n    @let colorVal = (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes());\n    @if (colorVal) {\n      <span class=\"d-inline-block align-middle border rounded\" [style.background-color]=\"colorVal\" style=\"width: 1.5em; height: 1.5em;\"></span>\n    }\n  } @else {\n    {{ (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes()) }}\n  }\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;flex:1;min-height:0}:host.virtual-scrolling{margin:0 -1.5rem -1.5rem}tr:hover{background-color:#0000000d}td input[type=checkbox]:disabled{opacity:1;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsDatatableComponent, selector: "bs-datatable", inputs: ["data"], outputs: ["dataChange"] }, { kind: "directive", type: BsDatatableColumnDirective, selector: "[bsDatatableColumn]", inputs: ["bsDatatableColumn", "bsDatatableColumnSortable"] }, { kind: "directive", type: BsRowTemplateDirective, selector: "[bsRowTemplate]", inputs: ["bsRowTemplateOf"] }, { kind: "component", type: BsVirtualDatatableComponent, selector: "bs-virtual-datatable", inputs: ["dataSource", "isResponsive", "itemSize"] }, { kind: "directive", type: BsVirtualRowTemplateDirective, selector: "[bsVirtualRowTemplate]" }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[xxs],[xs],[sm],[md],[lg],[xl],[xxl]", inputs: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: BsInputGroupComponent, selector: "bs-input-group" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: AttributeValuePipe, name: "attributeValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SparkQueryListComponent, isStandalone: true, selector: "spark-query-list", inputs: { extraActionsTemplate: { classPropertyName: "extraActionsTemplate", publicName: "extraActionsTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClicked: "rowClicked", createClicked: "createClicked" }, host: { properties: { "class.virtual-scrolling": "isVirtualScrolling()" } }, ngImport: i0, template: "<div class=\"d-flex flex-column h-100\">\n  <!-- Title + Actions row -->\n  <div class=\"d-flex justify-content-between align-items-center mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    <h2>\n      {{ (query()?.description | resolveTranslation) || query()?.name || ('loading' | t) }}\n      @if (isStreaming()) {\n        <span class=\"badge bg-success ms-2\" style=\"font-size: 0.5em; vertical-align: middle;\">LIVE</span>\n      }\n    </h2>\n    <div class=\"d-flex gap-2\">\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n      }\n      @if (canCreate()) {\n        <button class=\"btn btn-primary\" (click)=\"onCreate()\">\n          <spark-icon name=\"plus-lg\" /> {{ 'new' | t }}\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (entityType()) {\n    <!-- Search box -->\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n      <bs-form>\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"4\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'search' | t\"\n                  [(ngModel)]=\"searchTerm\"\n                  (ngModelChange)=\"onSearchChange()\">\n                @if (searchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"8\" class=\"text-end\">\n              @if (searchTerm && paginationData()) {\n                <span class=\"text-muted\">\n                  {{ paginationData()!.totalRecords }} {{ paginationData()!.totalRecords === 1 ? ('resultFound' | t) : ('resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n      </bs-form>\n\n      @if (errorMessage(); as err) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n          {{ err }}\n        </bs-alert>\n      }\n    </div>\n\n    @if (query()?.renderMode === 'VirtualScrolling') {\n      @if (virtualDataSource(); as vds) {\n        <bs-virtual-datatable class=\"flex-grow-1 overflow-hidden\"\n            [(settings)]=\"virtualSettings\"\n            [dataSource]=\"vds\"\n            [isResponsive]=\"true\"\n            (settingsChange)=\"onSettingsChange()\">\n          @for (attr of visibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ (attr.label | resolveTranslation) || attr.name }}\n            </div>\n          }\n\n          <ng-template bsVirtualRowTemplate let-item>\n            @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n              <td>\n                @if (item) {\n                  @if (first && canRead()) {\n                    <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                      <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                    </a>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                  }\n                } @else {\n                  &nbsp;\n                }\n              </td>\n            }\n          </ng-template>\n        </bs-virtual-datatable>\n      }\n    } @else {\n      <bs-datatable class=\"flex-grow-1\" [(settings)]=\"settings\" (settingsChange)=\"onSettingsChange()\">\n        @for (attr of visibleAttributes(); track attr.id) {\n          <div *bsDatatableColumn=\"attr.name; sortable: true\">\n            {{ (attr.label | resolveTranslation) || attr.name }}\n          </div>\n        }\n\n        <tr *bsRowTemplate=\"let item of paginationData()\">\n          @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n            <td>\n              @if (first && canRead()) {\n                <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                  <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                </a>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n              }\n            </td>\n          }\n        </tr>\n      </bs-datatable>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n\n<ng-template #cellContent let-item let-attr=\"attr\">\n  @if (getColumnRendererComponent(attr); as rendererType) {\n    <ng-container *ngComponentOutlet=\"rendererType; inputs: getColumnRendererInputs(item, attr)\"></ng-container>\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  } @else if (attr.dataType === 'color') {\n    @let colorVal = (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes());\n    @if (colorVal) {\n      <span class=\"d-inline-block align-middle border rounded\" [style.background-color]=\"colorVal\" style=\"width: 1.5em; height: 1.5em;\"></span>\n    }\n  } @else {\n    {{ (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes()) }}\n  }\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;flex:1;min-height:0}:host.virtual-scrolling{margin:0 -1.5rem -1.5rem}tr:hover{background-color:#0000000d}td input[type=checkbox]:disabled{opacity:1;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsDatatableComponent, selector: "bs-datatable", inputs: ["data"], outputs: ["dataChange"] }, { kind: "directive", type: BsDatatableColumnDirective, selector: "[bsDatatableColumn]", inputs: ["bsDatatableColumn", "bsDatatableColumnSortable"] }, { kind: "directive", type: BsRowTemplateDirective, selector: "[bsRowTemplate]", inputs: ["bsRowTemplateOf"] }, { kind: "component", type: BsVirtualDatatableComponent, selector: "bs-virtual-datatable", inputs: ["dataSource", "isResponsive", "itemSize"] }, { kind: "directive", type: BsVirtualRowTemplateDirective, selector: "[bsVirtualRowTemplate]" }, { kind: "component", type: BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[xxs],[xs],[sm],[md],[lg],[xl],[xxl]", inputs: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] }, { kind: "component", type: BsInputGroupComponent, selector: "bs-input-group" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: AttributeValuePipe, name: "attributeValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SparkQueryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spark-query-list', imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, FormsModule, RouterModule, BsAlertComponent, BsContainerComponent, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, BsVirtualDatatableComponent, BsVirtualRowTemplateDirective, BsFormComponent, BsFormControlDirective, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsInputGroupComponent, BsSpinnerComponent, SparkIconComponent, ResolveTranslationPipe, TranslateKeyPipe, AttributeValuePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.virtual-scrolling]': 'isVirtualScrolling()'
-                    }, template: "<div class=\"d-flex flex-column h-100\">\n  <!-- Title + Actions row -->\n  <div class=\"d-flex justify-content-between align-items-center mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    <h2>{{ (query()?.description | resolveTranslation) || query()?.name || ('loading' | t) }}</h2>\n    <div class=\"d-flex gap-2\">\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n      }\n      @if (canCreate()) {\n        <button class=\"btn btn-primary\" (click)=\"onCreate()\">\n          <spark-icon name=\"plus-lg\" /> {{ 'new' | t }}\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (entityType()) {\n    <!-- Search box -->\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n      <bs-form>\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"4\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'search' | t\"\n                  [(ngModel)]=\"searchTerm\"\n                  (ngModelChange)=\"onSearchChange()\">\n                @if (searchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"8\" class=\"text-end\">\n              @if (searchTerm && paginationData()) {\n                <span class=\"text-muted\">\n                  {{ paginationData()!.totalRecords }} {{ paginationData()!.totalRecords === 1 ? ('resultFound' | t) : ('resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n      </bs-form>\n\n      @if (errorMessage(); as err) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n          {{ err }}\n        </bs-alert>\n      }\n    </div>\n\n    @if (query()?.renderMode === 'VirtualScrolling') {\n      @if (virtualDataSource(); as vds) {\n        <bs-virtual-datatable class=\"flex-grow-1 overflow-hidden\"\n            [(settings)]=\"virtualSettings\"\n            [dataSource]=\"vds\"\n            [isResponsive]=\"true\"\n            (settingsChange)=\"onSettingsChange()\">\n          @for (attr of visibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ (attr.label | resolveTranslation) || attr.name }}\n            </div>\n          }\n\n          <ng-template bsVirtualRowTemplate let-item>\n            @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n              <td>\n                @if (item) {\n                  @if (first && canRead()) {\n                    <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                      <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                    </a>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                  }\n                } @else {\n                  &nbsp;\n                }\n              </td>\n            }\n          </ng-template>\n        </bs-virtual-datatable>\n      }\n    } @else {\n      <bs-datatable class=\"flex-grow-1\" [(settings)]=\"settings\" (settingsChange)=\"onSettingsChange()\">\n        @for (attr of visibleAttributes(); track attr.id) {\n          <div *bsDatatableColumn=\"attr.name; sortable: true\">\n            {{ (attr.label | resolveTranslation) || attr.name }}\n          </div>\n        }\n\n        <tr *bsRowTemplate=\"let item of paginationData()\">\n          @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n            <td>\n              @if (first && canRead()) {\n                <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                  <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                </a>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n              }\n            </td>\n          }\n        </tr>\n      </bs-datatable>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n\n<ng-template #cellContent let-item let-attr=\"attr\">\n  @if (getColumnRendererComponent(attr); as rendererType) {\n    <ng-container *ngComponentOutlet=\"rendererType; inputs: getColumnRendererInputs(item, attr)\"></ng-container>\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  } @else if (attr.dataType === 'color') {\n    @let colorVal = (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes());\n    @if (colorVal) {\n      <span class=\"d-inline-block align-middle border rounded\" [style.background-color]=\"colorVal\" style=\"width: 1.5em; height: 1.5em;\"></span>\n    }\n  } @else {\n    {{ (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes()) }}\n  }\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;flex:1;min-height:0}:host.virtual-scrolling{margin:0 -1.5rem -1.5rem}tr:hover{background-color:#0000000d}td input[type=checkbox]:disabled{opacity:1;pointer-events:none}\n"] }]
+                    }, template: "<div class=\"d-flex flex-column h-100\">\n  <!-- Title + Actions row -->\n  <div class=\"d-flex justify-content-between align-items-center mb-4 flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n    <h2>\n      {{ (query()?.description | resolveTranslation) || query()?.name || ('loading' | t) }}\n      @if (isStreaming()) {\n        <span class=\"badge bg-success ms-2\" style=\"font-size: 0.5em; vertical-align: middle;\">LIVE</span>\n      }\n    </h2>\n    <div class=\"d-flex gap-2\">\n      @if (extraActionsTemplate(); as extraActionsTpl) {\n        <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n      }\n      @if (canCreate()) {\n        <button class=\"btn btn-primary\" (click)=\"onCreate()\">\n          <spark-icon name=\"plus-lg\" /> {{ 'new' | t }}\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (entityType()) {\n    <!-- Search box -->\n    <div class=\"flex-shrink-0\" [class.px-4]=\"isVirtualScrolling()\">\n      <bs-form>\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"4\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'search' | t\"\n                  [(ngModel)]=\"searchTerm\"\n                  (ngModelChange)=\"onSearchChange()\">\n                @if (searchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"8\" class=\"text-end\">\n              @if (searchTerm && paginationData()) {\n                <span class=\"text-muted\">\n                  {{ paginationData()!.totalRecords }} {{ paginationData()!.totalRecords === 1 ? ('resultFound' | t) : ('resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n      </bs-form>\n\n      @if (errorMessage(); as err) {\n        <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n          {{ err }}\n        </bs-alert>\n      }\n    </div>\n\n    @if (query()?.renderMode === 'VirtualScrolling') {\n      @if (virtualDataSource(); as vds) {\n        <bs-virtual-datatable class=\"flex-grow-1 overflow-hidden\"\n            [(settings)]=\"virtualSettings\"\n            [dataSource]=\"vds\"\n            [isResponsive]=\"true\"\n            (settingsChange)=\"onSettingsChange()\">\n          @for (attr of visibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ (attr.label | resolveTranslation) || attr.name }}\n            </div>\n          }\n\n          <ng-template bsVirtualRowTemplate let-item>\n            @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n              <td>\n                @if (item) {\n                  @if (first && canRead()) {\n                    <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                      <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                    </a>\n                  } @else {\n                    <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                  }\n                } @else {\n                  &nbsp;\n                }\n              </td>\n            }\n          </ng-template>\n        </bs-virtual-datatable>\n      }\n    } @else {\n      <bs-datatable class=\"flex-grow-1\" [(settings)]=\"settings\" (settingsChange)=\"onSettingsChange()\">\n        @for (attr of visibleAttributes(); track attr.id) {\n          <div *bsDatatableColumn=\"attr.name; sortable: true\">\n            {{ (attr.label | resolveTranslation) || attr.name }}\n          </div>\n        }\n\n        <tr *bsRowTemplate=\"let item of paginationData()\">\n          @for (attr of visibleAttributes(); track attr.id; let first = $first) {\n            <td>\n              @if (first && canRead()) {\n                <a [routerLink]=\"['/po', entityType()!.alias || entityType()!.id, item.id]\" (click)=\"rowClicked.emit(item)\">\n                  <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n                </a>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"cellContent; context: { $implicit: item, attr: attr }\"></ng-container>\n              }\n            </td>\n          }\n        </tr>\n      </bs-datatable>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n\n<ng-template #cellContent let-item let-attr=\"attr\">\n  @if (getColumnRendererComponent(attr); as rendererType) {\n    <ng-container *ngComponentOutlet=\"rendererType; inputs: getColumnRendererInputs(item, attr)\"></ng-container>\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  } @else if (attr.dataType === 'color') {\n    @let colorVal = (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes());\n    @if (colorVal) {\n      <span class=\"d-inline-block align-middle border rounded\" [style.background-color]=\"colorVal\" style=\"width: 1.5em; height: 1.5em;\"></span>\n    }\n  } @else {\n    {{ (attr.name | attributeValue:item:entityType():lookupReferenceOptions():allEntityTypes()) }}\n  }\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;flex:1;min-height:0}:host.virtual-scrolling{margin:0 -1.5rem -1.5rem}tr:hover{background-color:#0000000d}td input[type=checkbox]:disabled{opacity:1;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { extraActionsTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraActionsTemplate", required: false }] }], rowClicked: [{ type: i0.Output, args: ["rowClicked"] }], createClicked: [{ type: i0.Output, args: ["createClicked"] }] } });
 
 var sparkQueryList_component = /*#__PURE__*/Object.freeze({
@@ -2056,5 +2265,5 @@ function provideSpark(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayValuePipe, AsDetailCellValuePipe, AsDetailColumnsPipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AttributeValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, ELookupDisplayType, ErrorForAttributePipe, IconNamePipe, InlineRefOptionsPipe, InputTypePipe, LookupDisplayTypePipe, LookupDisplayValuePipe, LookupOptionsPipe, RawAttributeValuePipe, ReferenceAttrValuePipe, ReferenceDisplayValuePipe, ReferenceLinkRoutePipe, ResolveTranslationPipe, RetryActionService, RouterLinkPipe, SPARK_ATTRIBUTE_RENDERERS, SPARK_CONFIG, ShowedOn, SparkIconComponent, SparkIconRegistry, SparkLanguageService, SparkPoCreateComponent, SparkPoDetailComponent, SparkPoEditComponent, SparkPoFormComponent, SparkQueryListComponent, SparkRetryActionModalComponent, SparkService, SparkSubQueryComponent, TranslateKeyPipe, currentLanguage, defaultSparkConfig, hasShowedOnFlag, provideSpark, provideSparkAttributeRenderers, resolveTranslation, sparkRoutes };
+export { ArrayValuePipe, AsDetailCellValuePipe, AsDetailColumnsPipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AttributeValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, ELookupDisplayType, ErrorForAttributePipe, IconNamePipe, InlineRefOptionsPipe, InputTypePipe, LookupDisplayTypePipe, LookupDisplayValuePipe, LookupOptionsPipe, RawAttributeValuePipe, ReferenceAttrValuePipe, ReferenceDisplayValuePipe, ReferenceLinkRoutePipe, ResolveTranslationPipe, RetryActionService, RouterLinkPipe, SPARK_ATTRIBUTE_RENDERERS, SPARK_CONFIG, ShowedOn, SparkIconComponent, SparkIconRegistry, SparkLanguageService, SparkPoCreateComponent, SparkPoDetailComponent, SparkPoEditComponent, SparkPoFormComponent, SparkQueryListComponent, SparkRetryActionModalComponent, SparkService, SparkStreamingService, SparkSubQueryComponent, TranslateKeyPipe, currentLanguage, defaultSparkConfig, hasShowedOnFlag, provideSpark, provideSparkAttributeRenderers, resolveTranslation, sparkRoutes };
 //# sourceMappingURL=mintplayer-ng-spark.mjs.map