@mintplayer/ng-spark 22.0.5 → 22.0.6

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

@@ -4,6 +4,7 @@ import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgComponentOutlet } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPreview } from '@angular/cdk/drag-drop';
 import { Color } from '@mintplayer/ng-bootstrap';
 import { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';
 import { BsFormComponent, BsFormControlDirective } from '@mintplayer/ng-bootstrap/form';
@@ -260,6 +261,16 @@ class SparkPoFormComponent {
                         }));
                         this.asDetailReferenceOptions.update(prev => ({ ...prev, [attr.name]: this.toRecord(refEntries) }));
                     }
+                    // Inline editing of LookupReference child columns needs their options loaded
+                    // (keyed by lookup name in the shared lookupReferenceOptions, deduped).
+                    const lookupCols = asDetailType.attributes.filter(a => a.lookupReferenceType);
+                    for (const col of lookupCols) {
+                        const lookupName = col.lookupReferenceType;
+                        if (!this.lookupReferenceOptions()[lookupName]) {
+                            const ref = await this.sparkService.getLookupReference(lookupName);
+                            this.lookupReferenceOptions.update(prev => ({ ...prev, [lookupName]: ref }));
+                        }
+                    }
                 }
             }
         }
@@ -336,9 +347,40 @@ class SparkPoFormComponent {
             options: col.rendererOptions,
         };
     }
+    /** Edit-renderer for an inline AsDetail cell (so inline editing honors `col.renderer`, not just display). */
+    getAsDetailCellEditRenderer(col) {
+        if (!col.renderer)
+            return null;
+        return this.rendererRegistry.find(r => r.name === col.renderer)?.editComponent ?? null;
+    }
+    getAsDetailCellEditRendererInputs(row, col) {
+        return {
+            value: row[col.name],
+            attribute: col,
+            options: col.rendererOptions,
+            valueChange: (newValue) => {
+                row[col.name] = newValue;
+                this.onFieldChange();
+            },
+        };
+    }
     hasError(attrName) {
         return this.validationErrors().some(e => e.attributeName === attrName);
     }
+    // Per-cell validation for inline AsDetail rows. Server-emitted errors are keyed by the
+    // path "{attr}[{rowIndex}].{col}"; the client surfaces them like top-level field errors.
+    inlineErrorPath(attr, rowIndex, col) {
+        return `${attr.name}[${rowIndex}].${col.name}`;
+    }
+    hasInlineError(attr, rowIndex, col) {
+        const path = this.inlineErrorPath(attr, rowIndex, col);
+        return this.validationErrors().some(e => e.attributeName === path);
+    }
+    inlineErrorMessage(attr, rowIndex, col) {
+        const path = this.inlineErrorPath(attr, rowIndex, col);
+        const error = this.validationErrors().find(e => e.attributeName === path);
+        return error ? resolveTranslation(error.errorMessage) : null;
+    }
     onFieldChange() {
         this.formData.set({ ...this.formData() });
     }
@@ -412,6 +454,18 @@ class SparkPoFormComponent {
         data[attr.name] = arr;
         this.formData.set(data);
     }
+    // Drag-reorder for [Sortable] AsDetail arrays. Order = array position, so moving the
+    // row within formData()[attr.name] and re-emitting the signal IS the persisted order
+    // (po-edit flags AsDetail attributes isValueChanged on save).
+    onAsDetailReorder(attr, event) {
+        if (event.previousIndex === event.currentIndex)
+            return;
+        const data = { ...this.formData() };
+        const arr = [...(data[attr.name] ?? [])];
+        moveItemInArray(arr, event.previousIndex, event.currentIndex);
+        data[attr.name] = arr;
+        this.formData.set(data);
+    }
     // Reference modal methods
     async openReferenceSelector(attr) {
         this.editingReferenceAttr.set(attr);
@@ -482,11 +536,11 @@ class SparkPoFormComponent {
         this.referenceSearchTerm = '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkPoFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: SparkPoFormComponent, isStandalone: true, selector: "spark-po-form", inputs: { entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: false, transformFunction: null }, formData: { classPropertyName: "formData", publicName: "formData", isSignal: true, isRequired: false, transformFunction: null }, validationErrors: { classPropertyName: "validationErrors", publicName: "validationErrors", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null }, isSaving: { classPropertyName: "isSaving", publicName: "isSaving", isSignal: true, isRequired: false, transformFunction: null }, parentId: { classPropertyName: "parentId", publicName: "parentId", isSignal: true, isRequired: false, transformFunction: null }, parentType: { classPropertyName: "parentType", publicName: "parentType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formData: "formDataChange", save: "save", cancel: "cancel" }, ngImport: i0, template: "<bs-form>\n  @if (entityType()) {\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=\"tabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n    <ng-template #tabContent let-tab>\n      @if (tab.id === '__default__') {\n        @if (ungroupedAttributes().length > 0) {\n          <bs-card class=\"d-block m-3\">\n            <div class=\"p-3\">\n              @for (attr of ungroupedAttributes(); track attr.id) {\n                <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n              }\n            </div>\n          </bs-card>\n        }\n      }\n      @for (group of groupsForTab(tab); track group.id) {\n        @if (attrsForGroup(group); as groupAttrs) {\n          @if (groupAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              @if (group.label) {\n                <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n              }\n              <div class=\"p-3\">\n                @for (attr of groupAttrs; track attr.id) {\n                  <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n                }\n              </div>\n            </bs-card>\n          }\n        }\n      }\n    </ng-template>\n\n    <ng-template #attrField let-attr>\n      <div bsRow class=\"mb-3\">\n        <label [md]=\"4\" bsColFormLabel [for]=\"attr.name\">\n          {{ attr.label | resolveTranslation:attr.name }}\n          @if (attr.isRequired) {\n            <span class=\"text-danger\">*</span>\n          }\n        </label>\n        <div [md]=\"8\">\n          @if (attr.dataType === 'boolean') {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <bs-input-group>\n                <input\n                  type=\"text\"\n                  [id]=\"attr.name\"\n                  [value]=\"attr | lookupDisplayValue:formData():lookupReferenceOptions()\"\n                  readonly\n                  [class.is-invalid]=\"hasError(attr.name)\">\n                <button\n                  type=\"button\"\n                  bsInputGroupBtn\n                  [color]=\"colors.secondary\"\n                  (click)=\"openLookupSelector(attr)\">\n                  ...\n                </button>\n              </bs-input-group>\n            } @else {\n              <bs-select\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n                [id]=\"attr.name\"\n                [class.is-invalid]=\"hasError(attr.name)\">\n                <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                @for (option of (attr | lookupOptions:lookupReferenceOptions()); track option.key) {\n                  <option [ngValue]=\"option.key\">\n                    {{ option.values | resolveTranslation:option.key }}\n                  </option>\n                }\n              </bs-select>\n            }\n          } @else if (attr.dataType === 'Reference' && attr.isArray) {\n            <bs-tree-select\n              mode=\"multiple\"\n              variant=\"textbox\"\n              [showClear]=\"true\"\n              [placeholder]=\"'common.search' | t\"\n              [provider]=\"getReferenceProvider(attr)\"\n              [ngModel]=\"referenceTreeValues()[attr.name] || []\"\n              (ngModelChange)=\"onReferenceTreeChange(attr, $event)\"\n              [ngModelOptions]=\"{ standalone: true }\">\n            </bs-tree-select>\n          } @else if (attr.dataType === 'Reference') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | referenceDisplayValue:formData():referenceOptions()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openReferenceSelector(attr)\">\n                ...\n              </button>\n            </bs-input-group>\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray && attr.editMode === 'inline') {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 50px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr>\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (col.dataType === 'boolean') {\n                          <bs-checkbox\n                            [(ngModel)]=\"row[col.name]\"\n                            (ngModelChange)=\"onFieldChange()\">\n                          </bs-checkbox>\n                        } @else if (col.dataType === 'Reference' && col.query) {\n                          <bs-select\n                            [(ngModel)]=\"row[col.name]\"\n                            (ngModelChange)=\"onFieldChange()\">\n                            <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                            @for (option of (attr | inlineRefOptions:col:asDetailReferenceOptions()); track option.id) {\n                              <option [ngValue]=\"option.id\">\n                                {{ option.breadcrumb || option.name || option.id }}\n                              </option>\n                            }\n                          </bs-select>\n                        } @else {\n                          <input\n                            [type]=\"col.dataType | inputType\"\n                            [(ngModel)]=\"row[col.name]\"\n                            [required]=\"col.isRequired\"\n                            [step]=\"col.dataType === 'decimal' ? '0.01' : '1'\"\n                            (ngModelChange)=\"onFieldChange()\">\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" [color]=\"colors.secondary\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + 1\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addInlineRow(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 80px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr>\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (getAsDetailCellRendererComponent(col); as cellRenderer) {\n                          <ng-container *ngComponentOutlet=\"cellRenderer; inputs: getAsDetailCellRendererInputs(row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary me-1\" (click)=\"editArrayItem(attr, $index)\">\n                        <spark-icon name=\"pencil\" />\n                      </button>\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + 1\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addArrayItem(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | asDetailDisplayValue:formData():asDetailTypes()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openAsDetailEditor(attr)\">\n                <spark-icon name=\"pencil\" />\n              </button>\n            </bs-input-group>\n          } @else if (getEditRendererComponent(attr); as editComp) {\n            <ng-container *ngComponentOutlet=\"editComp; inputs: getEditRendererInputs(attr)\"></ng-container>\n          } @else {\n            <input\n              [type]=\"attr.dataType | inputType\"\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              [step]=\"attr.dataType === 'decimal' ? '0.01' : '1'\"\n              [class.is-invalid]=\"hasError(attr.name)\">\n          }\n          @if (attr.name | errorForAttribute:validationErrors(); as errorMsg) {\n            <div class=\"invalid-feedback d-block\">\n              {{ errorMsg }}\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n\n    @if (showButtons()) {\n      <div bsRow class=\"mt-4\">\n        <div [md]=\"4\"></div>\n        <div [md]=\"8\" class=\"d-flex justify-content-end gap-2\">\n          <button type=\"button\" [color]=\"colors.secondary\" (click)=\"onCancel()\" [disabled]=\"isSaving()\">{{ 'common.cancel' | t }}</button>\n          <button type=\"submit\" [color]=\"colors.primary\" [disabled]=\"isSaving()\" (click)=\"onSave()\">\n            @if (isSaving()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'common.save' | t }}\n          </button>\n        </div>\n      </div>\n    }\n  </bs-grid>\n}\n\n<!-- Modal for editing AsDetail objects -->\n<bs-modal [isOpen]=\"showAsDetailModal()\" (isOpenChange)=\"!$event && closeAsDetailModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.edit' | t }} {{ editingAsDetailAttr()?.label | resolveTranslation:editingAsDetailAttr()?.name }}</h5>\n    </div>\n\n    @if (editingAsDetailAttr(); as attr) {\n      <div bsModalBody>\n        <spark-po-form\n          [entityType]=\"attr | asDetailType:asDetailTypes()\"\n          [(formData)]=\"asDetailFormData\"\n          [parentId]=\"parentId()\"\n          [parentType]=\"parentType()\">\n        </spark-po-form>\n      </div>\n    }\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeAsDetailModal()\">{{ 'common.cancel' | t }}</button>\n      <button type=\"button\" [color]=\"colors.primary\" (click)=\"saveAsDetailObject()\">{{ 'common.save' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting Reference items -->\n<bs-modal [isOpen]=\"showReferenceModal()\" (isOpenChange)=\"!$event && closeReferenceModal()\">\n  <div *bsModal class=\"reference-modal\">\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingReferenceAttr()?.label | resolveTranslation:editingReferenceAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      @if (referenceModalEntityType()) {\n        <!-- Search box -->\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"6\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [(ngModel)]=\"referenceSearchTerm\"\n                  (ngModelChange)=\"onReferenceSearchChange()\">\n                @if (referenceSearchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearReferenceSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"6\" class=\"text-end\">\n              @if (referenceSearchTerm && referenceModalPagination()) {\n                <span class=\"text-muted\">\n                  {{ referenceModalPagination()!.totalRecords }} {{ referenceModalPagination()!.totalRecords === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n\n        <bs-datatable\n          [(settings)]=\"referenceModalSettings\"\n          [data]=\"referenceModalRows()\"\n          (rowClick)=\"selectReferenceItem($event.row)\">\n          @for (attr of referenceVisibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ attr.label | resolveTranslation:attr.name }}\n            </div>\n          }\n\n          <ng-container *bsRowTemplate=\"let item\">\n            @for (attr of referenceVisibleAttributes(); track attr.id) {\n              <td>{{ $any(item) | referenceAttrValue:attr.name }}</td>\n            }\n          </ng-container>\n        </bs-datatable>\n      } @else {\n        <div class=\"text-center p-3\">\n          <bs-spinner />\n        </div>\n      }\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeReferenceModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting LookupReference items -->\n<bs-modal [isOpen]=\"showLookupModal()\" (isOpenChange)=\"!$event && closeLookupModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingLookupAttr()?.label | resolveTranslation:editingLookupAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      <!-- Search box -->\n      <bs-grid>\n        <div bsRow class=\"mb-3\">\n          <div [col]>\n            <bs-input-group>\n              <span class=\"input-group-text\">\n                <spark-icon name=\"search\" />\n              </span>\n              <input\n                type=\"text\"\n                [placeholder]=\"'common.search' | t\"\n                [ngModel]=\"lookupSearchTerm()\"\n                (ngModelChange)=\"lookupSearchTerm.set($event)\">\n              @if (lookupSearchTerm()) {\n                <button\n                  type=\"button\"\n                  class=\"btn btn-outline-secondary\"\n                  (click)=\"lookupSearchTerm.set('')\">\n                  <spark-icon name=\"x-lg\" />\n                </button>\n              }\n            </bs-input-group>\n          </div>\n        </div>\n      </bs-grid>\n\n      <!-- List of items -->\n      <bs-table [striped]=\"true\" [hover]=\"true\">\n        <tbody class=\"align-middle\">\n          @for (item of filteredLookupItems(); track item.key) {\n            <tr\n              [class.table-primary]=\"formData()[editingLookupAttr()?.name ?? ''] === item.key\"\n              (click)=\"selectLookupItem(item)\"\n              style=\"cursor: pointer;\">\n              <td>{{ item.values | resolveTranslation:item.key }}</td>\n            </tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center text-muted\">{{ 'common.noItemsFound' | t }}</td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeLookupModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n</bs-form>\n", dependencies: [{ kind: "component", type: SparkPoFormComponent, selector: "spark-po-form", inputs: ["entityType", "formData", "validationErrors", "showButtons", "isSaving", "parentId", "parentType"], outputs: ["formDataChange", "save", "cancel"] }, { 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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["color", "outline"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["color", "navStyle"] }, { 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: "directive", type: BsGridColDirective, selector: "[col]", inputs: ["col"] }, { kind: "directive", type: BsColFormLabelDirective, selector: "[bsColFormLabel]" }, { kind: "directive", type: BsButtonTypeDirective, selector: "button[color],input[type=\"button\"][color],input[type=\"submit\"][color],a[color]", inputs: ["color"] }, { kind: "component", type: BsInputGroupComponent, selector: "bs-input-group" }, { kind: "component", type: BsSelectComponent, selector: "bs-select", inputs: ["identifier", "size", "multiple", "numberVisible", "disabled", "ariaLabel"] }, { kind: "directive", type: BsSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: BsTreeSelectComponent, selector: "bs-tree-select", inputs: ["provider", "mode", "variant", "cascadeSelect", "placeholder", "showClear", "panelScrollHeight", "searchDebounceMs", "disabled", "value"], outputs: ["valueChange", "opened", "closed", "cleared"] }, { kind: "component", type: BsModalHostComponent, selector: "bs-modal", inputs: ["isOpen", "closeOnEscape", "scrollable"], outputs: ["isOpenChange"] }, { kind: "directive", type: BsModalDirective, selector: "[bsModal]" }, { kind: "directive", type: BsModalHeaderDirective, selector: "[bsModalHeader]" }, { kind: "directive", type: BsModalBodyDirective, selector: "[bsModalBody]" }, { kind: "directive", type: BsModalFooterDirective, selector: "[bsModalFooter]" }, { kind: "component", type: BsDatatableComponent, selector: "bs-datatable", inputs: ["columns", "data", "fetch", "settings", "selectionMode", "selectable", "selection", "rowKey", "resizableColumns", "pagination", "virtualScroll", "itemSize", "virtualBuffer", "isResponsive", "compareWith", "tree", "idKey", "childCountKey", "treeIndent", "expandedIds", "selectionStrategy"], outputs: ["settingsChange", "selectionChange", "rowClick", "rowDblClick", "rowContextMenu", "expandedIdsChange", "rowExpand", "rowCollapse"] }, { kind: "directive", type: BsDatatableColumnDirective, selector: "[bsDatatableColumn]", inputs: ["bsDatatableColumn", "bsDatatableColumnSortable"] }, { kind: "directive", type: BsRowTemplateDirective, selector: "[bsRowTemplate]" }, { kind: "component", type: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover", "border", "ariaRowCount"] }, { kind: "component", type: BsCheckboxComponent, selector: "bs-checkbox", inputs: ["type", "isToggled", "indeterminate", "name", "value", "group"], outputs: ["isToggledChange", "indeterminateChange"] }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: BsTabControlComponent, selector: "bs-tab-control", inputs: ["border", "selectFirstTab", "tabsPosition"] }, { kind: "component", type: BsTabPageComponent, selector: "bs-tab-page", inputs: ["disabled"] }, { kind: "directive", type: BsTabPageHeaderDirective, selector: "[bsTabPageHeader]" }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: InputTypePipe, name: "inputType" }, { kind: "pipe", type: LookupDisplayValuePipe, name: "lookupDisplayValue" }, { kind: "pipe", type: LookupDisplayTypePipe, name: "lookupDisplayType" }, { kind: "pipe", type: LookupOptionsPipe, name: "lookupOptions" }, { kind: "pipe", type: ReferenceDisplayValuePipe, name: "referenceDisplayValue" }, { kind: "pipe", type: AsDetailDisplayValuePipe, name: "asDetailDisplayValue" }, { kind: "pipe", type: AsDetailTypePipe, name: "asDetailType" }, { kind: "pipe", type: AsDetailColumnsPipe, name: "asDetailColumns" }, { kind: "pipe", type: AsDetailCellValuePipe, name: "asDetailCellValue" }, { kind: "pipe", type: CanCreateDetailRowPipe, name: "canCreateDetailRow" }, { kind: "pipe", type: CanDeleteDetailRowPipe, name: "canDeleteDetailRow" }, { kind: "pipe", type: InlineRefOptionsPipe, name: "inlineRefOptions" }, { kind: "pipe", type: ReferenceAttrValuePipe, name: "referenceAttrValue" }, { kind: "pipe", type: ErrorForAttributePipe, name: "errorForAttribute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: SparkPoFormComponent, isStandalone: true, selector: "spark-po-form", inputs: { entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: false, transformFunction: null }, formData: { classPropertyName: "formData", publicName: "formData", isSignal: true, isRequired: false, transformFunction: null }, validationErrors: { classPropertyName: "validationErrors", publicName: "validationErrors", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null }, isSaving: { classPropertyName: "isSaving", publicName: "isSaving", isSignal: true, isRequired: false, transformFunction: null }, parentId: { classPropertyName: "parentId", publicName: "parentId", isSignal: true, isRequired: false, transformFunction: null }, parentType: { classPropertyName: "parentType", publicName: "parentType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formData: "formDataChange", save: "save", cancel: "cancel" }, ngImport: i0, template: "<bs-form>\n  @if (entityType()) {\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=\"tabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n    <ng-template #tabContent let-tab>\n      @if (tab.id === '__default__') {\n        @if (ungroupedAttributes().length > 0) {\n          <bs-card class=\"d-block m-3\">\n            <div class=\"p-3\">\n              @for (attr of ungroupedAttributes(); track attr.id) {\n                <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n              }\n            </div>\n          </bs-card>\n        }\n      }\n      @for (group of groupsForTab(tab); track group.id) {\n        @if (attrsForGroup(group); as groupAttrs) {\n          @if (groupAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              @if (group.label) {\n                <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n              }\n              <div class=\"p-3\">\n                @for (attr of groupAttrs; track attr.id) {\n                  <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n                }\n              </div>\n            </bs-card>\n          }\n        }\n      }\n    </ng-template>\n\n    <ng-template #attrField let-attr>\n      <div bsRow class=\"mb-3\">\n        <label [md]=\"4\" bsColFormLabel [for]=\"attr.name\">\n          {{ attr.label | resolveTranslation:attr.name }}\n          @if (attr.isRequired) {\n            <span class=\"text-danger\">*</span>\n          }\n        </label>\n        <div [md]=\"8\">\n          @if (attr.dataType === 'boolean') {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <bs-input-group>\n                <input\n                  type=\"text\"\n                  [id]=\"attr.name\"\n                  [value]=\"attr | lookupDisplayValue:formData():lookupReferenceOptions()\"\n                  readonly\n                  [class.is-invalid]=\"hasError(attr.name)\">\n                <button\n                  type=\"button\"\n                  bsInputGroupBtn\n                  [color]=\"colors.secondary\"\n                  (click)=\"openLookupSelector(attr)\">\n                  ...\n                </button>\n              </bs-input-group>\n            } @else {\n              <bs-select\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n                [id]=\"attr.name\"\n                [class.is-invalid]=\"hasError(attr.name)\">\n                <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                @for (option of (attr | lookupOptions:lookupReferenceOptions()); track option.key) {\n                  <option [ngValue]=\"option.key\">\n                    {{ option.values | resolveTranslation:option.key }}\n                  </option>\n                }\n              </bs-select>\n            }\n          } @else if (attr.dataType === 'Reference' && attr.isArray) {\n            <bs-tree-select\n              mode=\"multiple\"\n              variant=\"textbox\"\n              [showClear]=\"true\"\n              [placeholder]=\"'common.search' | t\"\n              [provider]=\"getReferenceProvider(attr)\"\n              [ngModel]=\"referenceTreeValues()[attr.name] || []\"\n              (ngModelChange)=\"onReferenceTreeChange(attr, $event)\"\n              [ngModelOptions]=\"{ standalone: true }\">\n            </bs-tree-select>\n          } @else if (attr.dataType === 'Reference') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | referenceDisplayValue:formData():referenceOptions()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openReferenceSelector(attr)\">\n                ...\n              </button>\n            </bs-input-group>\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray && attr.editMode === 'inline') {\n            <!-- One source of truth for an inline cell, reused by the row and by the drag\n                 preview. The preview is a live Angular view (not a cloneNode), so its\n                 <bs-select> binds to row[col.name] and shows the value while dragging. -->\n            <ng-template #inlineDetailCell let-row=\"row\" let-col=\"col\" let-attr=\"attr\" let-rowIndex=\"rowIndex\">\n              <td>\n                @if (col.isReadOnly) {\n                  <span class=\"text-muted\">{{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}</span>\n                } @else if (getAsDetailCellEditRenderer(col); as editRenderer) {\n                  <ng-container *ngComponentOutlet=\"editRenderer; inputs: getAsDetailCellEditRendererInputs(row, col)\"></ng-container>\n                } @else if (col.dataType === 'AsDetail') {\n                  <!-- Nested AsDetail can't flatten into a row: escalate to the row modal,\n                       where the recursive spark-po-form renders the nested structure. -->\n                  <div class=\"d-flex align-items-center gap-1\">\n                    <span class=\"text-truncate flex-grow-1\">{{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}</span>\n                    <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"editArrayItem(attr, rowIndex)\">\n                      <spark-icon name=\"pencil\" />\n                    </button>\n                  </div>\n                } @else if (col.dataType === 'boolean') {\n                  <bs-checkbox\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\">\n                  </bs-checkbox>\n                } @else if (col.dataType === 'Reference' && col.query) {\n                  <bs-select\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\">\n                    <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                    @for (option of (attr | inlineRefOptions:col:asDetailReferenceOptions()); track option.id) {\n                      <option [ngValue]=\"option.id\">\n                        {{ option.breadcrumb || option.name || option.id }}\n                      </option>\n                    }\n                  </bs-select>\n                } @else if (col.lookupReferenceType) {\n                  <bs-select\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\">\n                    <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                    @for (option of getLookupOptions(col); track option.key) {\n                      <option [ngValue]=\"option.key\">\n                        {{ option.values | resolveTranslation:option.key }}\n                      </option>\n                    }\n                  </bs-select>\n                } @else {\n                  <input\n                    [type]=\"col.dataType | inputType\"\n                    [(ngModel)]=\"row[col.name]\"\n                    [required]=\"col.isRequired\"\n                    [step]=\"col.dataType === 'decimal' ? '0.01' : '1'\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\"\n                    (ngModelChange)=\"onFieldChange()\">\n                }\n                @if (inlineErrorMessage(attr, rowIndex, col); as errorMsg) {\n                  <div class=\"invalid-feedback d-block\">{{ errorMsg }}</div>\n                }\n              </td>\n            </ng-template>\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @if (attr.isSortable) {\n                    <th style=\"width: 32px\"></th>\n                  }\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 50px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\" cdkDropList [cdkDropListDisabled]=\"!attr.isSortable\" (cdkDropListDropped)=\"onAsDetailReorder(attr, $event)\">\n                @for (row of formData()[attr.name] || []; track $index; let rowIndex = $index) {\n                  <tr cdkDrag [cdkDragDisabled]=\"!attr.isSortable\">\n                    @if (attr.isSortable) {\n                      <td class=\"text-center text-muted\" style=\"cursor: move; touch-action: none\" cdkDragHandle>\n                        <spark-icon name=\"grip-vertical\" />\n                      </td>\n                    }\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <ng-container *ngTemplateOutlet=\"inlineDetailCell; context: { row: row, col: col, attr: attr, rowIndex: rowIndex }\"></ng-container>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" [color]=\"colors.secondary\" (click)=\"removeArrayItem(attr, rowIndex)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n\n                    <!-- Floating preview = a LIVE view of the row's cells (not CDK's cloneNode),\n                         so <bs-select> shows its value instead of blanking. The in-grid\n                         placeholder still uses CDK's default clone (exact row height) and is\n                         hidden via .cdk-drag-placeholder { visibility:hidden } in the styles,\n                         so the drop gap is blank without collapsing/shifting the other rows. -->\n                    <ng-template cdkDragPreview>\n                      <table class=\"table mb-0 bg-body shadow-sm spark-drag-preview\">\n                        <tbody class=\"align-middle\">\n                          <tr>\n                            @if (attr.isSortable) {\n                              <td class=\"text-center text-muted\" style=\"width: 32px\"><spark-icon name=\"grip-vertical\" /></td>\n                            }\n                            @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                              <ng-container *ngTemplateOutlet=\"inlineDetailCell; context: { row: row, col: col, attr: attr, rowIndex: rowIndex }\"></ng-container>\n                            }\n                          </tr>\n                        </tbody>\n                      </table>\n                    </ng-template>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + (attr.isSortable ? 2 : 1)\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addInlineRow(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @if (attr.isSortable) {\n                    <th style=\"width: 32px\"></th>\n                  }\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 80px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\" cdkDropList [cdkDropListDisabled]=\"!attr.isSortable\" (cdkDropListDropped)=\"onAsDetailReorder(attr, $event)\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr cdkDrag [cdkDragDisabled]=\"!attr.isSortable\">\n                    @if (attr.isSortable) {\n                      <td class=\"text-center text-muted\" style=\"cursor: move; touch-action: none\" cdkDragHandle>\n                        <spark-icon name=\"grip-vertical\" />\n                      </td>\n                    }\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (getAsDetailCellRendererComponent(col); as cellRenderer) {\n                          <ng-container *ngComponentOutlet=\"cellRenderer; inputs: getAsDetailCellRendererInputs(row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary me-1\" (click)=\"editArrayItem(attr, $index)\">\n                        <spark-icon name=\"pencil\" />\n                      </button>\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + (attr.isSortable ? 2 : 1)\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addArrayItem(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | asDetailDisplayValue:formData():asDetailTypes()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openAsDetailEditor(attr)\">\n                <spark-icon name=\"pencil\" />\n              </button>\n            </bs-input-group>\n          } @else if (getEditRendererComponent(attr); as editComp) {\n            <ng-container *ngComponentOutlet=\"editComp; inputs: getEditRendererInputs(attr)\"></ng-container>\n          } @else {\n            <input\n              [type]=\"attr.dataType | inputType\"\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              [step]=\"attr.dataType === 'decimal' ? '0.01' : '1'\"\n              [class.is-invalid]=\"hasError(attr.name)\">\n          }\n          @if (attr.name | errorForAttribute:validationErrors(); as errorMsg) {\n            <div class=\"invalid-feedback d-block\">\n              {{ errorMsg }}\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n\n    @if (showButtons()) {\n      <div bsRow class=\"mt-4\">\n        <div [md]=\"4\"></div>\n        <div [md]=\"8\" class=\"d-flex justify-content-end gap-2\">\n          <button type=\"button\" [color]=\"colors.secondary\" (click)=\"onCancel()\" [disabled]=\"isSaving()\">{{ 'common.cancel' | t }}</button>\n          <button type=\"submit\" [color]=\"colors.primary\" [disabled]=\"isSaving()\" (click)=\"onSave()\">\n            @if (isSaving()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'common.save' | t }}\n          </button>\n        </div>\n      </div>\n    }\n  </bs-grid>\n}\n\n<!-- Modal for editing AsDetail objects -->\n<bs-modal [isOpen]=\"showAsDetailModal()\" (isOpenChange)=\"!$event && closeAsDetailModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.edit' | t }} {{ editingAsDetailAttr()?.label | resolveTranslation:editingAsDetailAttr()?.name }}</h5>\n    </div>\n\n    @if (editingAsDetailAttr(); as attr) {\n      <div bsModalBody>\n        <spark-po-form\n          [entityType]=\"attr | asDetailType:asDetailTypes()\"\n          [(formData)]=\"asDetailFormData\"\n          [parentId]=\"parentId()\"\n          [parentType]=\"parentType()\">\n        </spark-po-form>\n      </div>\n    }\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeAsDetailModal()\">{{ 'common.cancel' | t }}</button>\n      <button type=\"button\" [color]=\"colors.primary\" (click)=\"saveAsDetailObject()\">{{ 'common.save' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting Reference items -->\n<bs-modal [isOpen]=\"showReferenceModal()\" (isOpenChange)=\"!$event && closeReferenceModal()\">\n  <div *bsModal class=\"reference-modal\">\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingReferenceAttr()?.label | resolveTranslation:editingReferenceAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      @if (referenceModalEntityType()) {\n        <!-- Search box -->\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"6\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [(ngModel)]=\"referenceSearchTerm\"\n                  (ngModelChange)=\"onReferenceSearchChange()\">\n                @if (referenceSearchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearReferenceSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"6\" class=\"text-end\">\n              @if (referenceSearchTerm && referenceModalPagination()) {\n                <span class=\"text-muted\">\n                  {{ referenceModalPagination()!.totalRecords }} {{ referenceModalPagination()!.totalRecords === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n\n        <bs-datatable\n          [(settings)]=\"referenceModalSettings\"\n          [data]=\"referenceModalRows()\"\n          (rowClick)=\"selectReferenceItem($event.row)\">\n          @for (attr of referenceVisibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ attr.label | resolveTranslation:attr.name }}\n            </div>\n          }\n\n          <ng-container *bsRowTemplate=\"let item\">\n            @for (attr of referenceVisibleAttributes(); track attr.id) {\n              <td>{{ $any(item) | referenceAttrValue:attr.name }}</td>\n            }\n          </ng-container>\n        </bs-datatable>\n      } @else {\n        <div class=\"text-center p-3\">\n          <bs-spinner />\n        </div>\n      }\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeReferenceModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting LookupReference items -->\n<bs-modal [isOpen]=\"showLookupModal()\" (isOpenChange)=\"!$event && closeLookupModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingLookupAttr()?.label | resolveTranslation:editingLookupAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      <!-- Search box -->\n      <bs-grid>\n        <div bsRow class=\"mb-3\">\n          <div [col]>\n            <bs-input-group>\n              <span class=\"input-group-text\">\n                <spark-icon name=\"search\" />\n              </span>\n              <input\n                type=\"text\"\n                [placeholder]=\"'common.search' | t\"\n                [ngModel]=\"lookupSearchTerm()\"\n                (ngModelChange)=\"lookupSearchTerm.set($event)\">\n              @if (lookupSearchTerm()) {\n                <button\n                  type=\"button\"\n                  class=\"btn btn-outline-secondary\"\n                  (click)=\"lookupSearchTerm.set('')\">\n                  <spark-icon name=\"x-lg\" />\n                </button>\n              }\n            </bs-input-group>\n          </div>\n        </div>\n      </bs-grid>\n\n      <!-- List of items -->\n      <bs-table [striped]=\"true\" [hover]=\"true\">\n        <tbody class=\"align-middle\">\n          @for (item of filteredLookupItems(); track item.key) {\n            <tr\n              [class.table-primary]=\"formData()[editingLookupAttr()?.name ?? ''] === item.key\"\n              (click)=\"selectLookupItem(item)\"\n              style=\"cursor: pointer;\">\n              <td>{{ item.values | resolveTranslation:item.key }}</td>\n            </tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center text-muted\">{{ 'common.noItemsFound' | t }}</td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeLookupModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n</bs-form>\n", styles: [":host ::ng-deep .cdk-drag-placeholder{visibility:hidden}\n"], dependencies: [{ kind: "component", type: SparkPoFormComponent, selector: "spark-po-form", inputs: ["entityType", "formData", "validationErrors", "showButtons", "isSaving", "parentId", "parentType"], outputs: ["formDataChange", "save", "cancel"] }, { 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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: BsCardComponent, selector: "bs-card", inputs: ["color", "outline"] }, { kind: "component", type: BsCardHeaderComponent, selector: "bs-card-header", inputs: ["color", "navStyle"] }, { 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: "directive", type: BsGridColDirective, selector: "[col]", inputs: ["col"] }, { kind: "directive", type: BsColFormLabelDirective, selector: "[bsColFormLabel]" }, { kind: "directive", type: BsButtonTypeDirective, selector: "button[color],input[type=\"button\"][color],input[type=\"submit\"][color],a[color]", inputs: ["color"] }, { kind: "component", type: BsInputGroupComponent, selector: "bs-input-group" }, { kind: "component", type: BsSelectComponent, selector: "bs-select", inputs: ["identifier", "size", "multiple", "numberVisible", "disabled", "ariaLabel"] }, { kind: "directive", type: BsSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: BsTreeSelectComponent, selector: "bs-tree-select", inputs: ["provider", "mode", "variant", "cascadeSelect", "placeholder", "showClear", "panelScrollHeight", "searchDebounceMs", "disabled", "value"], outputs: ["valueChange", "opened", "closed", "cleared"] }, { kind: "component", type: BsModalHostComponent, selector: "bs-modal", inputs: ["isOpen", "closeOnEscape", "scrollable"], outputs: ["isOpenChange"] }, { kind: "directive", type: BsModalDirective, selector: "[bsModal]" }, { kind: "directive", type: BsModalHeaderDirective, selector: "[bsModalHeader]" }, { kind: "directive", type: BsModalBodyDirective, selector: "[bsModalBody]" }, { kind: "directive", type: BsModalFooterDirective, selector: "[bsModalFooter]" }, { kind: "component", type: BsDatatableComponent, selector: "bs-datatable", inputs: ["columns", "data", "fetch", "settings", "selectionMode", "selectable", "selection", "rowKey", "resizableColumns", "pagination", "virtualScroll", "itemSize", "virtualBuffer", "isResponsive", "compareWith", "tree", "idKey", "childCountKey", "treeIndent", "expandedIds", "selectionStrategy"], outputs: ["settingsChange", "selectionChange", "rowClick", "rowDblClick", "rowContextMenu", "expandedIdsChange", "rowExpand", "rowCollapse"] }, { kind: "directive", type: BsDatatableColumnDirective, selector: "[bsDatatableColumn]", inputs: ["bsDatatableColumn", "bsDatatableColumnSortable"] }, { kind: "directive", type: BsRowTemplateDirective, selector: "[bsRowTemplate]" }, { kind: "component", type: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover", "border", "ariaRowCount"] }, { kind: "component", type: BsCheckboxComponent, selector: "bs-checkbox", inputs: ["type", "isToggled", "indeterminate", "name", "value", "group"], outputs: ["isToggledChange", "indeterminateChange"] }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: BsTabControlComponent, selector: "bs-tab-control", inputs: ["border", "selectFirstTab", "tabsPosition"] }, { kind: "component", type: BsTabPageComponent, selector: "bs-tab-page", inputs: ["disabled"] }, { kind: "directive", type: BsTabPageHeaderDirective, selector: "[bsTabPageHeader]" }, { kind: "component", type: SparkIconComponent, selector: "spark-icon", inputs: ["name"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: InputTypePipe, name: "inputType" }, { kind: "pipe", type: LookupDisplayValuePipe, name: "lookupDisplayValue" }, { kind: "pipe", type: LookupDisplayTypePipe, name: "lookupDisplayType" }, { kind: "pipe", type: LookupOptionsPipe, name: "lookupOptions" }, { kind: "pipe", type: ReferenceDisplayValuePipe, name: "referenceDisplayValue" }, { kind: "pipe", type: AsDetailDisplayValuePipe, name: "asDetailDisplayValue" }, { kind: "pipe", type: AsDetailTypePipe, name: "asDetailType" }, { kind: "pipe", type: AsDetailColumnsPipe, name: "asDetailColumns" }, { kind: "pipe", type: AsDetailCellValuePipe, name: "asDetailCellValue" }, { kind: "pipe", type: CanCreateDetailRowPipe, name: "canCreateDetailRow" }, { kind: "pipe", type: CanDeleteDetailRowPipe, name: "canDeleteDetailRow" }, { kind: "pipe", type: InlineRefOptionsPipe, name: "inlineRefOptions" }, { kind: "pipe", type: ReferenceAttrValuePipe, name: "referenceAttrValue" }, { kind: "pipe", type: ErrorForAttributePipe, name: "errorForAttribute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparkPoFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spark-po-form', imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, FormsModule, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsGridColDirective, BsColFormLabelDirective, BsButtonTypeDirective, BsInputGroupComponent, BsSelectComponent, BsSelectOption, BsTreeSelectComponent, BsModalHostComponent, BsModalDirective, BsModalHeaderDirective, BsModalBodyDirective, BsModalFooterDirective, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, BsTableComponent, BsCheckboxComponent, BsSpinnerComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, SparkIconComponent, SparkPoFormComponent, TranslateKeyPipe, ResolveTranslationPipe, InputTypePipe, LookupDisplayValuePipe, LookupDisplayTypePipe, LookupOptionsPipe, ReferenceDisplayValuePipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, InlineRefOptionsPipe, ReferenceAttrValuePipe, ErrorForAttributePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-form>\n  @if (entityType()) {\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=\"tabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n    <ng-template #tabContent let-tab>\n      @if (tab.id === '__default__') {\n        @if (ungroupedAttributes().length > 0) {\n          <bs-card class=\"d-block m-3\">\n            <div class=\"p-3\">\n              @for (attr of ungroupedAttributes(); track attr.id) {\n                <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n              }\n            </div>\n          </bs-card>\n        }\n      }\n      @for (group of groupsForTab(tab); track group.id) {\n        @if (attrsForGroup(group); as groupAttrs) {\n          @if (groupAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              @if (group.label) {\n                <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n              }\n              <div class=\"p-3\">\n                @for (attr of groupAttrs; track attr.id) {\n                  <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n                }\n              </div>\n            </bs-card>\n          }\n        }\n      }\n    </ng-template>\n\n    <ng-template #attrField let-attr>\n      <div bsRow class=\"mb-3\">\n        <label [md]=\"4\" bsColFormLabel [for]=\"attr.name\">\n          {{ attr.label | resolveTranslation:attr.name }}\n          @if (attr.isRequired) {\n            <span class=\"text-danger\">*</span>\n          }\n        </label>\n        <div [md]=\"8\">\n          @if (attr.dataType === 'boolean') {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <bs-input-group>\n                <input\n                  type=\"text\"\n                  [id]=\"attr.name\"\n                  [value]=\"attr | lookupDisplayValue:formData():lookupReferenceOptions()\"\n                  readonly\n                  [class.is-invalid]=\"hasError(attr.name)\">\n                <button\n                  type=\"button\"\n                  bsInputGroupBtn\n                  [color]=\"colors.secondary\"\n                  (click)=\"openLookupSelector(attr)\">\n                  ...\n                </button>\n              </bs-input-group>\n            } @else {\n              <bs-select\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n                [id]=\"attr.name\"\n                [class.is-invalid]=\"hasError(attr.name)\">\n                <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                @for (option of (attr | lookupOptions:lookupReferenceOptions()); track option.key) {\n                  <option [ngValue]=\"option.key\">\n                    {{ option.values | resolveTranslation:option.key }}\n                  </option>\n                }\n              </bs-select>\n            }\n          } @else if (attr.dataType === 'Reference' && attr.isArray) {\n            <bs-tree-select\n              mode=\"multiple\"\n              variant=\"textbox\"\n              [showClear]=\"true\"\n              [placeholder]=\"'common.search' | t\"\n              [provider]=\"getReferenceProvider(attr)\"\n              [ngModel]=\"referenceTreeValues()[attr.name] || []\"\n              (ngModelChange)=\"onReferenceTreeChange(attr, $event)\"\n              [ngModelOptions]=\"{ standalone: true }\">\n            </bs-tree-select>\n          } @else if (attr.dataType === 'Reference') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | referenceDisplayValue:formData():referenceOptions()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openReferenceSelector(attr)\">\n                ...\n              </button>\n            </bs-input-group>\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray && attr.editMode === 'inline') {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 50px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr>\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (col.dataType === 'boolean') {\n                          <bs-checkbox\n                            [(ngModel)]=\"row[col.name]\"\n                            (ngModelChange)=\"onFieldChange()\">\n                          </bs-checkbox>\n                        } @else if (col.dataType === 'Reference' && col.query) {\n                          <bs-select\n                            [(ngModel)]=\"row[col.name]\"\n                            (ngModelChange)=\"onFieldChange()\">\n                            <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                            @for (option of (attr | inlineRefOptions:col:asDetailReferenceOptions()); track option.id) {\n                              <option [ngValue]=\"option.id\">\n                                {{ option.breadcrumb || option.name || option.id }}\n                              </option>\n                            }\n                          </bs-select>\n                        } @else {\n                          <input\n                            [type]=\"col.dataType | inputType\"\n                            [(ngModel)]=\"row[col.name]\"\n                            [required]=\"col.isRequired\"\n                            [step]=\"col.dataType === 'decimal' ? '0.01' : '1'\"\n                            (ngModelChange)=\"onFieldChange()\">\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" [color]=\"colors.secondary\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + 1\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addInlineRow(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 80px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr>\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (getAsDetailCellRendererComponent(col); as cellRenderer) {\n                          <ng-container *ngComponentOutlet=\"cellRenderer; inputs: getAsDetailCellRendererInputs(row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary me-1\" (click)=\"editArrayItem(attr, $index)\">\n                        <spark-icon name=\"pencil\" />\n                      </button>\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + 1\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addArrayItem(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | asDetailDisplayValue:formData():asDetailTypes()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openAsDetailEditor(attr)\">\n                <spark-icon name=\"pencil\" />\n              </button>\n            </bs-input-group>\n          } @else if (getEditRendererComponent(attr); as editComp) {\n            <ng-container *ngComponentOutlet=\"editComp; inputs: getEditRendererInputs(attr)\"></ng-container>\n          } @else {\n            <input\n              [type]=\"attr.dataType | inputType\"\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              [step]=\"attr.dataType === 'decimal' ? '0.01' : '1'\"\n              [class.is-invalid]=\"hasError(attr.name)\">\n          }\n          @if (attr.name | errorForAttribute:validationErrors(); as errorMsg) {\n            <div class=\"invalid-feedback d-block\">\n              {{ errorMsg }}\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n\n    @if (showButtons()) {\n      <div bsRow class=\"mt-4\">\n        <div [md]=\"4\"></div>\n        <div [md]=\"8\" class=\"d-flex justify-content-end gap-2\">\n          <button type=\"button\" [color]=\"colors.secondary\" (click)=\"onCancel()\" [disabled]=\"isSaving()\">{{ 'common.cancel' | t }}</button>\n          <button type=\"submit\" [color]=\"colors.primary\" [disabled]=\"isSaving()\" (click)=\"onSave()\">\n            @if (isSaving()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'common.save' | t }}\n          </button>\n        </div>\n      </div>\n    }\n  </bs-grid>\n}\n\n<!-- Modal for editing AsDetail objects -->\n<bs-modal [isOpen]=\"showAsDetailModal()\" (isOpenChange)=\"!$event && closeAsDetailModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.edit' | t }} {{ editingAsDetailAttr()?.label | resolveTranslation:editingAsDetailAttr()?.name }}</h5>\n    </div>\n\n    @if (editingAsDetailAttr(); as attr) {\n      <div bsModalBody>\n        <spark-po-form\n          [entityType]=\"attr | asDetailType:asDetailTypes()\"\n          [(formData)]=\"asDetailFormData\"\n          [parentId]=\"parentId()\"\n          [parentType]=\"parentType()\">\n        </spark-po-form>\n      </div>\n    }\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeAsDetailModal()\">{{ 'common.cancel' | t }}</button>\n      <button type=\"button\" [color]=\"colors.primary\" (click)=\"saveAsDetailObject()\">{{ 'common.save' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting Reference items -->\n<bs-modal [isOpen]=\"showReferenceModal()\" (isOpenChange)=\"!$event && closeReferenceModal()\">\n  <div *bsModal class=\"reference-modal\">\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingReferenceAttr()?.label | resolveTranslation:editingReferenceAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      @if (referenceModalEntityType()) {\n        <!-- Search box -->\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"6\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [(ngModel)]=\"referenceSearchTerm\"\n                  (ngModelChange)=\"onReferenceSearchChange()\">\n                @if (referenceSearchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearReferenceSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"6\" class=\"text-end\">\n              @if (referenceSearchTerm && referenceModalPagination()) {\n                <span class=\"text-muted\">\n                  {{ referenceModalPagination()!.totalRecords }} {{ referenceModalPagination()!.totalRecords === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n\n        <bs-datatable\n          [(settings)]=\"referenceModalSettings\"\n          [data]=\"referenceModalRows()\"\n          (rowClick)=\"selectReferenceItem($event.row)\">\n          @for (attr of referenceVisibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ attr.label | resolveTranslation:attr.name }}\n            </div>\n          }\n\n          <ng-container *bsRowTemplate=\"let item\">\n            @for (attr of referenceVisibleAttributes(); track attr.id) {\n              <td>{{ $any(item) | referenceAttrValue:attr.name }}</td>\n            }\n          </ng-container>\n        </bs-datatable>\n      } @else {\n        <div class=\"text-center p-3\">\n          <bs-spinner />\n        </div>\n      }\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeReferenceModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting LookupReference items -->\n<bs-modal [isOpen]=\"showLookupModal()\" (isOpenChange)=\"!$event && closeLookupModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingLookupAttr()?.label | resolveTranslation:editingLookupAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      <!-- Search box -->\n      <bs-grid>\n        <div bsRow class=\"mb-3\">\n          <div [col]>\n            <bs-input-group>\n              <span class=\"input-group-text\">\n                <spark-icon name=\"search\" />\n              </span>\n              <input\n                type=\"text\"\n                [placeholder]=\"'common.search' | t\"\n                [ngModel]=\"lookupSearchTerm()\"\n                (ngModelChange)=\"lookupSearchTerm.set($event)\">\n              @if (lookupSearchTerm()) {\n                <button\n                  type=\"button\"\n                  class=\"btn btn-outline-secondary\"\n                  (click)=\"lookupSearchTerm.set('')\">\n                  <spark-icon name=\"x-lg\" />\n                </button>\n              }\n            </bs-input-group>\n          </div>\n        </div>\n      </bs-grid>\n\n      <!-- List of items -->\n      <bs-table [striped]=\"true\" [hover]=\"true\">\n        <tbody class=\"align-middle\">\n          @for (item of filteredLookupItems(); track item.key) {\n            <tr\n              [class.table-primary]=\"formData()[editingLookupAttr()?.name ?? ''] === item.key\"\n              (click)=\"selectLookupItem(item)\"\n              style=\"cursor: pointer;\">\n              <td>{{ item.values | resolveTranslation:item.key }}</td>\n            </tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center text-muted\">{{ 'common.noItemsFound' | t }}</td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeLookupModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n</bs-form>\n" }]
+            args: [{ selector: 'spark-po-form', imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, FormsModule, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPreview, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsGridColDirective, BsColFormLabelDirective, BsButtonTypeDirective, BsInputGroupComponent, BsSelectComponent, BsSelectOption, BsTreeSelectComponent, BsModalHostComponent, BsModalDirective, BsModalHeaderDirective, BsModalBodyDirective, BsModalFooterDirective, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, BsTableComponent, BsCheckboxComponent, BsSpinnerComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, SparkIconComponent, SparkPoFormComponent, TranslateKeyPipe, ResolveTranslationPipe, InputTypePipe, LookupDisplayValuePipe, LookupDisplayTypePipe, LookupOptionsPipe, ReferenceDisplayValuePipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, InlineRefOptionsPipe, ReferenceAttrValuePipe, ErrorForAttributePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-form>\n  @if (entityType()) {\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=\"tabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n    <ng-template #tabContent let-tab>\n      @if (tab.id === '__default__') {\n        @if (ungroupedAttributes().length > 0) {\n          <bs-card class=\"d-block m-3\">\n            <div class=\"p-3\">\n              @for (attr of ungroupedAttributes(); track attr.id) {\n                <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n              }\n            </div>\n          </bs-card>\n        }\n      }\n      @for (group of groupsForTab(tab); track group.id) {\n        @if (attrsForGroup(group); as groupAttrs) {\n          @if (groupAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              @if (group.label) {\n                <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n              }\n              <div class=\"p-3\">\n                @for (attr of groupAttrs; track attr.id) {\n                  <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n                }\n              </div>\n            </bs-card>\n          }\n        }\n      }\n    </ng-template>\n\n    <ng-template #attrField let-attr>\n      <div bsRow class=\"mb-3\">\n        <label [md]=\"4\" bsColFormLabel [for]=\"attr.name\">\n          {{ attr.label | resolveTranslation:attr.name }}\n          @if (attr.isRequired) {\n            <span class=\"text-danger\">*</span>\n          }\n        </label>\n        <div [md]=\"8\">\n          @if (attr.dataType === 'boolean') {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <bs-input-group>\n                <input\n                  type=\"text\"\n                  [id]=\"attr.name\"\n                  [value]=\"attr | lookupDisplayValue:formData():lookupReferenceOptions()\"\n                  readonly\n                  [class.is-invalid]=\"hasError(attr.name)\">\n                <button\n                  type=\"button\"\n                  bsInputGroupBtn\n                  [color]=\"colors.secondary\"\n                  (click)=\"openLookupSelector(attr)\">\n                  ...\n                </button>\n              </bs-input-group>\n            } @else {\n              <bs-select\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n                [id]=\"attr.name\"\n                [class.is-invalid]=\"hasError(attr.name)\">\n                <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                @for (option of (attr | lookupOptions:lookupReferenceOptions()); track option.key) {\n                  <option [ngValue]=\"option.key\">\n                    {{ option.values | resolveTranslation:option.key }}\n                  </option>\n                }\n              </bs-select>\n            }\n          } @else if (attr.dataType === 'Reference' && attr.isArray) {\n            <bs-tree-select\n              mode=\"multiple\"\n              variant=\"textbox\"\n              [showClear]=\"true\"\n              [placeholder]=\"'common.search' | t\"\n              [provider]=\"getReferenceProvider(attr)\"\n              [ngModel]=\"referenceTreeValues()[attr.name] || []\"\n              (ngModelChange)=\"onReferenceTreeChange(attr, $event)\"\n              [ngModelOptions]=\"{ standalone: true }\">\n            </bs-tree-select>\n          } @else if (attr.dataType === 'Reference') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | referenceDisplayValue:formData():referenceOptions()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openReferenceSelector(attr)\">\n                ...\n              </button>\n            </bs-input-group>\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray && attr.editMode === 'inline') {\n            <!-- One source of truth for an inline cell, reused by the row and by the drag\n                 preview. The preview is a live Angular view (not a cloneNode), so its\n                 <bs-select> binds to row[col.name] and shows the value while dragging. -->\n            <ng-template #inlineDetailCell let-row=\"row\" let-col=\"col\" let-attr=\"attr\" let-rowIndex=\"rowIndex\">\n              <td>\n                @if (col.isReadOnly) {\n                  <span class=\"text-muted\">{{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}</span>\n                } @else if (getAsDetailCellEditRenderer(col); as editRenderer) {\n                  <ng-container *ngComponentOutlet=\"editRenderer; inputs: getAsDetailCellEditRendererInputs(row, col)\"></ng-container>\n                } @else if (col.dataType === 'AsDetail') {\n                  <!-- Nested AsDetail can't flatten into a row: escalate to the row modal,\n                       where the recursive spark-po-form renders the nested structure. -->\n                  <div class=\"d-flex align-items-center gap-1\">\n                    <span class=\"text-truncate flex-grow-1\">{{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}</span>\n                    <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"editArrayItem(attr, rowIndex)\">\n                      <spark-icon name=\"pencil\" />\n                    </button>\n                  </div>\n                } @else if (col.dataType === 'boolean') {\n                  <bs-checkbox\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\">\n                  </bs-checkbox>\n                } @else if (col.dataType === 'Reference' && col.query) {\n                  <bs-select\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\">\n                    <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                    @for (option of (attr | inlineRefOptions:col:asDetailReferenceOptions()); track option.id) {\n                      <option [ngValue]=\"option.id\">\n                        {{ option.breadcrumb || option.name || option.id }}\n                      </option>\n                    }\n                  </bs-select>\n                } @else if (col.lookupReferenceType) {\n                  <bs-select\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\">\n                    <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                    @for (option of getLookupOptions(col); track option.key) {\n                      <option [ngValue]=\"option.key\">\n                        {{ option.values | resolveTranslation:option.key }}\n                      </option>\n                    }\n                  </bs-select>\n                } @else {\n                  <input\n                    [type]=\"col.dataType | inputType\"\n                    [(ngModel)]=\"row[col.name]\"\n                    [required]=\"col.isRequired\"\n                    [step]=\"col.dataType === 'decimal' ? '0.01' : '1'\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\"\n                    (ngModelChange)=\"onFieldChange()\">\n                }\n                @if (inlineErrorMessage(attr, rowIndex, col); as errorMsg) {\n                  <div class=\"invalid-feedback d-block\">{{ errorMsg }}</div>\n                }\n              </td>\n            </ng-template>\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @if (attr.isSortable) {\n                    <th style=\"width: 32px\"></th>\n                  }\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 50px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\" cdkDropList [cdkDropListDisabled]=\"!attr.isSortable\" (cdkDropListDropped)=\"onAsDetailReorder(attr, $event)\">\n                @for (row of formData()[attr.name] || []; track $index; let rowIndex = $index) {\n                  <tr cdkDrag [cdkDragDisabled]=\"!attr.isSortable\">\n                    @if (attr.isSortable) {\n                      <td class=\"text-center text-muted\" style=\"cursor: move; touch-action: none\" cdkDragHandle>\n                        <spark-icon name=\"grip-vertical\" />\n                      </td>\n                    }\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <ng-container *ngTemplateOutlet=\"inlineDetailCell; context: { row: row, col: col, attr: attr, rowIndex: rowIndex }\"></ng-container>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" [color]=\"colors.secondary\" (click)=\"removeArrayItem(attr, rowIndex)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n\n                    <!-- Floating preview = a LIVE view of the row's cells (not CDK's cloneNode),\n                         so <bs-select> shows its value instead of blanking. The in-grid\n                         placeholder still uses CDK's default clone (exact row height) and is\n                         hidden via .cdk-drag-placeholder { visibility:hidden } in the styles,\n                         so the drop gap is blank without collapsing/shifting the other rows. -->\n                    <ng-template cdkDragPreview>\n                      <table class=\"table mb-0 bg-body shadow-sm spark-drag-preview\">\n                        <tbody class=\"align-middle\">\n                          <tr>\n                            @if (attr.isSortable) {\n                              <td class=\"text-center text-muted\" style=\"width: 32px\"><spark-icon name=\"grip-vertical\" /></td>\n                            }\n                            @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                              <ng-container *ngTemplateOutlet=\"inlineDetailCell; context: { row: row, col: col, attr: attr, rowIndex: rowIndex }\"></ng-container>\n                            }\n                          </tr>\n                        </tbody>\n                      </table>\n                    </ng-template>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + (attr.isSortable ? 2 : 1)\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addInlineRow(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @if (attr.isSortable) {\n                    <th style=\"width: 32px\"></th>\n                  }\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 80px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\" cdkDropList [cdkDropListDisabled]=\"!attr.isSortable\" (cdkDropListDropped)=\"onAsDetailReorder(attr, $event)\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr cdkDrag [cdkDragDisabled]=\"!attr.isSortable\">\n                    @if (attr.isSortable) {\n                      <td class=\"text-center text-muted\" style=\"cursor: move; touch-action: none\" cdkDragHandle>\n                        <spark-icon name=\"grip-vertical\" />\n                      </td>\n                    }\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (getAsDetailCellRendererComponent(col); as cellRenderer) {\n                          <ng-container *ngComponentOutlet=\"cellRenderer; inputs: getAsDetailCellRendererInputs(row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary me-1\" (click)=\"editArrayItem(attr, $index)\">\n                        <spark-icon name=\"pencil\" />\n                      </button>\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + (attr.isSortable ? 2 : 1)\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addArrayItem(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | asDetailDisplayValue:formData():asDetailTypes()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openAsDetailEditor(attr)\">\n                <spark-icon name=\"pencil\" />\n              </button>\n            </bs-input-group>\n          } @else if (getEditRendererComponent(attr); as editComp) {\n            <ng-container *ngComponentOutlet=\"editComp; inputs: getEditRendererInputs(attr)\"></ng-container>\n          } @else {\n            <input\n              [type]=\"attr.dataType | inputType\"\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              [step]=\"attr.dataType === 'decimal' ? '0.01' : '1'\"\n              [class.is-invalid]=\"hasError(attr.name)\">\n          }\n          @if (attr.name | errorForAttribute:validationErrors(); as errorMsg) {\n            <div class=\"invalid-feedback d-block\">\n              {{ errorMsg }}\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n\n    @if (showButtons()) {\n      <div bsRow class=\"mt-4\">\n        <div [md]=\"4\"></div>\n        <div [md]=\"8\" class=\"d-flex justify-content-end gap-2\">\n          <button type=\"button\" [color]=\"colors.secondary\" (click)=\"onCancel()\" [disabled]=\"isSaving()\">{{ 'common.cancel' | t }}</button>\n          <button type=\"submit\" [color]=\"colors.primary\" [disabled]=\"isSaving()\" (click)=\"onSave()\">\n            @if (isSaving()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'common.save' | t }}\n          </button>\n        </div>\n      </div>\n    }\n  </bs-grid>\n}\n\n<!-- Modal for editing AsDetail objects -->\n<bs-modal [isOpen]=\"showAsDetailModal()\" (isOpenChange)=\"!$event && closeAsDetailModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.edit' | t }} {{ editingAsDetailAttr()?.label | resolveTranslation:editingAsDetailAttr()?.name }}</h5>\n    </div>\n\n    @if (editingAsDetailAttr(); as attr) {\n      <div bsModalBody>\n        <spark-po-form\n          [entityType]=\"attr | asDetailType:asDetailTypes()\"\n          [(formData)]=\"asDetailFormData\"\n          [parentId]=\"parentId()\"\n          [parentType]=\"parentType()\">\n        </spark-po-form>\n      </div>\n    }\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeAsDetailModal()\">{{ 'common.cancel' | t }}</button>\n      <button type=\"button\" [color]=\"colors.primary\" (click)=\"saveAsDetailObject()\">{{ 'common.save' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting Reference items -->\n<bs-modal [isOpen]=\"showReferenceModal()\" (isOpenChange)=\"!$event && closeReferenceModal()\">\n  <div *bsModal class=\"reference-modal\">\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingReferenceAttr()?.label | resolveTranslation:editingReferenceAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      @if (referenceModalEntityType()) {\n        <!-- Search box -->\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"6\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [(ngModel)]=\"referenceSearchTerm\"\n                  (ngModelChange)=\"onReferenceSearchChange()\">\n                @if (referenceSearchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearReferenceSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"6\" class=\"text-end\">\n              @if (referenceSearchTerm && referenceModalPagination()) {\n                <span class=\"text-muted\">\n                  {{ referenceModalPagination()!.totalRecords }} {{ referenceModalPagination()!.totalRecords === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n\n        <bs-datatable\n          [(settings)]=\"referenceModalSettings\"\n          [data]=\"referenceModalRows()\"\n          (rowClick)=\"selectReferenceItem($event.row)\">\n          @for (attr of referenceVisibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ attr.label | resolveTranslation:attr.name }}\n            </div>\n          }\n\n          <ng-container *bsRowTemplate=\"let item\">\n            @for (attr of referenceVisibleAttributes(); track attr.id) {\n              <td>{{ $any(item) | referenceAttrValue:attr.name }}</td>\n            }\n          </ng-container>\n        </bs-datatable>\n      } @else {\n        <div class=\"text-center p-3\">\n          <bs-spinner />\n        </div>\n      }\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeReferenceModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting LookupReference items -->\n<bs-modal [isOpen]=\"showLookupModal()\" (isOpenChange)=\"!$event && closeLookupModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingLookupAttr()?.label | resolveTranslation:editingLookupAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      <!-- Search box -->\n      <bs-grid>\n        <div bsRow class=\"mb-3\">\n          <div [col]>\n            <bs-input-group>\n              <span class=\"input-group-text\">\n                <spark-icon name=\"search\" />\n              </span>\n              <input\n                type=\"text\"\n                [placeholder]=\"'common.search' | t\"\n                [ngModel]=\"lookupSearchTerm()\"\n                (ngModelChange)=\"lookupSearchTerm.set($event)\">\n              @if (lookupSearchTerm()) {\n                <button\n                  type=\"button\"\n                  class=\"btn btn-outline-secondary\"\n                  (click)=\"lookupSearchTerm.set('')\">\n                  <spark-icon name=\"x-lg\" />\n                </button>\n              }\n            </bs-input-group>\n          </div>\n        </div>\n      </bs-grid>\n\n      <!-- List of items -->\n      <bs-table [striped]=\"true\" [hover]=\"true\">\n        <tbody class=\"align-middle\">\n          @for (item of filteredLookupItems(); track item.key) {\n            <tr\n              [class.table-primary]=\"formData()[editingLookupAttr()?.name ?? ''] === item.key\"\n              (click)=\"selectLookupItem(item)\"\n              style=\"cursor: pointer;\">\n              <td>{{ item.values | resolveTranslation:item.key }}</td>\n            </tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center text-muted\">{{ 'common.noItemsFound' | t }}</td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeLookupModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n</bs-form>\n", styles: [":host ::ng-deep .cdk-drag-placeholder{visibility:hidden}\n"] }]
         }], ctorParameters: () => [], propDecorators: { entityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityType", required: false }] }], formData: [{ type: i0.Input, args: [{ isSignal: true, alias: "formData", required: false }] }, { type: i0.Output, args: ["formDataChange"] }], validationErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationErrors", required: false }] }], showButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtons", required: false }] }], isSaving: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSaving", required: false }] }], parentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentId", required: false }] }], parentType: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentType", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-spark-po-form.mjs","sources":["../../po-form/src/spark-po-form.component.ts","../../po-form/src/spark-po-form.component.html","../../po-form/mintplayer-ng-spark-po-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, model, output, signal, effect, Type } from '@angular/core';\nimport { CommonModule, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';\nimport { BsFormComponent, BsFormControlDirective } from '@mintplayer/ng-bootstrap/form';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsGridColDirective, BsColFormLabelDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsInputGroupComponent } from '@mintplayer/ng-bootstrap/input-group';\nimport { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';\nimport { BsSelectComponent, BsSelectOption } from '@mintplayer/ng-bootstrap/select';\nimport { BsTreeSelectComponent, InMemoryTreeSelectProvider, TreeNode } from '@mintplayer/ng-bootstrap/tree-select';\nimport { BsModalHostComponent, BsModalDirective, BsModalHeaderDirective, BsModalBodyDirective, BsModalFooterDirective } from '@mintplayer/ng-bootstrap/modal';\nimport { BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, DatatableSettings } from '@mintplayer/ng-bootstrap/datatable';\nimport { BsCheckboxComponent } from '@mintplayer/ng-bootstrap/checkbox';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective } from '@mintplayer/ng-bootstrap/tab-control';\nimport { BsTableComponent } from '@mintplayer/ng-bootstrap/table';\nimport { PaginationResponse } from '@mintplayer/pagination';\nimport { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';\nimport {\n  TranslateKeyPipe,\n  ResolveTranslationPipe,\n  InputTypePipe,\n  LookupDisplayValuePipe,\n  LookupDisplayTypePipe,\n  LookupOptionsPipe,\n  ReferenceDisplayValuePipe,\n  AsDetailDisplayValuePipe,\n  AsDetailTypePipe,\n  AsDetailColumnsPipe,\n  AsDetailCellValuePipe,\n  CanCreateDetailRowPipe,\n  CanDeleteDetailRowPipe,\n  InlineRefOptionsPipe,\n  ReferenceAttrValuePipe,\n  ErrorForAttributePipe,\n} from '@mintplayer/ng-spark/pipes';\nimport {\n  ELookupDisplayType,\n  EntityPermissions,\n  EntityType,\n  EntityAttributeDefinition,\n  AttributeTab,\n  AttributeGroup,\n  LookupReference,\n  LookupReferenceValue,\n  PersistentObject,\n  PersistentObjectAttribute,\n  ValidationError,\n  ShowedOn,\n  hasShowedOnFlag,\n  resolveTranslation,\n} from '@mintplayer/ng-spark/models';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\nimport { SPARK_ATTRIBUTE_RENDERERS } from '@mintplayer/ng-spark/renderers';\n\n@Component({\n  selector: 'spark-po-form',\n  imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, FormsModule, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsGridColDirective, BsColFormLabelDirective, BsButtonTypeDirective, BsInputGroupComponent, BsSelectComponent, BsSelectOption, BsTreeSelectComponent, BsModalHostComponent, BsModalDirective, BsModalHeaderDirective, BsModalBodyDirective, BsModalFooterDirective, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, BsTableComponent, BsCheckboxComponent, BsSpinnerComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, SparkIconComponent, SparkPoFormComponent, TranslateKeyPipe, ResolveTranslationPipe, InputTypePipe, LookupDisplayValuePipe, LookupDisplayTypePipe, LookupOptionsPipe, ReferenceDisplayValuePipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, InlineRefOptionsPipe, ReferenceAttrValuePipe, ErrorForAttributePipe],\n  templateUrl: './spark-po-form.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoFormComponent {\n  private readonly sparkService = inject(SparkService);\n  private readonly translations = inject(SparkLanguageService);\n  private readonly rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);\n\n  entityType = input<EntityType | null>(null);\n  formData = model<Record<string, any>>({});\n  validationErrors = input<ValidationError[]>([]);\n  showButtons = input(false);\n  isSaving = input(false);\n  parentId = input<string | undefined>(undefined);\n  parentType = input<string | undefined>(undefined);\n\n  save = output<void>();\n  cancel = output<void>();\n\n  colors = Color;\n  referenceOptions = signal<Record<string, PersistentObject[]>>({});\n\n  // Multi-reference (Reference && isArray) editor state. Built from the same query\n  // results as referenceOptions: a flat TreeNode list per attribute drives an\n  // InMemoryTreeSelectProvider (the <bs-tree-select> data port), and a node lookup\n  // resolves selected ids back to chip labels.\n  referenceProviders = signal<Record<string, InMemoryTreeSelectProvider>>({});\n  referenceNodes = signal<Record<string, Record<string, TreeNode>>>({});\n  asDetailTypes = signal<Record<string, EntityType>>({});\n  lookupReferenceOptions = signal<Record<string, LookupReference>>({});\n\n  // Modal state for AsDetail object editing\n  editingAsDetailAttr = signal<EntityAttributeDefinition | null>(null);\n  asDetailFormData = signal<Record<string, any>>({});\n  showAsDetailModal = signal(false);\n  editingArrayIndex = signal<number | null>(null);\n\n  // Permissions for array AsDetail entity types\n  asDetailPermissions = signal<Record<string, EntityPermissions>>({});\n\n  // Reference options for columns within array AsDetail types (keyed by parent attr name, then column name)\n  asDetailReferenceOptions = signal<Record<string, Record<string, PersistentObject[]>>>({});\n\n  // Modal state for Reference selection\n  editingReferenceAttr = signal<EntityAttributeDefinition | null>(null);\n  showReferenceModal = signal(false);\n  referenceModalItems = signal<PersistentObject[]>([]);\n  referenceModalEntityType = signal<EntityType | null>(null);\n  referenceModalPagination = signal<PaginationResponse<PersistentObject> | undefined>(undefined);\n  referenceModalSettings = signal(new DatatableSettings({\n    perPage: { values: [10, 25, 50], selected: 10 },\n    page: { values: [1], selected: 1 },\n    sortColumns: []\n  }));\n  referenceSearchTerm = '';\n\n  // Modal state for LookupReference selection (Modal display type)\n  editingLookupAttr = signal<EntityAttributeDefinition | null>(null);\n  showLookupModal = signal(false);\n  lookupModalItems = signal<LookupReferenceValue[]>([]);\n  lookupSearchTerm = signal('');\n  ELookupDisplayType = ELookupDisplayType;\n\n  editableAttributes = computed(() => {\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  private static readonly DEFAULT_TAB: AttributeTab = { id: '__default__', name: 'Algemeen', label: { nl: 'Algemeen', en: 'General' }, order: 0 };\n\n  ungroupedAttributes = computed(() => {\n    const attrs = this.editableAttributes();\n    const groupIds = new Set((this.entityType()?.groups || []).map(g => g.id));\n    return attrs.filter(a => !a.group || !groupIds.has(a.group));\n  });\n\n  resolvedTabs = computed((): AttributeTab[] => {\n    const et = this.entityType();\n    const definedTabs = et?.tabs?.length ? [...et.tabs].sort((a, b) => a.order - b.order) : [];\n    const hasUngroupedAttrs = this.ungroupedAttributes().length > 0;\n    const hasUntabbedGroups = (et?.groups || []).some(g => !g.tab);\n\n    if (hasUngroupedAttrs || hasUntabbedGroups || definedTabs.length === 0) {\n      return [SparkPoFormComponent.DEFAULT_TAB, ...definedTabs];\n    }\n    return definedTabs;\n  });\n\n  groupsForTab(tab: AttributeTab): AttributeGroup[] {\n    const groups = this.entityType()?.groups || [];\n    if (tab.id === '__default__') {\n      return groups.filter(g => !g.tab).sort((a, b) => a.order - b.order);\n    }\n    return groups.filter(g => g.tab === tab.id).sort((a, b) => a.order - b.order);\n  }\n\n  attrsForGroup(group: AttributeGroup): EntityAttributeDefinition[] {\n    return this.editableAttributes().filter(a => a.group === group.id);\n  }\n\n  referenceVisibleAttributes = computed(() => {\n    return this.referenceModalEntityType()?.attributes\n      .filter(a => a.isVisible)\n      .sort((a, b) => a.order - b.order) || [];\n  });\n\n  // Typed rows for the reference-modal datatable so its generic infers\n  // PersistentObject (a `?? []` inline binding would degrade to `unknown`).\n  referenceModalRows = computed<PersistentObject[]>(() => this.referenceModalPagination()?.data ?? []);\n\n  filteredLookupItems = computed(() => {\n    if (!this.lookupSearchTerm().trim()) {\n      return this.lookupModalItems();\n    }\n    const term = this.lookupSearchTerm().toLowerCase().trim();\n    return this.lookupModalItems().filter(item => {\n      const translation = resolveTranslation(item.values);\n      return translation.toLowerCase().includes(term) || item.key.toLowerCase().includes(term);\n    });\n  });\n\n  constructor() {\n    effect(() => {\n      const et = this.entityType();\n      const _pid = this.parentId();\n      const _ptype = this.parentType();\n      if (et) {\n        this.loadReferenceOptions();\n        this.loadAsDetailTypes();\n        this.loadLookupReferenceOptions();\n      }\n    });\n  }\n\n  private toRecord<T>(entries: [string, T][]): Record<string, T> {\n    const result: Record<string, T> = {};\n    for (const [key, value] of entries) {\n      result[key] = value;\n    }\n    return result;\n  }\n\n  async loadReferenceOptions(): Promise<void> {\n    const refAttrs = this.editableAttributes().filter(a => a.dataType === 'Reference' && a.query);\n    if (refAttrs.length === 0) return;\n\n    const entries = await Promise.all(\n      refAttrs.filter(a => a.query).map(async attr => {\n        const result = await this.sparkService.executeQueryByName(attr.query!, {\n          parentId: this.parentId(),\n          parentType: this.parentType(),\n        });\n        return [attr.name, result.data] as [string, PersistentObject[]];\n      })\n    );\n    const optionsByAttr = this.toRecord(entries);\n    this.referenceOptions.set(optionsByAttr);\n\n    // For multi-reference attributes (Reference && isArray), turn each query result\n    // into a flat TreeNode list + an in-memory provider for <bs-tree-select>, and a\n    // by-id node map used to render chip labels for the current selection.\n    const providers: Record<string, InMemoryTreeSelectProvider> = {};\n    const nodesByAttr: Record<string, Record<string, TreeNode>> = {};\n    for (const attr of refAttrs) {\n      if (!attr.isArray) continue;\n      const pos = optionsByAttr[attr.name] || [];\n      const nodes: TreeNode[] = pos\n        .filter(po => !!po.id)\n        .map(po => ({ id: po.id!, label: po.breadcrumb || po.name || po.id! }));\n      providers[attr.name] = new InMemoryTreeSelectProvider(nodes);\n      nodesByAttr[attr.name] = this.toRecord(nodes.map(n => [n.id, n] as [string, TreeNode]));\n    }\n    this.referenceProviders.set(providers);\n    this.referenceNodes.set(nodesByAttr);\n  }\n\n  /**\n   * Stable TreeNode[] value per multi-reference attribute, derived from the id array\n   * in formData and the resolved node map. Recomputes only when formData or the node\n   * map changes, so binding it into <bs-tree-select> doesn't churn on every CD pass.\n   * Ids without a resolved node fall back to a label of the id itself.\n   */\n  referenceTreeValues = computed<Record<string, TreeNode[]>>(() => {\n    const fd = this.formData();\n    const nodesByAttr = this.referenceNodes();\n    const result: Record<string, TreeNode[]> = {};\n    for (const attr of this.editableAttributes()) {\n      if (attr.dataType !== 'Reference' || !attr.isArray) continue;\n      const ids: string[] = Array.isArray(fd[attr.name]) ? fd[attr.name] : [];\n      const nodeMap = nodesByAttr[attr.name] || {};\n      result[attr.name] = ids.map(id => nodeMap[id] ?? { id, label: id });\n    }\n    return result;\n  });\n\n  getReferenceProvider(attr: EntityAttributeDefinition): InMemoryTreeSelectProvider | undefined {\n    return this.referenceProviders()[attr.name];\n  }\n\n  onReferenceTreeChange(attr: EntityAttributeDefinition, value: TreeNode | TreeNode[] | null): void {\n    const nodes = Array.isArray(value) ? value : value ? [value] : [];\n    const data = { ...this.formData() };\n    data[attr.name] = nodes.map(n => n.id);\n    this.formData.set(data);\n  }\n\n  async loadAsDetailTypes(): Promise<void> {\n    const asDetailAttrs = this.editableAttributes().filter(a => a.dataType === 'AsDetail' && a.asDetailType);\n    if (asDetailAttrs.length === 0) return;\n\n    const types = await this.sparkService.getEntityTypes();\n    const newAsDetailTypes: Record<string, EntityType> = {};\n\n    for (const attr of asDetailAttrs) {\n      const asDetailType = types.find(t => t.clrType === attr.asDetailType);\n      if (asDetailType) {\n        newAsDetailTypes[attr.name] = asDetailType;\n\n        if (attr.isArray) {\n          const perms = await this.sparkService.getPermissions(asDetailType.id);\n          this.asDetailPermissions.update(prev => ({ ...prev, [attr.name]: perms }));\n\n          const refCols = asDetailType.attributes.filter(a => a.dataType === 'Reference' && a.query);\n          if (refCols.length > 0) {\n            const refEntries = await Promise.all(\n              refCols.filter(c => c.query).map(async col => {\n                const result = await this.sparkService.executeQueryByName(col.query!, {\n                  parentId: this.parentId(),\n                  parentType: this.parentType(),\n                });\n                return [col.name, result.data] as [string, PersistentObject[]];\n              })\n            );\n            this.asDetailReferenceOptions.update(prev => ({ ...prev, [attr.name]: this.toRecord(refEntries) }));\n          }\n        }\n      }\n    }\n    this.asDetailTypes.set(newAsDetailTypes);\n  }\n\n  async loadLookupReferenceOptions(): Promise<void> {\n    const lookupAttrs = this.editableAttributes().filter(a => a.lookupReferenceType);\n    if (lookupAttrs.length === 0) return;\n\n    const lookupNames = [...new Set(lookupAttrs.map(a => a.lookupReferenceType!))];\n    const entries = await Promise.all(\n      lookupNames.map(async name => {\n        const ref = await this.sparkService.getLookupReference(name);\n        return [name, ref] as [string, LookupReference];\n      })\n    );\n    this.lookupReferenceOptions.set(this.toRecord(entries));\n  }\n\n  getReferenceOptions(attr: EntityAttributeDefinition): PersistentObject[] {\n    return this.referenceOptions()[attr.name] || [];\n  }\n\n  getLookupOptions(attr: EntityAttributeDefinition): LookupReferenceValue[] {\n    const lookupRef = attr.lookupReferenceType ? this.lookupReferenceOptions()[attr.lookupReferenceType] : null;\n    return lookupRef?.values.filter(v => v.isActive) || [];\n  }\n\n  // LookupReference modal methods\n  openLookupSelector(attr: EntityAttributeDefinition): void {\n    this.editingLookupAttr.set(attr);\n    this.lookupSearchTerm.set('');\n    this.lookupModalItems.set(this.getLookupOptions(attr));\n    this.showLookupModal.set(true);\n  }\n\n  selectLookupItem(item: LookupReferenceValue): void {\n    const attr = this.editingLookupAttr();\n    if (attr) {\n      const data = { ...this.formData() };\n      data[attr.name] = item.key;\n      this.formData.set(data);\n    }\n    this.closeLookupModal();\n  }\n\n  closeLookupModal(): void {\n    this.showLookupModal.set(false);\n    this.editingLookupAttr.set(null);\n    this.lookupModalItems.set([]);\n    this.lookupSearchTerm.set('');\n  }\n\n  getEditRendererComponent(attr: EntityAttributeDefinition): Type<any> | null {\n    if (!attr.renderer) return null;\n    const reg = this.rendererRegistry.find(r => r.name === attr.renderer);\n    return reg?.editComponent ?? null;\n  }\n\n  getEditRendererInputs(attr: EntityAttributeDefinition): Record<string, any> {\n    return {\n      value: this.formData()[attr.name],\n      attribute: attr,\n      options: attr.rendererOptions,\n      valueChange: (newValue: any) => {\n        const data = { ...this.formData() };\n        data[attr.name] = newValue;\n        this.formData.set(data);\n      },\n    };\n  }\n\n  /** Column renderer for a cell of an AsDetail sub-table (so embedded rows honor `col.renderer` too). */\n  getAsDetailCellRendererComponent(col: EntityAttributeDefinition): Type<any> | null {\n    if (!col.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === col.renderer)?.columnComponent ?? null;\n  }\n\n  getAsDetailCellRendererInputs(row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any> {\n    return {\n      value: row[col.name],\n      attribute: col,\n      options: col.rendererOptions,\n    };\n  }\n\n  hasError(attrName: string): boolean {\n    return this.validationErrors().some(e => e.attributeName === attrName);\n  }\n\n  onFieldChange(): void {\n    this.formData.set({ ...this.formData() });\n  }\n\n  onSave(): void {\n    this.save.emit();\n  }\n\n  onCancel(): void {\n    this.cancel.emit();\n  }\n\n  // AsDetail object modal methods\n  openAsDetailEditor(attr: EntityAttributeDefinition): void {\n    this.editingAsDetailAttr.set(attr);\n    this.editingArrayIndex.set(null);\n    this.asDetailFormData.set({ ...(this.formData()[attr.name] || {}) });\n    this.showAsDetailModal.set(true);\n  }\n\n  saveAsDetailObject(): void {\n    const attr = this.editingAsDetailAttr();\n    if (attr) {\n      const data = { ...this.formData() };\n      if (attr.isArray) {\n        const arr = [...(data[attr.name] || [])];\n        const idx = this.editingArrayIndex();\n        if (idx !== null) {\n          arr[idx] = { ...this.asDetailFormData() };\n        } else {\n          arr.push({ ...this.asDetailFormData() });\n        }\n        data[attr.name] = arr;\n      } else {\n        data[attr.name] = { ...this.asDetailFormData() };\n      }\n      this.formData.set(data);\n    }\n    this.closeAsDetailModal();\n  }\n\n  closeAsDetailModal(): void {\n    this.showAsDetailModal.set(false);\n    this.editingAsDetailAttr.set(null);\n    this.editingArrayIndex.set(null);\n    this.asDetailFormData.set({});\n  }\n\n  // Inline AsDetail methods\n  addInlineRow(attr: EntityAttributeDefinition): void {\n    const data = { ...this.formData() };\n    const arr = [...(data[attr.name] || [])];\n    arr.push({});\n    data[attr.name] = arr;\n    this.formData.set(data);\n  }\n\n  // Array AsDetail methods\n  addArrayItem(attr: EntityAttributeDefinition): void {\n    this.editingAsDetailAttr.set(attr);\n    this.editingArrayIndex.set(null);\n    this.asDetailFormData.set({});\n    this.showAsDetailModal.set(true);\n  }\n\n  editArrayItem(attr: EntityAttributeDefinition, index: number): void {\n    this.editingAsDetailAttr.set(attr);\n    this.editingArrayIndex.set(index);\n    const arr = this.formData()[attr.name] || [];\n    this.asDetailFormData.set({ ...(arr[index] || {}) });\n    this.showAsDetailModal.set(true);\n  }\n\n  removeArrayItem(attr: EntityAttributeDefinition, index: number): void {\n    const data = { ...this.formData() };\n    const arr = [...(data[attr.name] || [])];\n    arr.splice(index, 1);\n    data[attr.name] = arr;\n    this.formData.set(data);\n  }\n\n  // Reference modal methods\n  async openReferenceSelector(attr: EntityAttributeDefinition): Promise<void> {\n    this.editingReferenceAttr.set(attr);\n    this.referenceSearchTerm = '';\n    this.referenceModalItems.set(this.getReferenceOptions(attr));\n\n    const types = await this.sparkService.getEntityTypes();\n    this.referenceModalEntityType.set(types.find(t => t.clrType === attr.referenceType) || null);\n    this.referenceModalSettings.set(new DatatableSettings({\n      perPage: { values: [10, 25, 50], selected: 10 },\n      page: { values: [1], selected: 1 },\n      sortColumns: []\n    }));\n    this.applyReferenceFilter();\n    this.showReferenceModal.set(true);\n  }\n\n  onReferenceSearchChange(): void {\n    this.referenceModalSettings().page.selected = 1;\n    this.applyReferenceFilter();\n  }\n\n  applyReferenceFilter(): void {\n    let filteredItems = this.referenceModalItems();\n\n    if (this.referenceSearchTerm.trim()) {\n      const term = this.referenceSearchTerm.toLowerCase().trim();\n      filteredItems = this.referenceModalItems().filter(item => {\n        if (item.name?.toLowerCase().includes(term)) return true;\n        if (item.breadcrumb?.toLowerCase().includes(term)) return true;\n        return item.attributes.some(attr => {\n          const value = attr.breadcrumb || attr.value;\n          if (value == null) return false;\n          return String(value).toLowerCase().includes(term);\n        });\n      });\n    }\n\n    const totalPages = Math.ceil(filteredItems.length / this.referenceModalSettings().perPage.selected) || 1;\n    this.referenceModalPagination.set({\n      data: filteredItems,\n      totalRecords: filteredItems.length,\n      totalPages: totalPages,\n      perPage: this.referenceModalSettings().perPage.selected,\n      page: this.referenceModalSettings().page.selected\n    });\n\n    this.referenceModalSettings().page.values = Array.from({ length: totalPages }, (_, i) => i + 1);\n\n    if (this.referenceModalSettings().page.selected > totalPages) {\n      this.referenceModalSettings().page.selected = 1;\n    }\n  }\n\n  clearReferenceSearch(): void {\n    this.referenceSearchTerm = '';\n    this.onReferenceSearchChange();\n  }\n\n  selectReferenceItem(item: PersistentObject): void {\n    const attr = this.editingReferenceAttr();\n    if (attr) {\n      const data = { ...this.formData() };\n      data[attr.name] = item.id;\n      this.formData.set(data);\n    }\n    this.closeReferenceModal();\n  }\n\n  closeReferenceModal(): void {\n    this.showReferenceModal.set(false);\n    this.editingReferenceAttr.set(null);\n    this.referenceModalItems.set([]);\n    this.referenceModalEntityType.set(null);\n    this.referenceSearchTerm = '';\n  }\n}\n","<bs-form>\n  @if (entityType()) {\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=\"tabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n    <ng-template #tabContent let-tab>\n      @if (tab.id === '__default__') {\n        @if (ungroupedAttributes().length > 0) {\n          <bs-card class=\"d-block m-3\">\n            <div class=\"p-3\">\n              @for (attr of ungroupedAttributes(); track attr.id) {\n                <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n              }\n            </div>\n          </bs-card>\n        }\n      }\n      @for (group of groupsForTab(tab); track group.id) {\n        @if (attrsForGroup(group); as groupAttrs) {\n          @if (groupAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              @if (group.label) {\n                <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n              }\n              <div class=\"p-3\">\n                @for (attr of groupAttrs; track attr.id) {\n                  <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n                }\n              </div>\n            </bs-card>\n          }\n        }\n      }\n    </ng-template>\n\n    <ng-template #attrField let-attr>\n      <div bsRow class=\"mb-3\">\n        <label [md]=\"4\" bsColFormLabel [for]=\"attr.name\">\n          {{ attr.label | resolveTranslation:attr.name }}\n          @if (attr.isRequired) {\n            <span class=\"text-danger\">*</span>\n          }\n        </label>\n        <div [md]=\"8\">\n          @if (attr.dataType === 'boolean') {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <bs-input-group>\n                <input\n                  type=\"text\"\n                  [id]=\"attr.name\"\n                  [value]=\"attr | lookupDisplayValue:formData():lookupReferenceOptions()\"\n                  readonly\n                  [class.is-invalid]=\"hasError(attr.name)\">\n                <button\n                  type=\"button\"\n                  bsInputGroupBtn\n                  [color]=\"colors.secondary\"\n                  (click)=\"openLookupSelector(attr)\">\n                  ...\n                </button>\n              </bs-input-group>\n            } @else {\n              <bs-select\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n                [id]=\"attr.name\"\n                [class.is-invalid]=\"hasError(attr.name)\">\n                <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                @for (option of (attr | lookupOptions:lookupReferenceOptions()); track option.key) {\n                  <option [ngValue]=\"option.key\">\n                    {{ option.values | resolveTranslation:option.key }}\n                  </option>\n                }\n              </bs-select>\n            }\n          } @else if (attr.dataType === 'Reference' && attr.isArray) {\n            <bs-tree-select\n              mode=\"multiple\"\n              variant=\"textbox\"\n              [showClear]=\"true\"\n              [placeholder]=\"'common.search' | t\"\n              [provider]=\"getReferenceProvider(attr)\"\n              [ngModel]=\"referenceTreeValues()[attr.name] || []\"\n              (ngModelChange)=\"onReferenceTreeChange(attr, $event)\"\n              [ngModelOptions]=\"{ standalone: true }\">\n            </bs-tree-select>\n          } @else if (attr.dataType === 'Reference') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | referenceDisplayValue:formData():referenceOptions()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openReferenceSelector(attr)\">\n                ...\n              </button>\n            </bs-input-group>\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray && attr.editMode === 'inline') {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 50px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr>\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (col.dataType === 'boolean') {\n                          <bs-checkbox\n                            [(ngModel)]=\"row[col.name]\"\n                            (ngModelChange)=\"onFieldChange()\">\n                          </bs-checkbox>\n                        } @else if (col.dataType === 'Reference' && col.query) {\n                          <bs-select\n                            [(ngModel)]=\"row[col.name]\"\n                            (ngModelChange)=\"onFieldChange()\">\n                            <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                            @for (option of (attr | inlineRefOptions:col:asDetailReferenceOptions()); track option.id) {\n                              <option [ngValue]=\"option.id\">\n                                {{ option.breadcrumb || option.name || option.id }}\n                              </option>\n                            }\n                          </bs-select>\n                        } @else {\n                          <input\n                            [type]=\"col.dataType | inputType\"\n                            [(ngModel)]=\"row[col.name]\"\n                            [required]=\"col.isRequired\"\n                            [step]=\"col.dataType === 'decimal' ? '0.01' : '1'\"\n                            (ngModelChange)=\"onFieldChange()\">\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" [color]=\"colors.secondary\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + 1\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addInlineRow(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 80px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr>\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (getAsDetailCellRendererComponent(col); as cellRenderer) {\n                          <ng-container *ngComponentOutlet=\"cellRenderer; inputs: getAsDetailCellRendererInputs(row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary me-1\" (click)=\"editArrayItem(attr, $index)\">\n                        <spark-icon name=\"pencil\" />\n                      </button>\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + 1\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addArrayItem(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | asDetailDisplayValue:formData():asDetailTypes()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openAsDetailEditor(attr)\">\n                <spark-icon name=\"pencil\" />\n              </button>\n            </bs-input-group>\n          } @else if (getEditRendererComponent(attr); as editComp) {\n            <ng-container *ngComponentOutlet=\"editComp; inputs: getEditRendererInputs(attr)\"></ng-container>\n          } @else {\n            <input\n              [type]=\"attr.dataType | inputType\"\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              [step]=\"attr.dataType === 'decimal' ? '0.01' : '1'\"\n              [class.is-invalid]=\"hasError(attr.name)\">\n          }\n          @if (attr.name | errorForAttribute:validationErrors(); as errorMsg) {\n            <div class=\"invalid-feedback d-block\">\n              {{ errorMsg }}\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n\n    @if (showButtons()) {\n      <div bsRow class=\"mt-4\">\n        <div [md]=\"4\"></div>\n        <div [md]=\"8\" class=\"d-flex justify-content-end gap-2\">\n          <button type=\"button\" [color]=\"colors.secondary\" (click)=\"onCancel()\" [disabled]=\"isSaving()\">{{ 'common.cancel' | t }}</button>\n          <button type=\"submit\" [color]=\"colors.primary\" [disabled]=\"isSaving()\" (click)=\"onSave()\">\n            @if (isSaving()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'common.save' | t }}\n          </button>\n        </div>\n      </div>\n    }\n  </bs-grid>\n}\n\n<!-- Modal for editing AsDetail objects -->\n<bs-modal [isOpen]=\"showAsDetailModal()\" (isOpenChange)=\"!$event && closeAsDetailModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.edit' | t }} {{ editingAsDetailAttr()?.label | resolveTranslation:editingAsDetailAttr()?.name }}</h5>\n    </div>\n\n    @if (editingAsDetailAttr(); as attr) {\n      <div bsModalBody>\n        <spark-po-form\n          [entityType]=\"attr | asDetailType:asDetailTypes()\"\n          [(formData)]=\"asDetailFormData\"\n          [parentId]=\"parentId()\"\n          [parentType]=\"parentType()\">\n        </spark-po-form>\n      </div>\n    }\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeAsDetailModal()\">{{ 'common.cancel' | t }}</button>\n      <button type=\"button\" [color]=\"colors.primary\" (click)=\"saveAsDetailObject()\">{{ 'common.save' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting Reference items -->\n<bs-modal [isOpen]=\"showReferenceModal()\" (isOpenChange)=\"!$event && closeReferenceModal()\">\n  <div *bsModal class=\"reference-modal\">\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingReferenceAttr()?.label | resolveTranslation:editingReferenceAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      @if (referenceModalEntityType()) {\n        <!-- Search box -->\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"6\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [(ngModel)]=\"referenceSearchTerm\"\n                  (ngModelChange)=\"onReferenceSearchChange()\">\n                @if (referenceSearchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearReferenceSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"6\" class=\"text-end\">\n              @if (referenceSearchTerm && referenceModalPagination()) {\n                <span class=\"text-muted\">\n                  {{ referenceModalPagination()!.totalRecords }} {{ referenceModalPagination()!.totalRecords === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n\n        <bs-datatable\n          [(settings)]=\"referenceModalSettings\"\n          [data]=\"referenceModalRows()\"\n          (rowClick)=\"selectReferenceItem($event.row)\">\n          @for (attr of referenceVisibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ attr.label | resolveTranslation:attr.name }}\n            </div>\n          }\n\n          <ng-container *bsRowTemplate=\"let item\">\n            @for (attr of referenceVisibleAttributes(); track attr.id) {\n              <td>{{ $any(item) | referenceAttrValue:attr.name }}</td>\n            }\n          </ng-container>\n        </bs-datatable>\n      } @else {\n        <div class=\"text-center p-3\">\n          <bs-spinner />\n        </div>\n      }\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeReferenceModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting LookupReference items -->\n<bs-modal [isOpen]=\"showLookupModal()\" (isOpenChange)=\"!$event && closeLookupModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingLookupAttr()?.label | resolveTranslation:editingLookupAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      <!-- Search box -->\n      <bs-grid>\n        <div bsRow class=\"mb-3\">\n          <div [col]>\n            <bs-input-group>\n              <span class=\"input-group-text\">\n                <spark-icon name=\"search\" />\n              </span>\n              <input\n                type=\"text\"\n                [placeholder]=\"'common.search' | t\"\n                [ngModel]=\"lookupSearchTerm()\"\n                (ngModelChange)=\"lookupSearchTerm.set($event)\">\n              @if (lookupSearchTerm()) {\n                <button\n                  type=\"button\"\n                  class=\"btn btn-outline-secondary\"\n                  (click)=\"lookupSearchTerm.set('')\">\n                  <spark-icon name=\"x-lg\" />\n                </button>\n              }\n            </bs-input-group>\n          </div>\n        </div>\n      </bs-grid>\n\n      <!-- List of items -->\n      <bs-table [striped]=\"true\" [hover]=\"true\">\n        <tbody class=\"align-middle\">\n          @for (item of filteredLookupItems(); track item.key) {\n            <tr\n              [class.table-primary]=\"formData()[editingLookupAttr()?.name ?? ''] === item.key\"\n              (click)=\"selectLookupItem(item)\"\n              style=\"cursor: pointer;\">\n              <td>{{ item.values | resolveTranslation:item.key }}</td>\n            </tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center text-muted\">{{ 'common.noItemsFound' | t }}</td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeLookupModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n</bs-form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-spark-po-form.mjs","sources":["../../po-form/src/spark-po-form.component.ts","../../po-form/src/spark-po-form.component.html","../../po-form/mintplayer-ng-spark-po-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, model, output, signal, effect, Type } from '@angular/core';\nimport { CommonModule, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { CdkDropList, CdkDrag, CdkDragHandle, CdkDragPreview, CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsCardComponent, BsCardHeaderComponent } from '@mintplayer/ng-bootstrap/card';\nimport { BsFormComponent, BsFormControlDirective } from '@mintplayer/ng-bootstrap/form';\nimport { BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsGridColDirective, BsColFormLabelDirective } from '@mintplayer/ng-bootstrap/grid';\nimport { BsInputGroupComponent } from '@mintplayer/ng-bootstrap/input-group';\nimport { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';\nimport { BsSelectComponent, BsSelectOption } from '@mintplayer/ng-bootstrap/select';\nimport { BsTreeSelectComponent, InMemoryTreeSelectProvider, TreeNode } from '@mintplayer/ng-bootstrap/tree-select';\nimport { BsModalHostComponent, BsModalDirective, BsModalHeaderDirective, BsModalBodyDirective, BsModalFooterDirective } from '@mintplayer/ng-bootstrap/modal';\nimport { BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, DatatableSettings } from '@mintplayer/ng-bootstrap/datatable';\nimport { BsCheckboxComponent } from '@mintplayer/ng-bootstrap/checkbox';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective } from '@mintplayer/ng-bootstrap/tab-control';\nimport { BsTableComponent } from '@mintplayer/ng-bootstrap/table';\nimport { PaginationResponse } from '@mintplayer/pagination';\nimport { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';\nimport {\n  TranslateKeyPipe,\n  ResolveTranslationPipe,\n  InputTypePipe,\n  LookupDisplayValuePipe,\n  LookupDisplayTypePipe,\n  LookupOptionsPipe,\n  ReferenceDisplayValuePipe,\n  AsDetailDisplayValuePipe,\n  AsDetailTypePipe,\n  AsDetailColumnsPipe,\n  AsDetailCellValuePipe,\n  CanCreateDetailRowPipe,\n  CanDeleteDetailRowPipe,\n  InlineRefOptionsPipe,\n  ReferenceAttrValuePipe,\n  ErrorForAttributePipe,\n} from '@mintplayer/ng-spark/pipes';\nimport {\n  ELookupDisplayType,\n  EntityPermissions,\n  EntityType,\n  EntityAttributeDefinition,\n  AttributeTab,\n  AttributeGroup,\n  LookupReference,\n  LookupReferenceValue,\n  PersistentObject,\n  PersistentObjectAttribute,\n  ValidationError,\n  ShowedOn,\n  hasShowedOnFlag,\n  resolveTranslation,\n} from '@mintplayer/ng-spark/models';\nimport { SparkIconComponent } from '@mintplayer/ng-spark/icon';\nimport { SPARK_ATTRIBUTE_RENDERERS } from '@mintplayer/ng-spark/renderers';\n\n@Component({\n  selector: 'spark-po-form',\n  imports: [CommonModule, NgTemplateOutlet, NgComponentOutlet, FormsModule, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPreview, BsCardComponent, BsCardHeaderComponent, BsFormComponent, BsFormControlDirective, BsGridComponent, BsGridRowDirective, BsGridColumnDirective, BsGridColDirective, BsColFormLabelDirective, BsButtonTypeDirective, BsInputGroupComponent, BsSelectComponent, BsSelectOption, BsTreeSelectComponent, BsModalHostComponent, BsModalDirective, BsModalHeaderDirective, BsModalBodyDirective, BsModalFooterDirective, BsDatatableComponent, BsDatatableColumnDirective, BsRowTemplateDirective, BsTableComponent, BsCheckboxComponent, BsSpinnerComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, SparkIconComponent, SparkPoFormComponent, TranslateKeyPipe, ResolveTranslationPipe, InputTypePipe, LookupDisplayValuePipe, LookupDisplayTypePipe, LookupOptionsPipe, ReferenceDisplayValuePipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, InlineRefOptionsPipe, ReferenceAttrValuePipe, ErrorForAttributePipe],\n  templateUrl: './spark-po-form.component.html',\n  // The CDK drag placeholder is a clone of the dragged row (so it keeps the exact row\n  // height). Hide its contents but keep it occupying space, so the drop gap is blank and\n  // the surrounding rows don't shift. ::ng-deep because the cloned node is styled by CDK.\n  styles: [`:host ::ng-deep .cdk-drag-placeholder { visibility: hidden; }`],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoFormComponent {\n  private readonly sparkService = inject(SparkService);\n  private readonly translations = inject(SparkLanguageService);\n  private readonly rendererRegistry = inject(SPARK_ATTRIBUTE_RENDERERS);\n\n  entityType = input<EntityType | null>(null);\n  formData = model<Record<string, any>>({});\n  validationErrors = input<ValidationError[]>([]);\n  showButtons = input(false);\n  isSaving = input(false);\n  parentId = input<string | undefined>(undefined);\n  parentType = input<string | undefined>(undefined);\n\n  save = output<void>();\n  cancel = output<void>();\n\n  colors = Color;\n  referenceOptions = signal<Record<string, PersistentObject[]>>({});\n\n  // Multi-reference (Reference && isArray) editor state. Built from the same query\n  // results as referenceOptions: a flat TreeNode list per attribute drives an\n  // InMemoryTreeSelectProvider (the <bs-tree-select> data port), and a node lookup\n  // resolves selected ids back to chip labels.\n  referenceProviders = signal<Record<string, InMemoryTreeSelectProvider>>({});\n  referenceNodes = signal<Record<string, Record<string, TreeNode>>>({});\n  asDetailTypes = signal<Record<string, EntityType>>({});\n  lookupReferenceOptions = signal<Record<string, LookupReference>>({});\n\n  // Modal state for AsDetail object editing\n  editingAsDetailAttr = signal<EntityAttributeDefinition | null>(null);\n  asDetailFormData = signal<Record<string, any>>({});\n  showAsDetailModal = signal(false);\n  editingArrayIndex = signal<number | null>(null);\n\n  // Permissions for array AsDetail entity types\n  asDetailPermissions = signal<Record<string, EntityPermissions>>({});\n\n  // Reference options for columns within array AsDetail types (keyed by parent attr name, then column name)\n  asDetailReferenceOptions = signal<Record<string, Record<string, PersistentObject[]>>>({});\n\n  // Modal state for Reference selection\n  editingReferenceAttr = signal<EntityAttributeDefinition | null>(null);\n  showReferenceModal = signal(false);\n  referenceModalItems = signal<PersistentObject[]>([]);\n  referenceModalEntityType = signal<EntityType | null>(null);\n  referenceModalPagination = signal<PaginationResponse<PersistentObject> | undefined>(undefined);\n  referenceModalSettings = signal(new DatatableSettings({\n    perPage: { values: [10, 25, 50], selected: 10 },\n    page: { values: [1], selected: 1 },\n    sortColumns: []\n  }));\n  referenceSearchTerm = '';\n\n  // Modal state for LookupReference selection (Modal display type)\n  editingLookupAttr = signal<EntityAttributeDefinition | null>(null);\n  showLookupModal = signal(false);\n  lookupModalItems = signal<LookupReferenceValue[]>([]);\n  lookupSearchTerm = signal('');\n  ELookupDisplayType = ELookupDisplayType;\n\n  editableAttributes = computed(() => {\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  private static readonly DEFAULT_TAB: AttributeTab = { id: '__default__', name: 'Algemeen', label: { nl: 'Algemeen', en: 'General' }, order: 0 };\n\n  ungroupedAttributes = computed(() => {\n    const attrs = this.editableAttributes();\n    const groupIds = new Set((this.entityType()?.groups || []).map(g => g.id));\n    return attrs.filter(a => !a.group || !groupIds.has(a.group));\n  });\n\n  resolvedTabs = computed((): AttributeTab[] => {\n    const et = this.entityType();\n    const definedTabs = et?.tabs?.length ? [...et.tabs].sort((a, b) => a.order - b.order) : [];\n    const hasUngroupedAttrs = this.ungroupedAttributes().length > 0;\n    const hasUntabbedGroups = (et?.groups || []).some(g => !g.tab);\n\n    if (hasUngroupedAttrs || hasUntabbedGroups || definedTabs.length === 0) {\n      return [SparkPoFormComponent.DEFAULT_TAB, ...definedTabs];\n    }\n    return definedTabs;\n  });\n\n  groupsForTab(tab: AttributeTab): AttributeGroup[] {\n    const groups = this.entityType()?.groups || [];\n    if (tab.id === '__default__') {\n      return groups.filter(g => !g.tab).sort((a, b) => a.order - b.order);\n    }\n    return groups.filter(g => g.tab === tab.id).sort((a, b) => a.order - b.order);\n  }\n\n  attrsForGroup(group: AttributeGroup): EntityAttributeDefinition[] {\n    return this.editableAttributes().filter(a => a.group === group.id);\n  }\n\n  referenceVisibleAttributes = computed(() => {\n    return this.referenceModalEntityType()?.attributes\n      .filter(a => a.isVisible)\n      .sort((a, b) => a.order - b.order) || [];\n  });\n\n  // Typed rows for the reference-modal datatable so its generic infers\n  // PersistentObject (a `?? []` inline binding would degrade to `unknown`).\n  referenceModalRows = computed<PersistentObject[]>(() => this.referenceModalPagination()?.data ?? []);\n\n  filteredLookupItems = computed(() => {\n    if (!this.lookupSearchTerm().trim()) {\n      return this.lookupModalItems();\n    }\n    const term = this.lookupSearchTerm().toLowerCase().trim();\n    return this.lookupModalItems().filter(item => {\n      const translation = resolveTranslation(item.values);\n      return translation.toLowerCase().includes(term) || item.key.toLowerCase().includes(term);\n    });\n  });\n\n  constructor() {\n    effect(() => {\n      const et = this.entityType();\n      const _pid = this.parentId();\n      const _ptype = this.parentType();\n      if (et) {\n        this.loadReferenceOptions();\n        this.loadAsDetailTypes();\n        this.loadLookupReferenceOptions();\n      }\n    });\n  }\n\n  private toRecord<T>(entries: [string, T][]): Record<string, T> {\n    const result: Record<string, T> = {};\n    for (const [key, value] of entries) {\n      result[key] = value;\n    }\n    return result;\n  }\n\n  async loadReferenceOptions(): Promise<void> {\n    const refAttrs = this.editableAttributes().filter(a => a.dataType === 'Reference' && a.query);\n    if (refAttrs.length === 0) return;\n\n    const entries = await Promise.all(\n      refAttrs.filter(a => a.query).map(async attr => {\n        const result = await this.sparkService.executeQueryByName(attr.query!, {\n          parentId: this.parentId(),\n          parentType: this.parentType(),\n        });\n        return [attr.name, result.data] as [string, PersistentObject[]];\n      })\n    );\n    const optionsByAttr = this.toRecord(entries);\n    this.referenceOptions.set(optionsByAttr);\n\n    // For multi-reference attributes (Reference && isArray), turn each query result\n    // into a flat TreeNode list + an in-memory provider for <bs-tree-select>, and a\n    // by-id node map used to render chip labels for the current selection.\n    const providers: Record<string, InMemoryTreeSelectProvider> = {};\n    const nodesByAttr: Record<string, Record<string, TreeNode>> = {};\n    for (const attr of refAttrs) {\n      if (!attr.isArray) continue;\n      const pos = optionsByAttr[attr.name] || [];\n      const nodes: TreeNode[] = pos\n        .filter(po => !!po.id)\n        .map(po => ({ id: po.id!, label: po.breadcrumb || po.name || po.id! }));\n      providers[attr.name] = new InMemoryTreeSelectProvider(nodes);\n      nodesByAttr[attr.name] = this.toRecord(nodes.map(n => [n.id, n] as [string, TreeNode]));\n    }\n    this.referenceProviders.set(providers);\n    this.referenceNodes.set(nodesByAttr);\n  }\n\n  /**\n   * Stable TreeNode[] value per multi-reference attribute, derived from the id array\n   * in formData and the resolved node map. Recomputes only when formData or the node\n   * map changes, so binding it into <bs-tree-select> doesn't churn on every CD pass.\n   * Ids without a resolved node fall back to a label of the id itself.\n   */\n  referenceTreeValues = computed<Record<string, TreeNode[]>>(() => {\n    const fd = this.formData();\n    const nodesByAttr = this.referenceNodes();\n    const result: Record<string, TreeNode[]> = {};\n    for (const attr of this.editableAttributes()) {\n      if (attr.dataType !== 'Reference' || !attr.isArray) continue;\n      const ids: string[] = Array.isArray(fd[attr.name]) ? fd[attr.name] : [];\n      const nodeMap = nodesByAttr[attr.name] || {};\n      result[attr.name] = ids.map(id => nodeMap[id] ?? { id, label: id });\n    }\n    return result;\n  });\n\n  getReferenceProvider(attr: EntityAttributeDefinition): InMemoryTreeSelectProvider | undefined {\n    return this.referenceProviders()[attr.name];\n  }\n\n  onReferenceTreeChange(attr: EntityAttributeDefinition, value: TreeNode | TreeNode[] | null): void {\n    const nodes = Array.isArray(value) ? value : value ? [value] : [];\n    const data = { ...this.formData() };\n    data[attr.name] = nodes.map(n => n.id);\n    this.formData.set(data);\n  }\n\n  async loadAsDetailTypes(): Promise<void> {\n    const asDetailAttrs = this.editableAttributes().filter(a => a.dataType === 'AsDetail' && a.asDetailType);\n    if (asDetailAttrs.length === 0) return;\n\n    const types = await this.sparkService.getEntityTypes();\n    const newAsDetailTypes: Record<string, EntityType> = {};\n\n    for (const attr of asDetailAttrs) {\n      const asDetailType = types.find(t => t.clrType === attr.asDetailType);\n      if (asDetailType) {\n        newAsDetailTypes[attr.name] = asDetailType;\n\n        if (attr.isArray) {\n          const perms = await this.sparkService.getPermissions(asDetailType.id);\n          this.asDetailPermissions.update(prev => ({ ...prev, [attr.name]: perms }));\n\n          const refCols = asDetailType.attributes.filter(a => a.dataType === 'Reference' && a.query);\n          if (refCols.length > 0) {\n            const refEntries = await Promise.all(\n              refCols.filter(c => c.query).map(async col => {\n                const result = await this.sparkService.executeQueryByName(col.query!, {\n                  parentId: this.parentId(),\n                  parentType: this.parentType(),\n                });\n                return [col.name, result.data] as [string, PersistentObject[]];\n              })\n            );\n            this.asDetailReferenceOptions.update(prev => ({ ...prev, [attr.name]: this.toRecord(refEntries) }));\n          }\n\n          // Inline editing of LookupReference child columns needs their options loaded\n          // (keyed by lookup name in the shared lookupReferenceOptions, deduped).\n          const lookupCols = asDetailType.attributes.filter(a => a.lookupReferenceType);\n          for (const col of lookupCols) {\n            const lookupName = col.lookupReferenceType!;\n            if (!this.lookupReferenceOptions()[lookupName]) {\n              const ref = await this.sparkService.getLookupReference(lookupName);\n              this.lookupReferenceOptions.update(prev => ({ ...prev, [lookupName]: ref }));\n            }\n          }\n        }\n      }\n    }\n    this.asDetailTypes.set(newAsDetailTypes);\n  }\n\n  async loadLookupReferenceOptions(): Promise<void> {\n    const lookupAttrs = this.editableAttributes().filter(a => a.lookupReferenceType);\n    if (lookupAttrs.length === 0) return;\n\n    const lookupNames = [...new Set(lookupAttrs.map(a => a.lookupReferenceType!))];\n    const entries = await Promise.all(\n      lookupNames.map(async name => {\n        const ref = await this.sparkService.getLookupReference(name);\n        return [name, ref] as [string, LookupReference];\n      })\n    );\n    this.lookupReferenceOptions.set(this.toRecord(entries));\n  }\n\n  getReferenceOptions(attr: EntityAttributeDefinition): PersistentObject[] {\n    return this.referenceOptions()[attr.name] || [];\n  }\n\n  getLookupOptions(attr: EntityAttributeDefinition): LookupReferenceValue[] {\n    const lookupRef = attr.lookupReferenceType ? this.lookupReferenceOptions()[attr.lookupReferenceType] : null;\n    return lookupRef?.values.filter(v => v.isActive) || [];\n  }\n\n  // LookupReference modal methods\n  openLookupSelector(attr: EntityAttributeDefinition): void {\n    this.editingLookupAttr.set(attr);\n    this.lookupSearchTerm.set('');\n    this.lookupModalItems.set(this.getLookupOptions(attr));\n    this.showLookupModal.set(true);\n  }\n\n  selectLookupItem(item: LookupReferenceValue): void {\n    const attr = this.editingLookupAttr();\n    if (attr) {\n      const data = { ...this.formData() };\n      data[attr.name] = item.key;\n      this.formData.set(data);\n    }\n    this.closeLookupModal();\n  }\n\n  closeLookupModal(): void {\n    this.showLookupModal.set(false);\n    this.editingLookupAttr.set(null);\n    this.lookupModalItems.set([]);\n    this.lookupSearchTerm.set('');\n  }\n\n  getEditRendererComponent(attr: EntityAttributeDefinition): Type<any> | null {\n    if (!attr.renderer) return null;\n    const reg = this.rendererRegistry.find(r => r.name === attr.renderer);\n    return reg?.editComponent ?? null;\n  }\n\n  getEditRendererInputs(attr: EntityAttributeDefinition): Record<string, any> {\n    return {\n      value: this.formData()[attr.name],\n      attribute: attr,\n      options: attr.rendererOptions,\n      valueChange: (newValue: any) => {\n        const data = { ...this.formData() };\n        data[attr.name] = newValue;\n        this.formData.set(data);\n      },\n    };\n  }\n\n  /** Column renderer for a cell of an AsDetail sub-table (so embedded rows honor `col.renderer` too). */\n  getAsDetailCellRendererComponent(col: EntityAttributeDefinition): Type<any> | null {\n    if (!col.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === col.renderer)?.columnComponent ?? null;\n  }\n\n  getAsDetailCellRendererInputs(row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any> {\n    return {\n      value: row[col.name],\n      attribute: col,\n      options: col.rendererOptions,\n    };\n  }\n\n  /** Edit-renderer for an inline AsDetail cell (so inline editing honors `col.renderer`, not just display). */\n  getAsDetailCellEditRenderer(col: EntityAttributeDefinition): Type<any> | null {\n    if (!col.renderer) return null;\n    return this.rendererRegistry.find(r => r.name === col.renderer)?.editComponent ?? null;\n  }\n\n  getAsDetailCellEditRendererInputs(row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any> {\n    return {\n      value: row[col.name],\n      attribute: col,\n      options: col.rendererOptions,\n      valueChange: (newValue: any) => {\n        row[col.name] = newValue;\n        this.onFieldChange();\n      },\n    };\n  }\n\n  hasError(attrName: string): boolean {\n    return this.validationErrors().some(e => e.attributeName === attrName);\n  }\n\n  // Per-cell validation for inline AsDetail rows. Server-emitted errors are keyed by the\n  // path \"{attr}[{rowIndex}].{col}\"; the client surfaces them like top-level field errors.\n  private inlineErrorPath(attr: EntityAttributeDefinition, rowIndex: number, col: EntityAttributeDefinition): string {\n    return `${attr.name}[${rowIndex}].${col.name}`;\n  }\n\n  hasInlineError(attr: EntityAttributeDefinition, rowIndex: number, col: EntityAttributeDefinition): boolean {\n    const path = this.inlineErrorPath(attr, rowIndex, col);\n    return this.validationErrors().some(e => e.attributeName === path);\n  }\n\n  inlineErrorMessage(attr: EntityAttributeDefinition, rowIndex: number, col: EntityAttributeDefinition): string | null {\n    const path = this.inlineErrorPath(attr, rowIndex, col);\n    const error = this.validationErrors().find(e => e.attributeName === path);\n    return error ? resolveTranslation(error.errorMessage) : null;\n  }\n\n  onFieldChange(): void {\n    this.formData.set({ ...this.formData() });\n  }\n\n  onSave(): void {\n    this.save.emit();\n  }\n\n  onCancel(): void {\n    this.cancel.emit();\n  }\n\n  // AsDetail object modal methods\n  openAsDetailEditor(attr: EntityAttributeDefinition): void {\n    this.editingAsDetailAttr.set(attr);\n    this.editingArrayIndex.set(null);\n    this.asDetailFormData.set({ ...(this.formData()[attr.name] || {}) });\n    this.showAsDetailModal.set(true);\n  }\n\n  saveAsDetailObject(): void {\n    const attr = this.editingAsDetailAttr();\n    if (attr) {\n      const data = { ...this.formData() };\n      if (attr.isArray) {\n        const arr = [...(data[attr.name] || [])];\n        const idx = this.editingArrayIndex();\n        if (idx !== null) {\n          arr[idx] = { ...this.asDetailFormData() };\n        } else {\n          arr.push({ ...this.asDetailFormData() });\n        }\n        data[attr.name] = arr;\n      } else {\n        data[attr.name] = { ...this.asDetailFormData() };\n      }\n      this.formData.set(data);\n    }\n    this.closeAsDetailModal();\n  }\n\n  closeAsDetailModal(): void {\n    this.showAsDetailModal.set(false);\n    this.editingAsDetailAttr.set(null);\n    this.editingArrayIndex.set(null);\n    this.asDetailFormData.set({});\n  }\n\n  // Inline AsDetail methods\n  addInlineRow(attr: EntityAttributeDefinition): void {\n    const data = { ...this.formData() };\n    const arr = [...(data[attr.name] || [])];\n    arr.push({});\n    data[attr.name] = arr;\n    this.formData.set(data);\n  }\n\n  // Array AsDetail methods\n  addArrayItem(attr: EntityAttributeDefinition): void {\n    this.editingAsDetailAttr.set(attr);\n    this.editingArrayIndex.set(null);\n    this.asDetailFormData.set({});\n    this.showAsDetailModal.set(true);\n  }\n\n  editArrayItem(attr: EntityAttributeDefinition, index: number): void {\n    this.editingAsDetailAttr.set(attr);\n    this.editingArrayIndex.set(index);\n    const arr = this.formData()[attr.name] || [];\n    this.asDetailFormData.set({ ...(arr[index] || {}) });\n    this.showAsDetailModal.set(true);\n  }\n\n  removeArrayItem(attr: EntityAttributeDefinition, index: number): void {\n    const data = { ...this.formData() };\n    const arr = [...(data[attr.name] || [])];\n    arr.splice(index, 1);\n    data[attr.name] = arr;\n    this.formData.set(data);\n  }\n\n  // Drag-reorder for [Sortable] AsDetail arrays. Order = array position, so moving the\n  // row within formData()[attr.name] and re-emitting the signal IS the persisted order\n  // (po-edit flags AsDetail attributes isValueChanged on save).\n  onAsDetailReorder(attr: EntityAttributeDefinition, event: CdkDragDrop<Record<string, any>[]>): void {\n    if (event.previousIndex === event.currentIndex) return;\n    const data = { ...this.formData() };\n    const arr = [...(data[attr.name] ?? [])];\n    moveItemInArray(arr, event.previousIndex, event.currentIndex);\n    data[attr.name] = arr;\n    this.formData.set(data);\n  }\n\n  // Reference modal methods\n  async openReferenceSelector(attr: EntityAttributeDefinition): Promise<void> {\n    this.editingReferenceAttr.set(attr);\n    this.referenceSearchTerm = '';\n    this.referenceModalItems.set(this.getReferenceOptions(attr));\n\n    const types = await this.sparkService.getEntityTypes();\n    this.referenceModalEntityType.set(types.find(t => t.clrType === attr.referenceType) || null);\n    this.referenceModalSettings.set(new DatatableSettings({\n      perPage: { values: [10, 25, 50], selected: 10 },\n      page: { values: [1], selected: 1 },\n      sortColumns: []\n    }));\n    this.applyReferenceFilter();\n    this.showReferenceModal.set(true);\n  }\n\n  onReferenceSearchChange(): void {\n    this.referenceModalSettings().page.selected = 1;\n    this.applyReferenceFilter();\n  }\n\n  applyReferenceFilter(): void {\n    let filteredItems = this.referenceModalItems();\n\n    if (this.referenceSearchTerm.trim()) {\n      const term = this.referenceSearchTerm.toLowerCase().trim();\n      filteredItems = this.referenceModalItems().filter(item => {\n        if (item.name?.toLowerCase().includes(term)) return true;\n        if (item.breadcrumb?.toLowerCase().includes(term)) return true;\n        return item.attributes.some(attr => {\n          const value = attr.breadcrumb || attr.value;\n          if (value == null) return false;\n          return String(value).toLowerCase().includes(term);\n        });\n      });\n    }\n\n    const totalPages = Math.ceil(filteredItems.length / this.referenceModalSettings().perPage.selected) || 1;\n    this.referenceModalPagination.set({\n      data: filteredItems,\n      totalRecords: filteredItems.length,\n      totalPages: totalPages,\n      perPage: this.referenceModalSettings().perPage.selected,\n      page: this.referenceModalSettings().page.selected\n    });\n\n    this.referenceModalSettings().page.values = Array.from({ length: totalPages }, (_, i) => i + 1);\n\n    if (this.referenceModalSettings().page.selected > totalPages) {\n      this.referenceModalSettings().page.selected = 1;\n    }\n  }\n\n  clearReferenceSearch(): void {\n    this.referenceSearchTerm = '';\n    this.onReferenceSearchChange();\n  }\n\n  selectReferenceItem(item: PersistentObject): void {\n    const attr = this.editingReferenceAttr();\n    if (attr) {\n      const data = { ...this.formData() };\n      data[attr.name] = item.id;\n      this.formData.set(data);\n    }\n    this.closeReferenceModal();\n  }\n\n  closeReferenceModal(): void {\n    this.showReferenceModal.set(false);\n    this.editingReferenceAttr.set(null);\n    this.referenceModalItems.set([]);\n    this.referenceModalEntityType.set(null);\n    this.referenceSearchTerm = '';\n  }\n}\n","<bs-form>\n  @if (entityType()) {\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=\"tabContent; context: { $implicit: tab }\"></ng-container>\n          </bs-tab-page>\n        }\n      </bs-tab-control>\n\n    <ng-template #tabContent let-tab>\n      @if (tab.id === '__default__') {\n        @if (ungroupedAttributes().length > 0) {\n          <bs-card class=\"d-block m-3\">\n            <div class=\"p-3\">\n              @for (attr of ungroupedAttributes(); track attr.id) {\n                <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n              }\n            </div>\n          </bs-card>\n        }\n      }\n      @for (group of groupsForTab(tab); track group.id) {\n        @if (attrsForGroup(group); as groupAttrs) {\n          @if (groupAttrs.length > 0) {\n            <bs-card class=\"d-block m-3\">\n              @if (group.label) {\n                <bs-card-header>{{ group.label | resolveTranslation:group.name }}</bs-card-header>\n              }\n              <div class=\"p-3\">\n                @for (attr of groupAttrs; track attr.id) {\n                  <ng-container *ngTemplateOutlet=\"attrField; context: { $implicit: attr }\"></ng-container>\n                }\n              </div>\n            </bs-card>\n          }\n        }\n      }\n    </ng-template>\n\n    <ng-template #attrField let-attr>\n      <div bsRow class=\"mb-3\">\n        <label [md]=\"4\" bsColFormLabel [for]=\"attr.name\">\n          {{ attr.label | resolveTranslation:attr.name }}\n          @if (attr.isRequired) {\n            <span class=\"text-danger\">*</span>\n          }\n        </label>\n        <div [md]=\"8\">\n          @if (attr.dataType === 'boolean') {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <bs-input-group>\n                <input\n                  type=\"text\"\n                  [id]=\"attr.name\"\n                  [value]=\"attr | lookupDisplayValue:formData():lookupReferenceOptions()\"\n                  readonly\n                  [class.is-invalid]=\"hasError(attr.name)\">\n                <button\n                  type=\"button\"\n                  bsInputGroupBtn\n                  [color]=\"colors.secondary\"\n                  (click)=\"openLookupSelector(attr)\">\n                  ...\n                </button>\n              </bs-input-group>\n            } @else {\n              <bs-select\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n                [id]=\"attr.name\"\n                [class.is-invalid]=\"hasError(attr.name)\">\n                <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                @for (option of (attr | lookupOptions:lookupReferenceOptions()); track option.key) {\n                  <option [ngValue]=\"option.key\">\n                    {{ option.values | resolveTranslation:option.key }}\n                  </option>\n                }\n              </bs-select>\n            }\n          } @else if (attr.dataType === 'Reference' && attr.isArray) {\n            <bs-tree-select\n              mode=\"multiple\"\n              variant=\"textbox\"\n              [showClear]=\"true\"\n              [placeholder]=\"'common.search' | t\"\n              [provider]=\"getReferenceProvider(attr)\"\n              [ngModel]=\"referenceTreeValues()[attr.name] || []\"\n              (ngModelChange)=\"onReferenceTreeChange(attr, $event)\"\n              [ngModelOptions]=\"{ standalone: true }\">\n            </bs-tree-select>\n          } @else if (attr.dataType === 'Reference') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | referenceDisplayValue:formData():referenceOptions()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openReferenceSelector(attr)\">\n                ...\n              </button>\n            </bs-input-group>\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray && attr.editMode === 'inline') {\n            <!-- One source of truth for an inline cell, reused by the row and by the drag\n                 preview. The preview is a live Angular view (not a cloneNode), so its\n                 <bs-select> binds to row[col.name] and shows the value while dragging. -->\n            <ng-template #inlineDetailCell let-row=\"row\" let-col=\"col\" let-attr=\"attr\" let-rowIndex=\"rowIndex\">\n              <td>\n                @if (col.isReadOnly) {\n                  <span class=\"text-muted\">{{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}</span>\n                } @else if (getAsDetailCellEditRenderer(col); as editRenderer) {\n                  <ng-container *ngComponentOutlet=\"editRenderer; inputs: getAsDetailCellEditRendererInputs(row, col)\"></ng-container>\n                } @else if (col.dataType === 'AsDetail') {\n                  <!-- Nested AsDetail can't flatten into a row: escalate to the row modal,\n                       where the recursive spark-po-form renders the nested structure. -->\n                  <div class=\"d-flex align-items-center gap-1\">\n                    <span class=\"text-truncate flex-grow-1\">{{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}</span>\n                    <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"editArrayItem(attr, rowIndex)\">\n                      <spark-icon name=\"pencil\" />\n                    </button>\n                  </div>\n                } @else if (col.dataType === 'boolean') {\n                  <bs-checkbox\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\">\n                  </bs-checkbox>\n                } @else if (col.dataType === 'Reference' && col.query) {\n                  <bs-select\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\">\n                    <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                    @for (option of (attr | inlineRefOptions:col:asDetailReferenceOptions()); track option.id) {\n                      <option [ngValue]=\"option.id\">\n                        {{ option.breadcrumb || option.name || option.id }}\n                      </option>\n                    }\n                  </bs-select>\n                } @else if (col.lookupReferenceType) {\n                  <bs-select\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\">\n                    <option [ngValue]=\"null\">{{ 'common.selectPlaceholder' | t }}</option>\n                    @for (option of getLookupOptions(col); track option.key) {\n                      <option [ngValue]=\"option.key\">\n                        {{ option.values | resolveTranslation:option.key }}\n                      </option>\n                    }\n                  </bs-select>\n                } @else {\n                  <input\n                    [type]=\"col.dataType | inputType\"\n                    [(ngModel)]=\"row[col.name]\"\n                    [required]=\"col.isRequired\"\n                    [step]=\"col.dataType === 'decimal' ? '0.01' : '1'\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\"\n                    (ngModelChange)=\"onFieldChange()\">\n                }\n                @if (inlineErrorMessage(attr, rowIndex, col); as errorMsg) {\n                  <div class=\"invalid-feedback d-block\">{{ errorMsg }}</div>\n                }\n              </td>\n            </ng-template>\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @if (attr.isSortable) {\n                    <th style=\"width: 32px\"></th>\n                  }\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 50px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\" cdkDropList [cdkDropListDisabled]=\"!attr.isSortable\" (cdkDropListDropped)=\"onAsDetailReorder(attr, $event)\">\n                @for (row of formData()[attr.name] || []; track $index; let rowIndex = $index) {\n                  <tr cdkDrag [cdkDragDisabled]=\"!attr.isSortable\">\n                    @if (attr.isSortable) {\n                      <td class=\"text-center text-muted\" style=\"cursor: move; touch-action: none\" cdkDragHandle>\n                        <spark-icon name=\"grip-vertical\" />\n                      </td>\n                    }\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <ng-container *ngTemplateOutlet=\"inlineDetailCell; context: { row: row, col: col, attr: attr, rowIndex: rowIndex }\"></ng-container>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" [color]=\"colors.secondary\" (click)=\"removeArrayItem(attr, rowIndex)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n\n                    <!-- Floating preview = a LIVE view of the row's cells (not CDK's cloneNode),\n                         so <bs-select> shows its value instead of blanking. The in-grid\n                         placeholder still uses CDK's default clone (exact row height) and is\n                         hidden via .cdk-drag-placeholder { visibility:hidden } in the styles,\n                         so the drop gap is blank without collapsing/shifting the other rows. -->\n                    <ng-template cdkDragPreview>\n                      <table class=\"table mb-0 bg-body shadow-sm spark-drag-preview\">\n                        <tbody class=\"align-middle\">\n                          <tr>\n                            @if (attr.isSortable) {\n                              <td class=\"text-center text-muted\" style=\"width: 32px\"><spark-icon name=\"grip-vertical\" /></td>\n                            }\n                            @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                              <ng-container *ngTemplateOutlet=\"inlineDetailCell; context: { row: row, col: col, attr: attr, rowIndex: rowIndex }\"></ng-container>\n                            }\n                          </tr>\n                        </tbody>\n                      </table>\n                    </ng-template>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + (attr.isSortable ? 2 : 1)\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addInlineRow(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail' && attr.isArray) {\n            <bs-table [isResponsive]=\"true\" class=\"mb-1\">\n              <thead>\n                <tr>\n                  @if (attr.isSortable) {\n                    <th style=\"width: 32px\"></th>\n                  }\n                  @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                    <th>{{ col.label | resolveTranslation:col.name }}</th>\n                  }\n                  <th style=\"width: 80px\"></th>\n                </tr>\n              </thead>\n              <tbody class=\"align-middle\" cdkDropList [cdkDropListDisabled]=\"!attr.isSortable\" (cdkDropListDropped)=\"onAsDetailReorder(attr, $event)\">\n                @for (row of formData()[attr.name] || []; track $index) {\n                  <tr cdkDrag [cdkDragDisabled]=\"!attr.isSortable\">\n                    @if (attr.isSortable) {\n                      <td class=\"text-center text-muted\" style=\"cursor: move; touch-action: none\" cdkDragHandle>\n                        <spark-icon name=\"grip-vertical\" />\n                      </td>\n                    }\n                    @for (col of (attr | asDetailColumns:asDetailTypes()); track col.name) {\n                      <td>\n                        @if (getAsDetailCellRendererComponent(col); as cellRenderer) {\n                          <ng-container *ngComponentOutlet=\"cellRenderer; inputs: getAsDetailCellRendererInputs(row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary me-1\" (click)=\"editArrayItem(attr, $index)\">\n                        <spark-icon name=\"pencil\" />\n                      </button>\n                      @if (attr | canDeleteDetailRow:asDetailPermissions()) {\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"removeArrayItem(attr, $index)\">\n                          <spark-icon name=\"trash\" />\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                } @empty {\n                  <tr>\n                    <td [attr.colspan]=\"(attr | asDetailColumns:asDetailTypes()).length + (attr.isSortable ? 2 : 1)\" class=\"text-center text-muted\">\n                      {{ 'common.noItemsFound' | t }}\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </bs-table>\n            @if (attr | canCreateDetailRow:asDetailPermissions()) {\n              <button type=\"button\" [color]=\"colors.primary\" class=\"w-100 rounded-0\" (click)=\"addArrayItem(attr)\">\n                <spark-icon name=\"plus\" /> {{ 'common.add' | t }}\n              </button>\n            }\n          } @else if (attr.dataType === 'AsDetail') {\n            <bs-input-group>\n              <input\n                type=\"text\"\n                [id]=\"attr.name\"\n                [value]=\"attr | asDetailDisplayValue:formData():asDetailTypes()\"\n                readonly\n                [class.is-invalid]=\"hasError(attr.name)\">\n              <button\n                type=\"button\"\n                bsInputGroupBtn\n                [color]=\"colors.secondary\"\n                (click)=\"openAsDetailEditor(attr)\">\n                <spark-icon name=\"pencil\" />\n              </button>\n            </bs-input-group>\n          } @else if (getEditRendererComponent(attr); as editComp) {\n            <ng-container *ngComponentOutlet=\"editComp; inputs: getEditRendererInputs(attr)\"></ng-container>\n          } @else {\n            <input\n              [type]=\"attr.dataType | inputType\"\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange()\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              [step]=\"attr.dataType === 'decimal' ? '0.01' : '1'\"\n              [class.is-invalid]=\"hasError(attr.name)\">\n          }\n          @if (attr.name | errorForAttribute:validationErrors(); as errorMsg) {\n            <div class=\"invalid-feedback d-block\">\n              {{ errorMsg }}\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n\n    @if (showButtons()) {\n      <div bsRow class=\"mt-4\">\n        <div [md]=\"4\"></div>\n        <div [md]=\"8\" class=\"d-flex justify-content-end gap-2\">\n          <button type=\"button\" [color]=\"colors.secondary\" (click)=\"onCancel()\" [disabled]=\"isSaving()\">{{ 'common.cancel' | t }}</button>\n          <button type=\"submit\" [color]=\"colors.primary\" [disabled]=\"isSaving()\" (click)=\"onSave()\">\n            @if (isSaving()) {\n              <bs-spinner class=\"me-1\" />\n            }\n            {{ 'common.save' | t }}\n          </button>\n        </div>\n      </div>\n    }\n  </bs-grid>\n}\n\n<!-- Modal for editing AsDetail objects -->\n<bs-modal [isOpen]=\"showAsDetailModal()\" (isOpenChange)=\"!$event && closeAsDetailModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.edit' | t }} {{ editingAsDetailAttr()?.label | resolveTranslation:editingAsDetailAttr()?.name }}</h5>\n    </div>\n\n    @if (editingAsDetailAttr(); as attr) {\n      <div bsModalBody>\n        <spark-po-form\n          [entityType]=\"attr | asDetailType:asDetailTypes()\"\n          [(formData)]=\"asDetailFormData\"\n          [parentId]=\"parentId()\"\n          [parentType]=\"parentType()\">\n        </spark-po-form>\n      </div>\n    }\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeAsDetailModal()\">{{ 'common.cancel' | t }}</button>\n      <button type=\"button\" [color]=\"colors.primary\" (click)=\"saveAsDetailObject()\">{{ 'common.save' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting Reference items -->\n<bs-modal [isOpen]=\"showReferenceModal()\" (isOpenChange)=\"!$event && closeReferenceModal()\">\n  <div *bsModal class=\"reference-modal\">\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingReferenceAttr()?.label | resolveTranslation:editingReferenceAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      @if (referenceModalEntityType()) {\n        <!-- Search box -->\n        <bs-grid>\n          <div bsRow class=\"mb-3\">\n            <div [md]=\"6\">\n              <bs-input-group>\n                <span class=\"input-group-text\">\n                  <spark-icon name=\"search\" />\n                </span>\n                <input\n                  type=\"text\"\n                  [placeholder]=\"'common.search' | t\"\n                  [(ngModel)]=\"referenceSearchTerm\"\n                  (ngModelChange)=\"onReferenceSearchChange()\">\n                @if (referenceSearchTerm) {\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-secondary\"\n                    (click)=\"clearReferenceSearch()\">\n                    <spark-icon name=\"x-lg\" />\n                  </button>\n                }\n              </bs-input-group>\n            </div>\n            <div [md]=\"6\" class=\"text-end\">\n              @if (referenceSearchTerm && referenceModalPagination()) {\n                <span class=\"text-muted\">\n                  {{ referenceModalPagination()!.totalRecords }} {{ referenceModalPagination()!.totalRecords === 1 ? ('common.resultFound' | t) : ('common.resultsFound' | t) }}\n                </span>\n              }\n            </div>\n          </div>\n        </bs-grid>\n\n        <bs-datatable\n          [(settings)]=\"referenceModalSettings\"\n          [data]=\"referenceModalRows()\"\n          (rowClick)=\"selectReferenceItem($event.row)\">\n          @for (attr of referenceVisibleAttributes(); track attr.id) {\n            <div *bsDatatableColumn=\"attr.name; sortable: true\">\n              {{ attr.label | resolveTranslation:attr.name }}\n            </div>\n          }\n\n          <ng-container *bsRowTemplate=\"let item\">\n            @for (attr of referenceVisibleAttributes(); track attr.id) {\n              <td>{{ $any(item) | referenceAttrValue:attr.name }}</td>\n            }\n          </ng-container>\n        </bs-datatable>\n      } @else {\n        <div class=\"text-center p-3\">\n          <bs-spinner />\n        </div>\n      }\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeReferenceModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n\n<!-- Modal for selecting LookupReference items -->\n<bs-modal [isOpen]=\"showLookupModal()\" (isOpenChange)=\"!$event && closeLookupModal()\">\n  <div *bsModal>\n    <div bsModalHeader>\n      <h5 class=\"modal-title\">{{ 'common.select' | t }} {{ editingLookupAttr()?.label | resolveTranslation:editingLookupAttr()?.name }}</h5>\n    </div>\n\n    <div bsModalBody>\n      <!-- Search box -->\n      <bs-grid>\n        <div bsRow class=\"mb-3\">\n          <div [col]>\n            <bs-input-group>\n              <span class=\"input-group-text\">\n                <spark-icon name=\"search\" />\n              </span>\n              <input\n                type=\"text\"\n                [placeholder]=\"'common.search' | t\"\n                [ngModel]=\"lookupSearchTerm()\"\n                (ngModelChange)=\"lookupSearchTerm.set($event)\">\n              @if (lookupSearchTerm()) {\n                <button\n                  type=\"button\"\n                  class=\"btn btn-outline-secondary\"\n                  (click)=\"lookupSearchTerm.set('')\">\n                  <spark-icon name=\"x-lg\" />\n                </button>\n              }\n            </bs-input-group>\n          </div>\n        </div>\n      </bs-grid>\n\n      <!-- List of items -->\n      <bs-table [striped]=\"true\" [hover]=\"true\">\n        <tbody class=\"align-middle\">\n          @for (item of filteredLookupItems(); track item.key) {\n            <tr\n              [class.table-primary]=\"formData()[editingLookupAttr()?.name ?? ''] === item.key\"\n              (click)=\"selectLookupItem(item)\"\n              style=\"cursor: pointer;\">\n              <td>{{ item.values | resolveTranslation:item.key }}</td>\n            </tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center text-muted\">{{ 'common.noItemsFound' | t }}</td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    </div>\n\n    <div bsModalFooter>\n      <button type=\"button\" [color]=\"colors.secondary\" (click)=\"closeLookupModal()\">{{ 'common.cancel' | t }}</button>\n    </div>\n  </div>\n</bs-modal>\n</bs-form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-spark",
   "private": false,
-  "version": "22.0.5",
+  "version": "22.0.6",
   "description": "Angular component library for MintPlayer.Spark CRUD applications",
   "repository": {
     "type": "git",
@@ -10,6 +10,7 @@
   },
   "peerDependencies": {
     "@angular/core": "^22.0.0",
+    "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",
     "@angular/router": "^22.0.0",
     "@angular/forms": "^22.0.0",

package/types/mintplayer-ng-spark-models.d.ts

@@ -112,6 +112,8 @@ interface EntityAttributeDefinition {
     isArray?: boolean;
     /** For array AsDetail attributes: "modal" (default) or "inline" */
     editMode?: 'inline' | 'modal';
+    /** For array AsDetail attributes: when true, rows can be drag-reordered (order = array position) */
+    isSortable?: boolean;
     /** For LookupReference attributes, specifies the lookup reference type name */
     lookupReferenceType?: string;
     /**

package/types/mintplayer-ng-spark-po-form.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Type } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { Color } from '@mintplayer/ng-bootstrap';
 import { InMemoryTreeSelectProvider, TreeNode } from '@mintplayer/ng-bootstrap/tree-select';
 import { DatatableSettings } from '@mintplayer/ng-bootstrap/datatable';
@@ -76,7 +77,13 @@ declare class SparkPoFormComponent {
     /** Column renderer for a cell of an AsDetail sub-table (so embedded rows honor `col.renderer` too). */
     getAsDetailCellRendererComponent(col: EntityAttributeDefinition): Type<any> | null;
     getAsDetailCellRendererInputs(row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any>;
+    /** Edit-renderer for an inline AsDetail cell (so inline editing honors `col.renderer`, not just display). */
+    getAsDetailCellEditRenderer(col: EntityAttributeDefinition): Type<any> | null;
+    getAsDetailCellEditRendererInputs(row: Record<string, any>, col: EntityAttributeDefinition): Record<string, any>;
     hasError(attrName: string): boolean;
+    private inlineErrorPath;
+    hasInlineError(attr: EntityAttributeDefinition, rowIndex: number, col: EntityAttributeDefinition): boolean;
+    inlineErrorMessage(attr: EntityAttributeDefinition, rowIndex: number, col: EntityAttributeDefinition): string | null;
     onFieldChange(): void;
     onSave(): void;
     onCancel(): void;
@@ -87,6 +94,7 @@ declare class SparkPoFormComponent {
     addArrayItem(attr: EntityAttributeDefinition): void;
     editArrayItem(attr: EntityAttributeDefinition, index: number): void;
     removeArrayItem(attr: EntityAttributeDefinition, index: number): void;
+    onAsDetailReorder(attr: EntityAttributeDefinition, event: CdkDragDrop<Record<string, any>[]>): void;
     openReferenceSelector(attr: EntityAttributeDefinition): Promise<void>;
     onReferenceSearchChange(): void;
     applyReferenceFilter(): void;