@mintplayer/ng-spark 0.1.1 → 0.2.0

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

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { inject, output, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { CommonModule } from '@angular/common';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Color } from '@mintplayer/ng-bootstrap';
+import { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';
+import { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';
+import { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';
+import { SparkService } from '@mintplayer/ng-spark/services';
+import { SparkPoFormComponent } from '@mintplayer/ng-spark/po-form';
+import { ResolveTranslationPipe, TranslateKeyPipe } from '@mintplayer/ng-spark/pipes';
+import { hasShowedOnFlag, ShowedOn } from '@mintplayer/ng-spark/models';
+
+class SparkPoCreateComponent {
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    sparkService = inject(SparkService);
+    saved = output();
+    cancelled = output();
+    colors = Color;
+    entityType = signal(null, ...(ngDevMode ? [{ debugName: "entityType" }] : []));
+    type = signal('', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    formData = signal({}, ...(ngDevMode ? [{ debugName: "formData" }] : []));
+    validationErrors = signal([], ...(ngDevMode ? [{ debugName: "validationErrors" }] : []));
+    isSaving = signal(false, ...(ngDevMode ? [{ debugName: "isSaving" }] : []));
+    generalErrors = computed(() => this.validationErrors().filter(e => !e.attributeName), ...(ngDevMode ? [{ debugName: "generalErrors" }] : []));
+    constructor() {
+        this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));
+    }
+    async onParamsChange(params) {
+        this.type.set(params.get('type') || '');
+        const types = await this.sparkService.getEntityTypes();
+        const entityType = types.find(t => t.id === this.type() || t.alias === this.type()) || null;
+        this.entityType.set(entityType);
+        this.initFormData();
+    }
+    initFormData() {
+        const data = {};
+        this.getEditableAttributes().forEach(attr => {
+            if (attr.dataType === 'Reference') {
+                data[attr.name] = null;
+            }
+            else if (attr.dataType === 'AsDetail') {
+                data[attr.name] = attr.isArray ? [] : {};
+            }
+            else if (attr.dataType === 'boolean') {
+                data[attr.name] = false;
+            }
+            else {
+                data[attr.name] = '';
+            }
+        });
+        this.formData.set(data);
+    }
+    getEditableAttributes() {
+        return this.entityType()?.attributes
+            .filter(a => a.isVisible && !a.isReadOnly && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject))
+            .sort((a, b) => a.order - b.order) || [];
+    }
+    async onSave() {
+        if (!this.entityType())
+            return;
+        this.validationErrors.set([]);
+        this.isSaving.set(true);
+        const attributes = this.getEditableAttributes().map(attr => ({
+            id: attr.id,
+            name: attr.name,
+            value: this.formData()[attr.name],
+            dataType: attr.dataType,
+            isRequired: attr.isRequired,
+            isVisible: attr.isVisible,
+            isReadOnly: attr.isReadOnly,
+            isValueChanged: true,
+            order: attr.order,
+            rules: attr.rules
+        }));
+        const po = {
+            name: this.formData()['Name'] || 'New Item',
+            objectTypeId: this.entityType().id,
+            attributes
+        };
+        try {
+            const result = await this.sparkService.create(this.type(), po);
+            this.isSaving.set(false);
+            this.saved.emit(result);
+            this.router.navigate(['/po', this.type(), result.id]);
+        }
+        catch (e) {
+            this.isSaving.set(false);
+            const error = e;
+            if (error.status === 400 && error.error?.errors) {
+                this.validationErrors.set(error.error.errors);
+            }
+            else {
+                this.validationErrors.set([{
+                        attributeName: '',
+                        errorMessage: { en: error.message || 'An unexpected error occurred' },
+                        ruleType: 'error'
+                    }]);
+            }
+        }
+    }
+    onCancel() {
+        this.cancelled.emit();
+        window.history.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SparkPoCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: SparkPoCreateComponent, isStandalone: true, selector: "spark-po-create", outputs: { saved: "saved", cancelled: "cancelled" }, ngImport: i0, template: "<bs-container>\n<div class=\"container\">\n  @if (entityType(); as et) {\n    <h2 class=\"mb-4\">{{ 'common.create' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    @for (error of generalErrors(); track error.errorMessage) {\n      <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n        {{ error.errorMessage }}\n      </bs-alert>\n    }\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsContainerComponent, selector: "bs-container" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkPoFormComponent, selector: "spark-po-form", inputs: ["entityType", "formData", "validationErrors", "showButtons", "isSaving", "parentId", "parentType"], outputs: ["formDataChange", "save", "cancel"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SparkPoCreateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spark-po-create', imports: [CommonModule, BsAlertComponent, BsContainerComponent, BsSpinnerComponent, SparkPoFormComponent, ResolveTranslationPipe, TranslateKeyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-container>\n<div class=\"container\">\n  @if (entityType(); as et) {\n    <h2 class=\"mb-4\">{{ 'common.create' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    @for (error of generalErrors(); track error.errorMessage) {\n      <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n        {{ error.errorMessage }}\n      </bs-alert>\n    }\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n" }]
+        }], ctorParameters: () => [], propDecorators: { saved: [{ type: i0.Output, args: ["saved"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SparkPoCreateComponent };
+//# sourceMappingURL=mintplayer-ng-spark-po-create.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-spark-po-create.mjs","sources":["../../po-create/src/spark-po-create.component.ts","../../po-create/src/spark-po-create.component.html","../../po-create/mintplayer-ng-spark-po-create.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule } from '@angular/common';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { SparkService } from '@mintplayer/ng-spark/services';\nimport { SparkPoFormComponent } from '@mintplayer/ng-spark/po-form';\nimport { TranslateKeyPipe, ResolveTranslationPipe } from '@mintplayer/ng-spark/pipes';\nimport {\n  EntityType,\n  PersistentObject,\n  PersistentObjectAttribute,\n  ValidationError,\n  ShowedOn,\n  hasShowedOnFlag,\n} from '@mintplayer/ng-spark/models';\n\n@Component({\n  selector: 'spark-po-create',\n  imports: [CommonModule, BsAlertComponent, BsContainerComponent, BsSpinnerComponent, SparkPoFormComponent, ResolveTranslationPipe, TranslateKeyPipe],\n  templateUrl: './spark-po-create.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoCreateComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n\n  saved = output<PersistentObject>();\n  cancelled = output<void>();\n\n  colors = Color;\n  entityType = signal<EntityType | null>(null);\n  type = signal('');\n  formData = signal<Record<string, any>>({});\n  validationErrors = signal<ValidationError[]>([]);\n  isSaving = signal(false);\n  generalErrors = computed(() => this.validationErrors().filter(e => !e.attributeName));\n\n  constructor() {\n    this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));\n  }\n\n  private async onParamsChange(params: any): Promise<void> {\n    this.type.set(params.get('type') || '');\n    const types = await this.sparkService.getEntityTypes();\n    const entityType = types.find(t => t.id === this.type() || t.alias === this.type()) || null;\n    this.entityType.set(entityType);\n    this.initFormData();\n  }\n\n  initFormData(): void {\n    const data: Record<string, any> = {};\n    this.getEditableAttributes().forEach(attr => {\n      if (attr.dataType === 'Reference') {\n        data[attr.name] = null;\n      } else if (attr.dataType === 'AsDetail') {\n        data[attr.name] = attr.isArray ? [] : {};\n      } else if (attr.dataType === 'boolean') {\n        data[attr.name] = false;\n      } else {\n        data[attr.name] = '';\n      }\n    });\n    this.formData.set(data);\n  }\n\n  getEditableAttributes() {\n    return this.entityType()?.attributes\n      .filter(a => a.isVisible && !a.isReadOnly && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject))\n      .sort((a, b) => a.order - b.order) || [];\n  }\n\n  async onSave(): Promise<void> {\n    if (!this.entityType()) return;\n\n    this.validationErrors.set([]);\n    this.isSaving.set(true);\n\n    const attributes: PersistentObjectAttribute[] = this.getEditableAttributes().map(attr => ({\n      id: attr.id,\n      name: attr.name,\n      value: this.formData()[attr.name],\n      dataType: attr.dataType,\n      isRequired: attr.isRequired,\n      isVisible: attr.isVisible,\n      isReadOnly: attr.isReadOnly,\n      isValueChanged: true,\n      order: attr.order,\n      rules: attr.rules\n    }));\n\n    const po: Partial<PersistentObject> = {\n      name: this.formData()['Name'] || 'New Item',\n      objectTypeId: this.entityType()!.id,\n      attributes\n    };\n\n    try {\n      const result = await this.sparkService.create(this.type(), po);\n      this.isSaving.set(false);\n      this.saved.emit(result);\n      this.router.navigate(['/po', this.type(), result.id]);\n    } catch (e) {\n      this.isSaving.set(false);\n      const error = e as HttpErrorResponse;\n      if (error.status === 400 && error.error?.errors) {\n        this.validationErrors.set(error.error.errors);\n      } else {\n        this.validationErrors.set([{\n          attributeName: '',\n          errorMessage: { en: error.message || 'An unexpected error occurred' },\n          ruleType: 'error'\n        }]);\n      }\n    }\n  }\n\n  onCancel(): void {\n    this.cancelled.emit();\n    window.history.back();\n  }\n}\n","<bs-container>\n<div class=\"container\">\n  @if (entityType(); as et) {\n    <h2 class=\"mb-4\">{{ 'common.create' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    @for (error of generalErrors(); track error.errorMessage) {\n      <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n        {{ error.errorMessage }}\n      </bs-alert>\n    }\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,368 @@
+import * as i0 from '@angular/core';
+import { inject, input, signal, computed, effect, ChangeDetectionStrategy, Component, output } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/common';
+import { CommonModule, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import * as i2 from '@angular/router';
+import { RouterModule, ActivatedRoute, Router } from '@angular/router';
+import { Color } from '@mintplayer/ng-bootstrap';
+import { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';
+import { BsButtonGroupComponent } from '@mintplayer/ng-bootstrap/button-group';
+import { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';
+import { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';
+import { BsGridComponent, BsGridRowDirective, BsGridColumnDirective } from '@mintplayer/ng-bootstrap/grid';
+import { BsTableComponent } from '@mintplayer/ng-bootstrap/table';
+import { BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective } from '@mintplayer/ng-bootstrap/tab-control';
+import { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';
+import { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';
+import { ResolveTranslationPipe, TranslateKeyPipe, AttributeValuePipe, RawAttributeValuePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, ArrayValuePipe, ReferenceLinkRoutePipe } from '@mintplayer/ng-spark/pipes';
+import { SparkIconComponent } from '@mintplayer/ng-spark/icon';
+import { DatatableSettings, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective } from '@mintplayer/ng-bootstrap/datatable';
+import { VirtualDatatableDataSource, BsVirtualDatatableComponent, BsVirtualRowTemplateDirective } from '@mintplayer/ng-bootstrap/virtual-datatable';
+import { SPARK_ATTRIBUTE_RENDERERS } from '@mintplayer/ng-spark/renderers';
+import { hasShowedOnFlag, ShowedOn } from '@mintplayer/ng-spark/models';
+
+class SparkSubQueryComponent {
+    sparkService = inject(SparkService);
+    rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);
+    queryId = input.required(...(ngDevMode ? [{ debugName: "queryId" }] : []));
+    parentId = input.required(...(ngDevMode ? [{ debugName: "parentId" }] : []));
+    parentType = input.required(...(ngDevMode ? [{ debugName: "parentType" }] : []));
+    query = signal(null, ...(ngDevMode ? [{ debugName: "query" }] : []));
+    entityType = signal(null, ...(ngDevMode ? [{ debugName: "entityType" }] : []));
+    allEntityTypes = signal([], ...(ngDevMode ? [{ debugName: "allEntityTypes" }] : []));
+    paginationData = signal(undefined, ...(ngDevMode ? [{ debugName: "paginationData" }] : []));
+    lookupReferenceOptions = signal({}, ...(ngDevMode ? [{ debugName: "lookupReferenceOptions" }] : []));
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    canRead = signal(false, ...(ngDevMode ? [{ debugName: "canRead" }] : []));
+    settings = signal(new DatatableSettings({
+        perPage: { values: [10, 25, 50], selected: 10 },
+        page: { values: [1], selected: 1 },
+        sortColumns: []
+    }), ...(ngDevMode ? [{ debugName: "settings" }] : []));
+    virtualDataSource = signal(null, ...(ngDevMode ? [{ debugName: "virtualDataSource" }] : []));
+    virtualSettings = signal(new DatatableSettings({
+        sortColumns: []
+    }), ...(ngDevMode ? [{ debugName: "virtualSettings" }] : []));
+    visibleAttributes = computed(() => {
+        return this.entityType()?.attributes
+            .filter(a => a.isVisible && hasShowedOnFlag(a.showedOn, ShowedOn.Query))
+            .sort((a, b) => a.order - b.order) || [];
+    }, ...(ngDevMode ? [{ debugName: "visibleAttributes" }] : []));
+    constructor() {
+        effect(() => {
+            const qId = this.queryId();
+            const pId = this.parentId();
+            const pType = this.parentType();
+            if (qId && pId && pType) {
+                this.loadData(qId, pId, pType);
+            }
+        });
+    }
+    async loadData(queryId, parentId, parentType) {
+        this.loading.set(true);
+        try {
+            const [resolvedQuery, entityTypes] = await Promise.all([
+                this.sparkService.getQuery(queryId),
+                this.sparkService.getEntityTypes()
+            ]);
+            this.query.set(resolvedQuery);
+            this.allEntityTypes.set(entityTypes);
+            const initialSortColumns = (resolvedQuery.sortColumns || []).map(sc => ({
+                property: sc.property,
+                direction: sc.direction === 'desc' ? 'descending' : 'ascending'
+            }));
+            // Resolve entity type from query's entityType field
+            if (resolvedQuery.entityType) {
+                const et = entityTypes.find(t => t.name === resolvedQuery.entityType || t.alias === resolvedQuery.entityType?.toLowerCase());
+                this.entityType.set(et || null);
+                if (et) {
+                    const permissions = await this.sparkService.getPermissions(et.id);
+                    this.canRead.set(permissions.canRead);
+                }
+            }
+            if (resolvedQuery.renderMode === 'VirtualScrolling') {
+                this.virtualSettings.set(new DatatableSettings({ sortColumns: initialSortColumns }));
+                this.virtualDataSource.set(new VirtualDatatableDataSource((skip, take) => this.sparkService.executeQuery(resolvedQuery.id, {
+                    sortColumns: this.virtualSettings().sortColumns,
+                    skip, take,
+                    parentId, parentType,
+                }).then(r => ({ data: r.data, totalRecords: r.totalRecords })), 50));
+            }
+            else {
+                this.settings.set(new DatatableSettings({
+                    perPage: { values: [10, 25, 50], selected: 10 },
+                    page: { values: [1], selected: 1 },
+                    sortColumns: initialSortColumns
+                }));
+                await this.loadPage(resolvedQuery.id, parentId, parentType);
+            }
+            this.loadLookupReferenceOptions();
+        }
+        catch {
+            this.paginationData.set(undefined);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async loadPage(queryId, parentId, parentType) {
+        const s = this.settings();
+        const result = await this.sparkService.executeQuery(queryId, {
+            sortColumns: s.sortColumns,
+            skip: (s.page.selected - 1) * s.perPage.selected,
+            take: s.perPage.selected,
+            parentId, parentType,
+        });
+        const totalPages = Math.ceil(result.totalRecords / s.perPage.selected) || 1;
+        this.paginationData.set({
+            data: result.data,
+            totalRecords: result.totalRecords,
+            totalPages,
+            perPage: s.perPage.selected,
+            page: s.page.selected,
+        });
+        s.page.values = Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    onSettingsChange() {
+        const q = this.query();
+        if (!q)
+            return;
+        if (q.renderMode === 'VirtualScrolling') {
+            this.virtualDataSource()?.reset();
+            const pId = this.parentId();
+            const pType = this.parentType();
+            this.virtualDataSource.set(new VirtualDatatableDataSource((skip, take) => this.sparkService.executeQuery(q.id, {
+                sortColumns: this.virtualSettings().sortColumns,
+                skip, take,
+                parentId: pId, parentType: pType,
+            }).then(r => ({ data: r.data, totalRecords: r.totalRecords })), 50));
+        }
+        else {
+            this.loadPage(q.id, this.parentId(), this.parentType());
+        }
+    }
+    async loadLookupReferenceOptions() {
+        const lookupAttrs = this.visibleAttributes().filter(a => a.lookupReferenceType);
+        if (lookupAttrs.length === 0)
+            return;
+        const lookupNames = [...new Set(lookupAttrs.map(a => a.lookupReferenceType))];
+        const entries = await Promise.all(lookupNames.map(async (name) => {
+            const result = await this.sparkService.getLookupReference(name);
+            return [name, result];
+        }));
+        this.lookupReferenceOptions.set(entries.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}));
+    }
+    getColumnRendererComponent(attr) {
+        if (!attr.renderer)
+            return null;
+        return this.rendererRegistry.find(r => r.name === attr.renderer)?.columnComponent ?? null;
+    }
+    getColumnRendererInputs(item, attr) {
+        const itemAttr = item.attributes.find(a => a.name === attr.name);
+        return {
+            value: itemAttr?.value,
+            attribute: attr,
+            options: attr.rendererOptions,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SparkSubQueryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: SparkSubQueryComponent, isStandalone: true, selector: "spark-sub-query", inputs: { queryId: { classPropertyName: "queryId", publicName: "queryId", isSignal: true, isRequired: true, transformFunction: null }, parentId: { classPropertyName: "parentId", publicName: "parentId", isSignal: true, isRequired: true, transformFunction: null }, parentType: { classPropertyName: "parentType", publicName: "parentType", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (query(); as q) {\n  <bs-card style=\"display: block; margin: 1rem 0;\">\n    <bs-card-header>{{ (q.description | resolveTranslation) || q.name }}</bs-card-header>\n    @if (loading()) {\n      <div class=\"text-center p-3\">\n        <bs-spinner />\n      </div>\n    } @else if (q.renderMode === 'VirtualScrolling') {\n      @if (virtualDataSource(); as vds) {\n        <div class=\"p-3 d-flex flex-column\" style=\"height: 400px;\">\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]\">\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        </div>\n      }\n    } @else {\n      <div class=\"p-3\">\n        @if (!paginationData() || paginationData()!.totalRecords === 0) {\n          <div class=\"text-center text-muted\">\n            {{ 'common.noItemsFound' | t }}\n          </div>\n        } @else {\n          <bs-datatable [(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]\">\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      </div>\n    }\n  </bs-card>\n}\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      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", 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: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { 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: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { 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.1.6", ngImport: i0, type: SparkSubQueryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spark-sub-query', imports: [CommonModule, NgComponentOutlet, RouterModule, BsCardComponent, BsCardHeaderComponent, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, BsVirtualDatatableComponent, BsVirtualRowTemplateDirective, BsTableComponent, BsSpinnerComponent, ResolveTranslationPipe, TranslateKeyPipe, AttributeValuePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (query(); as q) {\n  <bs-card style=\"display: block; margin: 1rem 0;\">\n    <bs-card-header>{{ (q.description | resolveTranslation) || q.name }}</bs-card-header>\n    @if (loading()) {\n      <div class=\"text-center p-3\">\n        <bs-spinner />\n      </div>\n    } @else if (q.renderMode === 'VirtualScrolling') {\n      @if (virtualDataSource(); as vds) {\n        <div class=\"p-3 d-flex flex-column\" style=\"height: 400px;\">\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]\">\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        </div>\n      }\n    } @else {\n      <div class=\"p-3\">\n        @if (!paginationData() || paginationData()!.totalRecords === 0) {\n          <div class=\"text-center text-muted\">\n            {{ 'common.noItemsFound' | t }}\n          </div>\n        } @else {\n          <bs-datatable [(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]\">\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      </div>\n    }\n  </bs-card>\n}\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      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" }]
+        }], ctorParameters: () => [], propDecorators: { queryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryId", required: true }] }], parentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentId", required: true }] }], parentType: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentType", required: true }] }] } });
+
+class SparkPoDetailComponent {
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    sparkService = inject(SparkService);
+    lang = inject(SparkLanguageService);
+    rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);
+    showCustomActions = input(true, ...(ngDevMode ? [{ debugName: "showCustomActions" }] : []));
+    extraActionsTemplate = input(null, ...(ngDevMode ? [{ debugName: "extraActionsTemplate" }] : []));
+    extraContentTemplate = input(null, ...(ngDevMode ? [{ debugName: "extraContentTemplate" }] : []));
+    edited = output();
+    deleted = output();
+    customActionExecuted = output();
+    colors = Color;
+    errorMessage = signal(null, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
+    entityType = signal(null, ...(ngDevMode ? [{ debugName: "entityType" }] : []));
+    allEntityTypes = signal([], ...(ngDevMode ? [{ debugName: "allEntityTypes" }] : []));
+    item = signal(null, ...(ngDevMode ? [{ debugName: "item" }] : []));
+    lookupReferenceOptions = signal({}, ...(ngDevMode ? [{ debugName: "lookupReferenceOptions" }] : []));
+    asDetailTypes = signal({}, ...(ngDevMode ? [{ debugName: "asDetailTypes" }] : []));
+    asDetailReferenceOptions = signal({}, ...(ngDevMode ? [{ debugName: "asDetailReferenceOptions" }] : []));
+    type = '';
+    id = '';
+    canEdit = signal(false, ...(ngDevMode ? [{ debugName: "canEdit" }] : []));
+    canDelete = signal(false, ...(ngDevMode ? [{ debugName: "canDelete" }] : []));
+    customActions = signal([], ...(ngDevMode ? [{ debugName: "customActions" }] : []));
+    constructor() {
+        this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));
+    }
+    async onParamsChange(params) {
+        this.type = params.get('type') || '';
+        this.id = params.get('id') || '';
+        try {
+            const [entityTypes, item] = await Promise.all([
+                this.sparkService.getEntityTypes(),
+                this.sparkService.get(this.type, this.id)
+            ]);
+            this.allEntityTypes.set(entityTypes);
+            this.entityType.set(entityTypes.find(t => t.id === this.type || t.alias === this.type) || null);
+            this.item.set(item);
+            this.loadLookupReferenceOptions();
+            this.loadAsDetailTypes();
+            const et = this.entityType();
+            if (et) {
+                const [permissions, actions] = await Promise.all([
+                    this.sparkService.getPermissions(et.id),
+                    this.sparkService.getCustomActions(et.id)
+                ]);
+                this.canEdit.set(permissions.canEdit);
+                this.canDelete.set(permissions.canDelete);
+                this.customActions.set(actions.filter(a => a.showedOn === 'detail' || a.showedOn === 'both'));
+            }
+        }
+        catch (e) {
+            const error = e;
+            this.errorMessage.set(error.error?.error || error.message || 'An unexpected error occurred');
+        }
+    }
+    visibleAttributes = computed(() => {
+        return this.entityType()?.attributes
+            .filter(a => a.isVisible && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject))
+            .sort((a, b) => a.order - b.order) || [];
+    }, ...(ngDevMode ? [{ debugName: "visibleAttributes" }] : []));
+    static DEFAULT_TAB = { id: '__default__', name: 'Algemeen', label: { nl: 'Algemeen', en: 'General' }, order: 0 };
+    ungroupedAttributes = computed(() => {
+        const attrs = this.visibleAttributes();
+        const groupIds = new Set((this.entityType()?.groups || []).map(g => g.id));
+        return attrs.filter(a => !a.group || !groupIds.has(a.group));
+    }, ...(ngDevMode ? [{ debugName: "ungroupedAttributes" }] : []));
+    resolvedTabs = computed(() => {
+        const et = this.entityType();
+        const definedTabs = et?.tabs?.length ? [...et.tabs].sort((a, b) => a.order - b.order) : [];
+        const hasUngroupedAttrs = this.ungroupedAttributes().length > 0;
+        const hasUntabbedGroups = (et?.groups || []).some(g => !g.tab);
+        if (hasUngroupedAttrs || hasUntabbedGroups || definedTabs.length === 0) {
+            return [SparkPoDetailComponent.DEFAULT_TAB, ...definedTabs];
+        }
+        return definedTabs;
+    }, ...(ngDevMode ? [{ debugName: "resolvedTabs" }] : []));
+    groupsForTab(tab) {
+        const groups = this.entityType()?.groups || [];
+        if (tab.id === '__default__') {
+            return groups.filter(g => !g.tab).sort((a, b) => a.order - b.order);
+        }
+        return groups.filter(g => g.tab === tab.id).sort((a, b) => a.order - b.order);
+    }
+    attrsForGroup(group) {
+        return this.visibleAttributes().filter(a => a.group === group.id);
+    }
+    getDetailRendererComponent(attr) {
+        if (!attr.renderer)
+            return null;
+        return this.rendererRegistry.find(r => r.name === attr.renderer)?.detailComponent ?? null;
+    }
+    getDetailRendererInputs(attr, item) {
+        const itemAttr = item.attributes.find(a => a.name === attr.name);
+        const formData = {};
+        for (const a of item.attributes) {
+            formData[a.name] = a.value;
+        }
+        return {
+            value: itemAttr?.value,
+            attribute: attr,
+            options: attr.rendererOptions,
+            formData,
+        };
+    }
+    async loadLookupReferenceOptions() {
+        const lookupAttrs = this.visibleAttributes().filter(a => a.lookupReferenceType);
+        if (lookupAttrs.length === 0)
+            return;
+        const lookupNames = [...new Set(lookupAttrs.map(a => a.lookupReferenceType))];
+        const entries = await Promise.all(lookupNames.map(async (name) => {
+            const result = await this.sparkService.getLookupReference(name);
+            return [name, result];
+        }));
+        this.lookupReferenceOptions.set(entries.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}));
+    }
+    async loadAsDetailTypes() {
+        const asDetailAttrs = this.visibleAttributes().filter(a => a.dataType === 'AsDetail' && a.isArray && a.asDetailType);
+        if (asDetailAttrs.length === 0)
+            return;
+        const types = this.allEntityTypes();
+        const newAsDetailTypes = {};
+        for (const attr of asDetailAttrs) {
+            const asDetailType = types.find(t => t.clrType === attr.asDetailType);
+            if (asDetailType) {
+                newAsDetailTypes[attr.name] = asDetailType;
+                const refCols = asDetailType.attributes.filter(a => a.dataType === 'Reference' && a.query);
+                if (refCols.length > 0) {
+                    const refEntries = await Promise.all(refCols.map(async (col) => {
+                        const result = await this.sparkService.executeQueryByName(col.query, {
+                            parentId: this.id,
+                            parentType: this.type,
+                        });
+                        return [col.name, result.data];
+                    }));
+                    this.asDetailReferenceOptions.update(prev => ({
+                        ...prev,
+                        [attr.name]: refEntries.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
+                    }));
+                }
+            }
+        }
+        this.asDetailTypes.set(newAsDetailTypes);
+    }
+    async onCustomAction(action) {
+        if (action.confirmationMessageKey) {
+            const message = this.lang.t(action.confirmationMessageKey) || 'Are you sure?';
+            if (!confirm(message))
+                return;
+        }
+        try {
+            await this.sparkService.executeCustomAction(this.type, action.name, this.item() || undefined);
+            this.customActionExecuted.emit({ action, item: this.item() });
+            if (action.refreshOnCompleted) {
+                const item = await this.sparkService.get(this.type, this.id);
+                this.item.set(item);
+            }
+        }
+        catch (e) {
+            const err = e;
+            this.errorMessage.set(err.error?.error || err.message || 'Action failed');
+        }
+    }
+    onEdit() {
+        this.edited.emit();
+        this.router.navigate(['/po', this.type, this.id, 'edit']);
+    }
+    async onDelete() {
+        if (confirm(this.lang.t('confirmDelete'))) {
+            await this.sparkService.delete(this.type, this.id);
+            this.deleted.emit();
+            this.router.navigate(['/']);
+        }
+    }
+    onBack() {
+        window.history.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SparkPoDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: SparkPoDetailComponent, isStandalone: true, selector: "spark-po-detail", inputs: { showCustomActions: { classPropertyName: "showCustomActions", publicName: "showCustomActions", isSignal: true, isRequired: false, transformFunction: null }, extraActionsTemplate: { classPropertyName: "extraActionsTemplate", publicName: "extraActionsTemplate", isSignal: true, isRequired: false, transformFunction: null }, extraContentTemplate: { classPropertyName: "extraContentTemplate", publicName: "extraContentTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edited: "edited", deleted: "deleted", customActionExecuted: "customActionExecuted" }, ngImport: i0, template: "<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=\"d-flex justify-content-between align-items-center mb-4\">\n      <h2>{{ currentItem.breadcrumb || currentItem.name }}</h2>\n      <bs-button-group>\n        <button class=\"btn btn-outline-secondary\" (click)=\"onBack()\">\n          <spark-icon name=\"arrow-left\" /> {{ 'common.back' | t }}\n        </button>\n        @if (canEdit()) {\n          <button class=\"btn btn-primary\" (click)=\"onEdit()\">\n            <spark-icon name=\"pencil\" /> {{ 'common.edit' | t }}\n          </button>\n        }\n        @if (extraActionsTemplate(); as extraActionsTpl) {\n          <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n        }\n        @if (showCustomActions()) {\n          @for (action of customActions(); track action.name) {\n            <button class=\"btn btn-outline-primary\" (click)=\"onCustomAction(action)\">\n              {{ action.displayName | resolveTranslation }}\n            </button>\n          }\n        }\n        @if (canDelete()) {\n          <button class=\"btn btn-danger\" (click)=\"onDelete()\">\n            <spark-icon name=\"trash\" /> {{ 'common.delete' | t }}\n          </button>\n        }\n      </bs-button-group>\n    </div>\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 style=\"display: block; margin: 1rem;\">\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 style=\"display: block; margin: 1rem;\">\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 }}</dt>\n              <dd [sm]=\"9\">\n              @if (getDetailRendererComponent(attr); as rendererType) {\n                <ng-container *ngComponentOutlet=\"rendererType; inputs: getDetailRendererInputs(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()); track col.name) {\n                        <th>{{ (col.label | resolveTranslation) || col.name }}</th>\n                      }\n                    </tr>\n                  </thead>\n                  <tbody class=\"align-middle\">\n                    @for (row of (attr.name | arrayValue:currentItem); track $index) {\n                      <tr>\n                        @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                          <td>\n                            @if (col.dataType === 'Reference' && col.referenceType) {\n                              @let route = (col.referenceType | referenceLinkRoute:row[col.name]:allEntityTypes());\n                              @if (route) {\n                                <a [routerLink]=\"route\">{{ (row | asDetailCellValue:attr:col:asDetailReferenceOptions()) }}</a>\n                              } @else {\n                                {{ (row | asDetailCellValue:attr:col:asDetailReferenceOptions()) }}\n                              }\n                            } @else {\n                              {{ (row | asDetailCellValue:attr:col:asDetailReferenceOptions()) }}\n                            }\n                          </td>\n                        }\n                      </tr>\n                    } @empty {\n                      <tr>\n                        <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).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                  style=\"opacity: 1;\">\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 me-2\" [style.background-color]=\"colorVal\" style=\"width: 1.5em; height: 1.5em;\"></span>\n                  {{ colorVal }}\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 {\n                {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n              }\n              </dd>\n          </ng-template>\n    </bs-grid>\n    @if (et.queries?.length) {\n      @for (queryAlias of et.queries; track queryAlias) {\n        <spark-sub-query [queryId]=\"queryAlias\" [parentId]=\"currentItem.id!\" [parentType]=\"et.name\" />\n      }\n    }\n    @if (extraContentTemplate(); as extraContentTpl) {\n      <ng-container *ngTemplateOutlet=\"extraContentTpl; context: { $implicit: currentItem, entityType: et }\"></ng-container>\n    }\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\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: RouterModule }, { kind: "directive", type: i2.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: BsButtonGroupComponent, selector: "bs-button-group" }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["rounded"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["noPadding"] }, { kind: "component", type: BsContainerComponent, selector: "bs-container" }, { 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: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover"] }, { kind: "component", type: BsTabControlComponent, selector: "bs-tab-control", inputs: ["border", "restrictDragging", "selectFirstTab", "tabsPosition", "allowDragDrop"] }, { kind: "component", type: BsTabPageComponent, selector: "bs-tab-page", inputs: ["disabled"] }, { kind: "directive", type: BsTabPageHeaderDirective, selector: "[bsTabPageHeader]" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "component", type: SparkSubQueryComponent, selector: "spark-sub-query", inputs: ["queryId", "parentId", "parentType"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: AttributeValuePipe, name: "attributeValue" }, { kind: "pipe", type: RawAttributeValuePipe, name: "rawAttributeValue" }, { kind: "pipe", type: AsDetailColumnsPipe, name: "asDetailColumns" }, { kind: "pipe", type: AsDetailCellValuePipe, name: "asDetailCellValue" }, { kind: "pipe", type: ArrayValuePipe, name: "arrayValue" }, { kind: "pipe", type: ReferenceLinkRoutePipe, name: "referenceLinkRoute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SparkPoDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spark-po-detail', imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, RouterModule, BsAlertComponent, BsButtonGroupComponent, BsCardComponent, BsCardHeaderComponent, BsContainerComponent, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsTableComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, BsSpinnerComponent, SparkIconComponent, SparkSubQueryComponent, ResolveTranslationPipe, TranslateKeyPipe, AttributeValuePipe, RawAttributeValuePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, ArrayValuePipe, ReferenceLinkRoutePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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=\"d-flex justify-content-between align-items-center mb-4\">\n      <h2>{{ currentItem.breadcrumb || currentItem.name }}</h2>\n      <bs-button-group>\n        <button class=\"btn btn-outline-secondary\" (click)=\"onBack()\">\n          <spark-icon name=\"arrow-left\" /> {{ 'common.back' | t }}\n        </button>\n        @if (canEdit()) {\n          <button class=\"btn btn-primary\" (click)=\"onEdit()\">\n            <spark-icon name=\"pencil\" /> {{ 'common.edit' | t }}\n          </button>\n        }\n        @if (extraActionsTemplate(); as extraActionsTpl) {\n          <ng-container *ngTemplateOutlet=\"extraActionsTpl\"></ng-container>\n        }\n        @if (showCustomActions()) {\n          @for (action of customActions(); track action.name) {\n            <button class=\"btn btn-outline-primary\" (click)=\"onCustomAction(action)\">\n              {{ action.displayName | resolveTranslation }}\n            </button>\n          }\n        }\n        @if (canDelete()) {\n          <button class=\"btn btn-danger\" (click)=\"onDelete()\">\n            <spark-icon name=\"trash\" /> {{ 'common.delete' | t }}\n          </button>\n        }\n      </bs-button-group>\n    </div>\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 style=\"display: block; margin: 1rem;\">\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 style=\"display: block; margin: 1rem;\">\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 }}</dt>\n              <dd [sm]=\"9\">\n              @if (getDetailRendererComponent(attr); as rendererType) {\n                <ng-container *ngComponentOutlet=\"rendererType; inputs: getDetailRendererInputs(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()); track col.name) {\n                        <th>{{ (col.label | resolveTranslation) || col.name }}</th>\n                      }\n                    </tr>\n                  </thead>\n                  <tbody class=\"align-middle\">\n                    @for (row of (attr.name | arrayValue:currentItem); track $index) {\n                      <tr>\n                        @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                          <td>\n                            @if (col.dataType === 'Reference' && col.referenceType) {\n                              @let route = (col.referenceType | referenceLinkRoute:row[col.name]:allEntityTypes());\n                              @if (route) {\n                                <a [routerLink]=\"route\">{{ (row | asDetailCellValue:attr:col:asDetailReferenceOptions()) }}</a>\n                              } @else {\n                                {{ (row | asDetailCellValue:attr:col:asDetailReferenceOptions()) }}\n                              }\n                            } @else {\n                              {{ (row | asDetailCellValue:attr:col:asDetailReferenceOptions()) }}\n                            }\n                          </td>\n                        }\n                      </tr>\n                    } @empty {\n                      <tr>\n                        <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).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                  style=\"opacity: 1;\">\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 me-2\" [style.background-color]=\"colorVal\" style=\"width: 1.5em; height: 1.5em;\"></span>\n                  {{ colorVal }}\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 {\n                {{ (attr.name | attributeValue:item():entityType():lookupReferenceOptions():allEntityTypes()) || '-' }}\n              }\n              </dd>\n          </ng-template>\n    </bs-grid>\n    @if (et.queries?.length) {\n      @for (queryAlias of et.queries; track queryAlias) {\n        <spark-sub-query [queryId]=\"queryAlias\" [parentId]=\"currentItem.id!\" [parentType]=\"et.name\" />\n      }\n    }\n    @if (extraContentTemplate(); as extraContentTpl) {\n      <ng-container *ngTemplateOutlet=\"extraContentTpl; context: { $implicit: currentItem, entityType: et }\"></ng-container>\n    }\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n" }]
+        }], ctorParameters: () => [], propDecorators: { showCustomActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCustomActions", required: false }] }], extraActionsTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraActionsTemplate", required: false }] }], extraContentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraContentTemplate", required: false }] }], edited: [{ type: i0.Output, args: ["edited"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], customActionExecuted: [{ type: i0.Output, args: ["customActionExecuted"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SparkPoDetailComponent, SparkSubQueryComponent };
+//# sourceMappingURL=mintplayer-ng-spark-po-detail.mjs.map