@mintplayer/ng-spark 22.17.0 → 22.18.0

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-spark-po-edit.mjs","sources":["../../po-edit/src/spark-po-edit.component.ts","../../po-edit/src/spark-po-edit.component.html","../../po-edit/mintplayer-ng-spark-po-edit.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule } from '@angular/common';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { SparkService } from '@mintplayer/ng-spark/services';\nimport { SparkPoFormComponent } from '@mintplayer/ng-spark/po-form';\nimport { TranslateKeyPipe, ResolveTranslationPipe } from '@mintplayer/ng-spark/pipes';\nimport {\n  EntityType,\n  PersistentObject,\n  PersistentObjectAttribute,\n  ValidationError,\n  ShowedOn,\n  hasShowedOnFlag,\n  nestedPoToDict,\n  dictToNestedPo,\n  EntityTypeResolver,\n} from '@mintplayer/ng-spark/models';\n\n@Component({\n  selector: 'spark-po-edit',\n  imports: [CommonModule, BsAlertComponent, BsContainerComponent, BsSpinnerComponent, SparkPoFormComponent, ResolveTranslationPipe, TranslateKeyPipe],\n  templateUrl: './spark-po-edit.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoEditComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n\n  saved = output<PersistentObject>();\n  cancelled = output<void>();\n\n  colors = Color;\n  entityType = signal<EntityType | null>(null);\n  item = signal<PersistentObject | null>(null);\n  type = '';\n  id = '';\n  formData = signal<Record<string, any>>({});\n  validationErrors = signal<ValidationError[]>([]);\n  isSaving = signal(false);\n  // Cached list of every entity type — needed by the AsDetail save path to resolve\n  // nested type schemas when rebuilding the nested PO wire shape from the flat form dict.\n  private allEntityTypes = signal<EntityType[]>([]);\n  generalErrors = computed(() => this.validationErrors().filter(e => !e.attributeName));\n\n  constructor() {\n    this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));\n  }\n\n  private async onParamsChange(params: any): Promise<void> {\n    this.type = params.get('type') || '';\n    this.id = params.get('id') || '';\n\n    try {\n      const [types, item] = await Promise.all([\n        this.sparkService.getEntityTypes(),\n        this.sparkService.get(this.type, this.id)\n      ]);\n\n      const entityType = types.find(t => t.id === this.type || t.alias === this.type) || null;\n      this.entityType.set(entityType);\n      this.allEntityTypes.set(types);\n      this.item.set(item);\n      this.initFormData();\n    } catch (e) {\n      const error = e as HttpErrorResponse;\n      this.validationErrors.set([{\n        attributeName: '',\n        errorMessage: { en: error.error?.error || error.message || 'An unexpected error occurred' },\n        ruleType: 'error'\n      }]);\n    }\n  }\n\n  initFormData(): void {\n    const data: Record<string, any> = {};\n    const currentItem = this.item();\n    this.getEditableAttributes().forEach(attr => {\n      const itemAttr = currentItem?.attributes.find(a => a.name === attr.name);\n      if (attr.dataType === 'Reference') {\n        data[attr.name] = itemAttr?.value ?? null;\n      } else if (attr.dataType === 'AsDetail') {\n        // Server emits nested PO(s) in attr.object / attr.objects. Flatten back into the\n        // Record<string, any> shape the form has always used so the rest of the component\n        // tree stays unchanged.\n        if (attr.isArray) {\n          data[attr.name] = (itemAttr?.objects ?? []).map(po => nestedPoToDict(po));\n        } else {\n          data[attr.name] = itemAttr?.object ? nestedPoToDict(itemAttr.object) : {};\n        }\n      } else if (attr.dataType === 'boolean' && !attr.lookupReferenceType) {\n        // `?? false` only for a real two-state checkbox. A lookup-backed boolean has a third state\n        // that is expressed as the absence of a value, and coercing it here destroyed that BEFORE\n        // the control rendered: merely opening the form and saving turned \"unset\" into an explicit\n        // false, permanently and with nothing shown to the user.\n        data[attr.name] = itemAttr?.value ?? false;\n      } else {\n        data[attr.name] = itemAttr?.value ?? '';\n      }\n    });\n    this.formData.set(data);\n  }\n\n  private resolveEntityType(): EntityTypeResolver {\n    const cache = this.allEntityTypes();\n    return (clrName: string) => cache.find(t => t.clrType === clrName);\n  }\n\n  getEditableAttributes() {\n    return this.entityType()?.attributes\n      .filter(a => a.isVisible && !a.isReadOnly && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject))\n      .sort((a, b) => a.order - b.order) || [];\n  }\n\n  async onSave(): Promise<void> {\n    const currentItem = this.item();\n    if (!this.entityType() || !currentItem) return;\n\n    this.validationErrors.set([]);\n    this.isSaving.set(true);\n\n    const resolver = this.resolveEntityType();\n    const attributes: PersistentObjectAttribute[] = currentItem.attributes.map(attr => {\n      const editableAttr = this.getEditableAttributes().find(a => a.name === attr.name);\n\n      // AsDetail: formData[name] is a flat dict (single) or array of dicts (array). Rebuild\n      // the nested PO wire shape so the server's polymorphic converter hydrates it into a\n      // PersistentObjectAttributeAsDetail.\n      if (editableAttr?.dataType === 'AsDetail' && editableAttr.asDetailType) {\n        const nestedType = resolver(editableAttr.asDetailType);\n        if (nestedType) {\n          const raw = this.formData()[attr.name];\n          if (editableAttr.isArray) {\n            const items: any[] = Array.isArray(raw) ? raw : [];\n            return {\n              ...attr,\n              value: null,\n              object: null,\n              objects: items.map(item => dictToNestedPo((item ?? {}) as Record<string, any>, nestedType, resolver)),\n              asDetailType: editableAttr.asDetailType,\n              isValueChanged: true,\n            };\n          }\n          return {\n            ...attr,\n            value: null,\n            object: raw ? dictToNestedPo(raw as Record<string, any>, nestedType, resolver) : null,\n            objects: null,\n            asDetailType: editableAttr.asDetailType,\n            isValueChanged: true,\n          };\n        }\n      }\n\n      const newValue = editableAttr ? this.formData()[attr.name] : attr.value;\n      return {\n        ...attr,\n        value: newValue,\n        isValueChanged: editableAttr ? newValue !== attr.value : false\n      };\n    });\n\n    const po: Partial<PersistentObject> = {\n      id: currentItem.id,\n      name: this.formData()['Name'] || currentItem.name,\n      objectTypeId: this.entityType()!.id,\n      attributes\n    };\n\n    try {\n      const result = await this.sparkService.update(this.type, this.id, po);\n      this.isSaving.set(false);\n      this.saved.emit(result as PersistentObject);\n      this.router.navigate(['/po', this.type, this.id]);\n    } catch (e) {\n      this.isSaving.set(false);\n      const error = e as HttpErrorResponse;\n      // ⚠️ The errors live under `result`, because every endpoint wraps its body in a\n      // ClientOperationEnvelope: `{ result: { errors: [...] }, operations: [] }`. Reading\n      // `error.error.errors` matched nothing, so this branch was dead and EVERY save-time\n      // validation failure fell through to the raw Angular HTTP string below.\n      const errors = error.error?.result?.errors ?? error.error?.errors;\n      if (error.status === 400 && errors) {\n        this.validationErrors.set(errors);\n      } else {\n        this.validationErrors.set([{\n          attributeName: '',\n          // Prefer the server's own message, as the load path already does. A refusal arrives as\n          // 404 by design (an anti-oracle measure), and `error.message` renders that as\n          // \"Http failure response for /spark/po/...: 404 Not Found\" inside the validation summary.\n          errorMessage: { en: error.error?.result?.error || error.error?.error || error.message || 'An unexpected error occurred' },\n          ruleType: 'error'\n        }]);\n      }\n    }\n  }\n\n  onCancel(): void {\n    this.cancelled.emit();\n    this.router.navigate(['/po', this.type, this.id]);\n  }\n}\n","<bs-container>\n<div class=\"container\">\n  @for (error of generalErrors(); track error.errorMessage) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ error.errorMessage | resolveTranslation }}\n    </bs-alert>\n  }\n\n  @if (entityType(); as et) {\n    @if (item()) {\n    <h2 class=\"mb-4\">{{ 'common.edit' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [objectTypeId]=\"type\"\n      [objectId]=\"id\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      [parentId]=\"id\"\n      [parentType]=\"type\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-spark-po-edit.mjs","sources":["../../po-edit/src/spark-po-edit.component.ts","../../po-edit/src/spark-po-edit.component.html","../../po-edit/mintplayer-ng-spark-po-edit.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, output, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CommonModule } from '@angular/common';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';\nimport { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';\nimport { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';\nimport { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';\nimport { SparkPoFormComponent } from '@mintplayer/ng-spark/po-form';\nimport { TranslateKeyPipe, ResolveTranslationPipe } from '@mintplayer/ng-spark/pipes';\nimport {\n  EntityType,\n  PersistentObject,\n  PersistentObjectAttribute,\n  ValidationError,\n  ShowedOn,\n  hasShowedOnFlag,\n  nestedPoToDict,\n  dictToNestedPo,\n  EntityTypeResolver,\n  isDateDataType,\n  toDateInputValue,\n  fromDateInputValue,\n  wireDatesEqual,\n  RefreshOverlay,\n  applyOverlay,\n} from '@mintplayer/ng-spark/models';\n\n@Component({\n  selector: 'spark-po-edit',\n  imports: [CommonModule, BsAlertComponent, BsContainerComponent, BsSpinnerComponent, SparkPoFormComponent, ResolveTranslationPipe, TranslateKeyPipe],\n  templateUrl: './spark-po-edit.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SparkPoEditComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly sparkService = inject(SparkService);\n  private readonly language = inject(SparkLanguageService);\n\n  saved = output<PersistentObject>();\n  cancelled = output<void>();\n\n  colors = Color;\n  entityType = signal<EntityType | null>(null);\n  item = signal<PersistentObject | null>(null);\n  type = '';\n  id = '';\n  formData = signal<Record<string, any>>({});\n  /**\n   * Bound two-way to the form, which is where refreshes land. Read by\n   * {@link getEditableAttributes} so the save sees the object the user was actually shown.\n   */\n  refreshOverlay = signal<RefreshOverlay>({});\n  validationErrors = signal<ValidationError[]>([]);\n  isSaving = signal(false);\n  // Cached list of every entity type — needed by the AsDetail save path to resolve\n  // nested type schemas when rebuilding the nested PO wire shape from the flat form dict.\n  private allEntityTypes = signal<EntityType[]>([]);\n  generalErrors = computed(() => this.validationErrors().filter(e => !e.attributeName));\n\n  constructor() {\n    this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));\n  }\n\n  private async onParamsChange(params: any): Promise<void> {\n    this.type = params.get('type') || '';\n    this.id = params.get('id') || '';\n\n    try {\n      const [types, item] = await Promise.all([\n        this.sparkService.getEntityTypes(),\n        this.sparkService.get(this.type, this.id)\n      ]);\n\n      const entityType = types.find(t => t.id === this.type || t.alias === this.type) || null;\n      this.entityType.set(entityType);\n      this.allEntityTypes.set(types);\n      this.item.set(item);\n      this.initFormData();\n    } catch (e) {\n      const error = e as HttpErrorResponse;\n      this.validationErrors.set([{\n        attributeName: '',\n        errorMessage: { en: error.error?.error || error.message || 'An unexpected error occurred' },\n        ruleType: 'error'\n      }]);\n    }\n  }\n\n  initFormData(): void {\n    const data: Record<string, any> = {};\n    const currentItem = this.item();\n    this.getEditableAttributes().forEach(attr => {\n      const itemAttr = currentItem?.attributes.find(a => a.name === attr.name);\n      if (attr.dataType === 'Reference') {\n        data[attr.name] = itemAttr?.value ?? null;\n      } else if (attr.dataType === 'AsDetail') {\n        // Server emits nested PO(s) in attr.object / attr.objects. Flatten back into the\n        // Record<string, any> shape the form has always used so the rest of the component\n        // tree stays unchanged.\n        if (attr.isArray) {\n          data[attr.name] = (itemAttr?.objects ?? []).map(po => nestedPoToDict(po));\n        } else {\n          data[attr.name] = itemAttr?.object ? nestedPoToDict(itemAttr.object) : {};\n        }\n      } else if (attr.dataType === 'boolean' && !attr.lookupReferenceType) {\n        // `?? false` only for a real two-state checkbox. A lookup-backed boolean has a third state\n        // that is expressed as the absence of a value, and coercing it here destroyed that BEFORE\n        // the control rendered: merely opening the form and saving turned \"unset\" into an explicit\n        // false, permanently and with nothing shown to the user.\n        data[attr.name] = itemAttr?.value ?? false;\n      } else if (isDateDataType(attr.dataType)) {\n        // The wire carries a full ISO-8601 instant with an offset; a native date/time control accepts\n        // only a bare local wall clock. Assigning the wire value directly does not fail loudly -- the\n        // control just renders blank, and saving the untouched form writes that blank back.\n        data[attr.name] = toDateInputValue(attr.dataType, itemAttr?.value);\n      } else {\n        data[attr.name] = itemAttr?.value ?? '';\n      }\n    });\n    this.formData.set(data);\n  }\n\n  private resolveEntityType(): EntityTypeResolver {\n    const cache = this.allEntityTypes();\n    return (clrName: string) => cache.find(t => t.clrType === clrName);\n  }\n\n  /**\n   * The attributes this page will read values from when it builds the save.\n   *\n   * ⚠️ <b>Overlaid before filtering, not after loading.</b> A refresh hook can reveal an attribute\n   * that was hidden when the object was loaded, and the ordinary reason it does so is that the\n   * attribute has just become required. Filtering on the loaded state left such an attribute out of\n   * both {@link initFormData} and the save payload, so the user filled in a field whose value was\n   * then dropped on the floor and refused by the server as missing — with no way out of the form.\n   * The overlay is the form's, bound two-way, so the two halves cannot drift again.\n   */\n  getEditableAttributes() {\n    const overlay = this.refreshOverlay();\n    return this.entityType()?.attributes\n      .map(a => applyOverlay(a, overlay[a.name]))\n      .filter(a => a.isVisible && !a.isReadOnly && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject))\n      .sort((a, b) => a.order - b.order) || [];\n  }\n\n  async onSave(): Promise<void> {\n    const currentItem = this.item();\n    if (!this.entityType() || !currentItem) return;\n\n    this.validationErrors.set([]);\n    this.isSaving.set(true);\n\n    const resolver = this.resolveEntityType();\n    const attributes: PersistentObjectAttribute[] = currentItem.attributes.map(attr => {\n      const editableAttr = this.getEditableAttributes().find(a => a.name === attr.name);\n\n      // AsDetail: formData[name] is a flat dict (single) or array of dicts (array). Rebuild\n      // the nested PO wire shape so the server's polymorphic converter hydrates it into a\n      // PersistentObjectAttributeAsDetail.\n      if (editableAttr?.dataType === 'AsDetail' && editableAttr.asDetailType) {\n        const nestedType = resolver(editableAttr.asDetailType);\n        if (nestedType) {\n          const raw = this.formData()[attr.name];\n          if (editableAttr.isArray) {\n            const items: any[] = Array.isArray(raw) ? raw : [];\n            return {\n              ...attr,\n              value: null,\n              object: null,\n              objects: items.map(item => dictToNestedPo((item ?? {}) as Record<string, any>, nestedType, resolver)),\n              asDetailType: editableAttr.asDetailType,\n              isValueChanged: true,\n            };\n          }\n          return {\n            ...attr,\n            value: null,\n            object: raw ? dictToNestedPo(raw as Record<string, any>, nestedType, resolver) : null,\n            objects: null,\n            asDetailType: editableAttr.asDetailType,\n            isValueChanged: true,\n          };\n        }\n      }\n\n      // `in`, not a truthiness or `?? attr.value` check: an attribute the refresh revealed has no\n      // slot until its control writes one, and an attribute the user cleared has a slot holding ''.\n      // Coalescing would resurrect the loaded value on exactly the edit that removed it.\n      const formData = this.formData();\n      const rawValue = editableAttr && attr.name in formData ? formData[attr.name] : attr.value;\n\n      if (editableAttr && isDateDataType(editableAttr.dataType)) {\n        // Back out of the control's bare wall clock into a complete ISO-8601 instant, carrying the\n        // viewer's offset for the entered date.\n        const converted = fromDateInputValue(editableAttr.dataType, rawValue);\n        // Compare by instant, not by text: the round trip rewrites the offset to the viewer's even\n        // when nothing was edited.\n        const changed = !wireDatesEqual(converted, attr.value);\n        return {\n          ...attr,\n          // When the value did not actually change, send back exactly what was loaded. Sending the\n          // re-converted string would preserve the instant but rewrite the stored offset to the\n          // viewer's, so merely opening a record and saving it would relabel a Seattle registration\n          // as a Brussels one. The offset is not business data (so the instant is what we guarantee),\n          // but there is no reason to discard it on a save that changed nothing.\n          value: changed ? converted : attr.value,\n          isValueChanged: changed,\n        };\n      }\n\n      const newValue = rawValue;\n      return {\n        ...attr,\n        value: newValue,\n        isValueChanged: editableAttr ? newValue !== attr.value : false\n      };\n    });\n\n    const po: Partial<PersistentObject> = {\n      id: currentItem.id,\n      // Send back the token this object was loaded with. Left out, the server skips the\n      // concurrency check entirely -- it is opt-in by presence -- and a save over somebody else's\n      // edit succeeds silently. Left as undefined when the server sent none, which drops the key\n      // from the JSON and restores exactly the old behaviour rather than sending an empty string\n      // that could never match.\n      etag: currentItem.etag,\n      name: this.formData()['Name'] || currentItem.name,\n      objectTypeId: this.entityType()!.id,\n      attributes\n    };\n\n    try {\n      const result = await this.sparkService.update(this.type, this.id, po);\n      this.isSaving.set(false);\n      this.saved.emit(result as PersistentObject);\n      this.router.navigate(['/po', this.type, this.id]);\n    } catch (e) {\n      this.isSaving.set(false);\n      const error = e as HttpErrorResponse;\n      // ⚠️ The errors live under `result`, because every endpoint wraps its body in a\n      // ClientOperationEnvelope: `{ result: { errors: [...] }, operations: [] }`. Reading\n      // `error.error.errors` matched nothing, so this branch was dead and EVERY save-time\n      // validation failure fell through to the raw Angular HTTP string below.\n      const errors = error.error?.result?.errors ?? error.error?.errors;\n      if (error.status === 400 && errors) {\n        this.validationErrors.set(errors);\n      } else if (error.status === 409) {\n        // Somebody saved this record between the load and this save. The server's own body says\n        // only \"Concurrency conflict\" -- deliberately, since the real message carries the change\n        // vector -- which is accurate, untranslated, and tells the user nothing to do about it.\n        // The form keeps its values, so the typing is not lost.\n        this.validationErrors.set([{\n          attributeName: '',\n          errorMessage: { en: this.language.t('common.concurrencyConflict') },\n          ruleType: 'error'\n        }]);\n      } else {\n        this.validationErrors.set([{\n          attributeName: '',\n          // Prefer the server's own message, as the load path already does. A refusal arrives as\n          // 404 by design (an anti-oracle measure), and `error.message` renders that as\n          // \"Http failure response for /spark/po/...: 404 Not Found\" inside the validation summary.\n          errorMessage: { en: error.error?.result?.error || error.error?.error || error.message || 'An unexpected error occurred' },\n          ruleType: 'error'\n        }]);\n      }\n    }\n  }\n\n  onCancel(): void {\n    this.cancelled.emit();\n    this.router.navigate(['/po', this.type, this.id]);\n  }\n}\n","<bs-container>\n<div class=\"container\">\n  @for (error of generalErrors(); track error.errorMessage) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ error.errorMessage | resolveTranslation }}\n    </bs-alert>\n  }\n\n  @if (entityType(); as et) {\n    @if (item()) {\n    <h2 class=\"mb-4\">{{ 'common.edit' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [(refreshOverlay)]=\"refreshOverlay\"\n      [objectTypeId]=\"type\"\n      [objectId]=\"id\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      [parentId]=\"id\"\n      [parentType]=\"type\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -369,8 +369,17 @@ class SparkPoFormComponent {
      * `entityType` identity and `SparkService` caches nothing, so re-setting it would re-issue every
      * reference query and lookup fetch on every refresh; mutating it in place would not re-render at
      * all.
+     *
+     * ⚠️ A `model`, not a plain signal, because the page that owns the save has to see it. This form
+     * renders from the overlaid attribute list; `spark-po-edit` and `spark-po-create` build the
+     * payload from their own copy of the same filter. While the overlay stopped here, those two
+     * filtered on the attribute's state *as loaded* — so an attribute a refresh hook revealed was
+     * rendered, filled in by the user, and then silently left out of the save. When the same hook also
+     * made it required (the ordinary case — a field appears *because* it is now needed) the server
+     * refused the save for the very field the user had just filled, and the form became a dead end
+     * with no way forward from inside it.
      */
-    refreshOverlay = signal({}, /* @ts-ignore */
+    refreshOverlay = model({}, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "refreshOverlay" }] : /* istanbul ignore next */ []));
     isRefreshing = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isRefreshing" }] : /* istanbul ignore next */ []));
@@ -1104,12 +1113,12 @@ class SparkPoFormComponent {
         this.formData.set(data);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkPoFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", 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 }, objectTypeId: { classPropertyName: "objectTypeId", publicName: "objectTypeId", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", 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          <spark-attribute-description [description]=\"attr.description\" />\n        </label>\n        <div [md]=\"8\">\n          <!-- A lookup wins over the raw data type. `[LookupReference]` does not change dataType \u2014\n               only `[Reference]` does \u2014 so a lookup-backed bool still reports 'boolean' here. Tested\n               first, this branch swallowed it into a two-state checkbox and the select below was\n               unreachable, which made a declared lookup silently do nothing. -->\n          @if (attr.dataType === 'boolean' && !attr.lookupReferenceType) {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <spark-lookup-picker\n                [value]=\"formData()[attr.name]\"\n                [options]=\"getLookupOptions(attr)\"\n                [inputId]=\"attr.name\"\n                [title]=\"attr.label | resolveTranslation:attr.name\"\n                [isInvalid]=\"hasError(attr.name)\"\n                (valueChange)=\"onLookupValueChange(attr, $event)\">\n              </spark-lookup-picker>\n            } @else {\n              <bs-select\n                class=\"w-100\"\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\"\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            <spark-reference-picker\n              [value]=\"formData()[attr.name]\"\n              [options]=\"referenceOptions()[attr.name] || []\"\n              [referenceType]=\"attr.referenceType\"\n              [inputId]=\"attr.name\"\n              [title]=\"attr.label | resolveTranslation:attr.name\"\n              [isInvalid]=\"hasError(attr.name)\"\n              (valueChange)=\"onReferenceValueChange(attr, $event)\">\n            </spark-reference-picker>\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                <!-- A row the caller may not edit renders through the same read-only span as a\n                     read-only column: still fully readable, just not editable. Hiding it would\n                     hide the data, and the save path would silently restore any edit anyway. -->\n                @if (col.isReadOnly || !(attr | canEditDetailRow:asDetailPermissions())) {\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(editRenderer, 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' && !col.lookupReferenceType) {\n                  <!-- Same precedence as the top-level chain above: a lookup-backed column must\n                       reach its select rather than being swallowed by the checkbox. -->\n                  <bs-checkbox\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\">\n                  </bs-checkbox>\n                } @else if (col.dataType === 'Reference' && col.query) {\n                  @if (col.referenceDisplayType === EReferenceDisplayType.Modal) {\n                    <spark-reference-picker\n                      [value]=\"row[col.name]\"\n                      [options]=\"(attr | inlineRefOptions:col:asDetailReferenceOptions())\"\n                      [referenceType]=\"col.referenceType\"\n                      [title]=\"col.label | resolveTranslation:col.name\"\n                      [isInvalid]=\"hasInlineError(attr, rowIndex, col)\"\n                      (valueChange)=\"row[col.name] = $event; onInlineCellChange(attr, rowIndex, col)\">\n                    </spark-reference-picker>\n                  } @else {\n                    <bs-select\n                      class=\"w-100\"\n                      [(ngModel)]=\"row[col.name]\"\n                      (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\"\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.id }}\n                        </option>\n                      }\n                    </bs-select>\n                  }\n                } @else if (col.lookupReferenceType) {\n                  @if ((col | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n                    <spark-lookup-picker\n                      [value]=\"row[col.name]\"\n                      [options]=\"getLookupOptions(col)\"\n                      [title]=\"col.label | resolveTranslation:col.name\"\n                      [isInvalid]=\"hasInlineError(attr, rowIndex, col)\"\n                      (valueChange)=\"row[col.name] = $event; onInlineCellChange(attr, rowIndex, col)\">\n                    </spark-lookup-picker>\n                  } @else {\n                    <bs-select\n                      class=\"w-100\"\n                      [(ngModel)]=\"row[col.name]\"\n                      (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\"\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                  }\n                } @else if (col.dataType === 'MultiLineString') {\n                  <textarea\n                    [(ngModel)]=\"row[col.name]\"\n                    [required]=\"col.isRequired\"\n                    rows=\"3\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    (blur)=\"onInlineCellBlur(attr, rowIndex, col)\"></textarea>\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                    (blur)=\"onInlineCellBlur(attr, rowIndex, col)\">\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 }}<spark-attribute-description [description]=\"col.description\" /></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            @for (err of rowLifecycleErrorsFor(attr.name); track $index) {\n              <div class=\"text-danger small mt-1\">{{ err.errorMessage | resolveTranslation }}</div>\n            }\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 }}<spark-attribute-description [description]=\"col.description\" /></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(cellRenderer, row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canEditDetailRow:asDetailPermissions()) {\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                      }\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            @for (err of rowLifecycleErrorsFor(attr.name); track $index) {\n              <div class=\"text-danger small mt-1\">{{ err.errorMessage | resolveTranslation }}</div>\n            }\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(editComp, attr)\"></ng-container>\n          } @else if (attr.dataType === 'MultiLineString') {\n            <textarea\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\"\n              (blur)=\"onFieldBlur(attr)\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              rows=\"6\"\n              [class.is-invalid]=\"hasError(attr.name)\"></textarea>\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(attr)\"\n              (blur)=\"onFieldBlur(attr)\"\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</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", "objectTypeId", "objectId"], outputs: ["formDataChange", "save", "cancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.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: 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", inputs: ["size"] }, { kind: "component", type: BsSelectComponent, selector: "bs-select", inputs: ["identifier", "size", "multiple", "numberVisible", "disabled"] }, { 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: 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: "component", type: SparkReferencePickerComponent, selector: "spark-reference-picker", inputs: ["value", "options", "referenceType", "isInvalid", "inputId", "title"], outputs: ["valueChange"] }, { kind: "component", type: SparkLookupPickerComponent, selector: "spark-lookup-picker", inputs: ["value", "options", "isInvalid", "inputId", "title"], outputs: ["valueChange"] }, { kind: "component", type: SparkAttributeDescriptionComponent, selector: "spark-attribute-description", inputs: ["description", "position"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: InputTypePipe, name: "inputType" }, { kind: "pipe", type: LookupDisplayTypePipe, name: "lookupDisplayType" }, { kind: "pipe", type: LookupOptionsPipe, name: "lookupOptions" }, { 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: CanEditDetailRowPipe, name: "canEditDetailRow" }, { kind: "pipe", type: InlineRefOptionsPipe, name: "inlineRefOptions" }, { kind: "pipe", type: ErrorForAttributePipe, name: "errorForAttribute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", 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 }, objectTypeId: { classPropertyName: "objectTypeId", publicName: "objectTypeId", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null }, refreshOverlay: { classPropertyName: "refreshOverlay", publicName: "refreshOverlay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formData: "formDataChange", save: "save", cancel: "cancel", refreshOverlay: "refreshOverlayChange" }, 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          <spark-attribute-description [description]=\"attr.description\" />\n        </label>\n        <div [md]=\"8\">\n          <!-- A lookup wins over the raw data type. `[LookupReference]` does not change dataType \u2014\n               only `[Reference]` does \u2014 so a lookup-backed bool still reports 'boolean' here. Tested\n               first, this branch swallowed it into a two-state checkbox and the select below was\n               unreachable, which made a declared lookup silently do nothing. -->\n          @if (attr.dataType === 'boolean' && !attr.lookupReferenceType) {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <spark-lookup-picker\n                [value]=\"formData()[attr.name]\"\n                [options]=\"getLookupOptions(attr)\"\n                [inputId]=\"attr.name\"\n                [title]=\"attr.label | resolveTranslation:attr.name\"\n                [isInvalid]=\"hasError(attr.name)\"\n                (valueChange)=\"onLookupValueChange(attr, $event)\">\n              </spark-lookup-picker>\n            } @else {\n              <bs-select\n                class=\"w-100\"\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\"\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            <spark-reference-picker\n              [value]=\"formData()[attr.name]\"\n              [options]=\"referenceOptions()[attr.name] || []\"\n              [referenceType]=\"attr.referenceType\"\n              [inputId]=\"attr.name\"\n              [title]=\"attr.label | resolveTranslation:attr.name\"\n              [isInvalid]=\"hasError(attr.name)\"\n              (valueChange)=\"onReferenceValueChange(attr, $event)\">\n            </spark-reference-picker>\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                <!-- A row the caller may not edit renders through the same read-only span as a\n                     read-only column: still fully readable, just not editable. Hiding it would\n                     hide the data, and the save path would silently restore any edit anyway. -->\n                @if (col.isReadOnly || !(attr | canEditDetailRow:asDetailPermissions())) {\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(editRenderer, 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' && !col.lookupReferenceType) {\n                  <!-- Same precedence as the top-level chain above: a lookup-backed column must\n                       reach its select rather than being swallowed by the checkbox. -->\n                  <bs-checkbox\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\">\n                  </bs-checkbox>\n                } @else if (col.dataType === 'Reference' && col.query) {\n                  @if (col.referenceDisplayType === EReferenceDisplayType.Modal) {\n                    <spark-reference-picker\n                      [value]=\"row[col.name]\"\n                      [options]=\"(attr | inlineRefOptions:col:asDetailReferenceOptions())\"\n                      [referenceType]=\"col.referenceType\"\n                      [title]=\"col.label | resolveTranslation:col.name\"\n                      [isInvalid]=\"hasInlineError(attr, rowIndex, col)\"\n                      (valueChange)=\"row[col.name] = $event; onInlineCellChange(attr, rowIndex, col)\">\n                    </spark-reference-picker>\n                  } @else {\n                    <bs-select\n                      class=\"w-100\"\n                      [(ngModel)]=\"row[col.name]\"\n                      (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\"\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.id }}\n                        </option>\n                      }\n                    </bs-select>\n                  }\n                } @else if (col.lookupReferenceType) {\n                  @if ((col | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n                    <spark-lookup-picker\n                      [value]=\"row[col.name]\"\n                      [options]=\"getLookupOptions(col)\"\n                      [title]=\"col.label | resolveTranslation:col.name\"\n                      [isInvalid]=\"hasInlineError(attr, rowIndex, col)\"\n                      (valueChange)=\"row[col.name] = $event; onInlineCellChange(attr, rowIndex, col)\">\n                    </spark-lookup-picker>\n                  } @else {\n                    <bs-select\n                      class=\"w-100\"\n                      [(ngModel)]=\"row[col.name]\"\n                      (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\"\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                  }\n                } @else if (col.dataType === 'MultiLineString') {\n                  <textarea\n                    [(ngModel)]=\"row[col.name]\"\n                    [required]=\"col.isRequired\"\n                    rows=\"3\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    (blur)=\"onInlineCellBlur(attr, rowIndex, col)\"></textarea>\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                    (blur)=\"onInlineCellBlur(attr, rowIndex, col)\">\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 }}<spark-attribute-description [description]=\"col.description\" /></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            @for (err of rowLifecycleErrorsFor(attr.name); track $index) {\n              <div class=\"text-danger small mt-1\">{{ err.errorMessage | resolveTranslation }}</div>\n            }\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 }}<spark-attribute-description [description]=\"col.description\" /></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(cellRenderer, row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canEditDetailRow:asDetailPermissions()) {\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                      }\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            @for (err of rowLifecycleErrorsFor(attr.name); track $index) {\n              <div class=\"text-danger small mt-1\">{{ err.errorMessage | resolveTranslation }}</div>\n            }\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(editComp, attr)\"></ng-container>\n          } @else if (attr.dataType === 'MultiLineString') {\n            <textarea\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\"\n              (blur)=\"onFieldBlur(attr)\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              rows=\"6\"\n              [class.is-invalid]=\"hasError(attr.name)\"></textarea>\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(attr)\"\n              (blur)=\"onFieldBlur(attr)\"\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</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", "objectTypeId", "objectId", "refreshOverlay"], outputs: ["formDataChange", "save", "cancel", "refreshOverlayChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.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: 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", inputs: ["size"] }, { kind: "component", type: BsSelectComponent, selector: "bs-select", inputs: ["identifier", "size", "multiple", "numberVisible", "disabled"] }, { 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: 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: "component", type: SparkReferencePickerComponent, selector: "spark-reference-picker", inputs: ["value", "options", "referenceType", "isInvalid", "inputId", "title"], outputs: ["valueChange"] }, { kind: "component", type: SparkLookupPickerComponent, selector: "spark-lookup-picker", inputs: ["value", "options", "isInvalid", "inputId", "title"], outputs: ["valueChange"] }, { kind: "component", type: SparkAttributeDescriptionComponent, selector: "spark-attribute-description", inputs: ["description", "position"] }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: InputTypePipe, name: "inputType" }, { kind: "pipe", type: LookupDisplayTypePipe, name: "lookupDisplayType" }, { kind: "pipe", type: LookupOptionsPipe, name: "lookupOptions" }, { 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: CanEditDetailRowPipe, name: "canEditDetailRow" }, { kind: "pipe", type: InlineRefOptionsPipe, name: "inlineRefOptions" }, { kind: "pipe", type: ErrorForAttributePipe, name: "errorForAttribute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkPoFormComponent, decorators: [{
             type: Component,
             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, BsTableComponent, BsCheckboxComponent, BsSpinnerComponent, BsTabControlComponent, BsTabPageComponent, BsTabPageHeaderDirective, SparkIconComponent, SparkPoFormComponent, SparkReferencePickerComponent, SparkLookupPickerComponent, TranslateKeyPipe, ResolveTranslationPipe, InputTypePipe, LookupDisplayTypePipe, LookupOptionsPipe, AsDetailDisplayValuePipe, AsDetailTypePipe, AsDetailColumnsPipe, AsDetailCellValuePipe, CanCreateDetailRowPipe, CanDeleteDetailRowPipe, CanEditDetailRowPipe, InlineRefOptionsPipe, ErrorForAttributePipe, SparkAttributeDescriptionComponent], 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          <spark-attribute-description [description]=\"attr.description\" />\n        </label>\n        <div [md]=\"8\">\n          <!-- A lookup wins over the raw data type. `[LookupReference]` does not change dataType \u2014\n               only `[Reference]` does \u2014 so a lookup-backed bool still reports 'boolean' here. Tested\n               first, this branch swallowed it into a two-state checkbox and the select below was\n               unreachable, which made a declared lookup silently do nothing. -->\n          @if (attr.dataType === 'boolean' && !attr.lookupReferenceType) {\n            <bs-checkbox\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\">\n            </bs-checkbox>\n          } @else if (attr.lookupReferenceType) {\n            @if ((attr | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n              <spark-lookup-picker\n                [value]=\"formData()[attr.name]\"\n                [options]=\"getLookupOptions(attr)\"\n                [inputId]=\"attr.name\"\n                [title]=\"attr.label | resolveTranslation:attr.name\"\n                [isInvalid]=\"hasError(attr.name)\"\n                (valueChange)=\"onLookupValueChange(attr, $event)\">\n              </spark-lookup-picker>\n            } @else {\n              <bs-select\n                class=\"w-100\"\n                [ngModel]=\"formData()[attr.name]\"\n                (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\"\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            <spark-reference-picker\n              [value]=\"formData()[attr.name]\"\n              [options]=\"referenceOptions()[attr.name] || []\"\n              [referenceType]=\"attr.referenceType\"\n              [inputId]=\"attr.name\"\n              [title]=\"attr.label | resolveTranslation:attr.name\"\n              [isInvalid]=\"hasError(attr.name)\"\n              (valueChange)=\"onReferenceValueChange(attr, $event)\">\n            </spark-reference-picker>\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                <!-- A row the caller may not edit renders through the same read-only span as a\n                     read-only column: still fully readable, just not editable. Hiding it would\n                     hide the data, and the save path would silently restore any edit anyway. -->\n                @if (col.isReadOnly || !(attr | canEditDetailRow:asDetailPermissions())) {\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(editRenderer, 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' && !col.lookupReferenceType) {\n                  <!-- Same precedence as the top-level chain above: a lookup-backed column must\n                       reach its select rather than being swallowed by the checkbox. -->\n                  <bs-checkbox\n                    [(ngModel)]=\"row[col.name]\"\n                    (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\">\n                  </bs-checkbox>\n                } @else if (col.dataType === 'Reference' && col.query) {\n                  @if (col.referenceDisplayType === EReferenceDisplayType.Modal) {\n                    <spark-reference-picker\n                      [value]=\"row[col.name]\"\n                      [options]=\"(attr | inlineRefOptions:col:asDetailReferenceOptions())\"\n                      [referenceType]=\"col.referenceType\"\n                      [title]=\"col.label | resolveTranslation:col.name\"\n                      [isInvalid]=\"hasInlineError(attr, rowIndex, col)\"\n                      (valueChange)=\"row[col.name] = $event; onInlineCellChange(attr, rowIndex, col)\">\n                    </spark-reference-picker>\n                  } @else {\n                    <bs-select\n                      class=\"w-100\"\n                      [(ngModel)]=\"row[col.name]\"\n                      (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\"\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.id }}\n                        </option>\n                      }\n                    </bs-select>\n                  }\n                } @else if (col.lookupReferenceType) {\n                  @if ((col | lookupDisplayType:lookupReferenceOptions()) === ELookupDisplayType.Modal) {\n                    <spark-lookup-picker\n                      [value]=\"row[col.name]\"\n                      [options]=\"getLookupOptions(col)\"\n                      [title]=\"col.label | resolveTranslation:col.name\"\n                      [isInvalid]=\"hasInlineError(attr, rowIndex, col)\"\n                      (valueChange)=\"row[col.name] = $event; onInlineCellChange(attr, rowIndex, col)\">\n                    </spark-lookup-picker>\n                  } @else {\n                    <bs-select\n                      class=\"w-100\"\n                      [(ngModel)]=\"row[col.name]\"\n                      (ngModelChange)=\"onInlineCellChange(attr, rowIndex, col)\"\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                  }\n                } @else if (col.dataType === 'MultiLineString') {\n                  <textarea\n                    [(ngModel)]=\"row[col.name]\"\n                    [required]=\"col.isRequired\"\n                    rows=\"3\"\n                    [class.is-invalid]=\"hasInlineError(attr, rowIndex, col)\"\n                    (ngModelChange)=\"onFieldChange()\"\n                    (blur)=\"onInlineCellBlur(attr, rowIndex, col)\"></textarea>\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                    (blur)=\"onInlineCellBlur(attr, rowIndex, col)\">\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 }}<spark-attribute-description [description]=\"col.description\" /></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            @for (err of rowLifecycleErrorsFor(attr.name); track $index) {\n              <div class=\"text-danger small mt-1\">{{ err.errorMessage | resolveTranslation }}</div>\n            }\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 }}<spark-attribute-description [description]=\"col.description\" /></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(cellRenderer, row, col)\"></ng-container>\n                        } @else {\n                          {{ row | asDetailCellValue:attr:col:asDetailReferenceOptions() }}\n                        }\n                      </td>\n                    }\n                    <td class=\"text-nowrap\">\n                      @if (attr | canEditDetailRow:asDetailPermissions()) {\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                      }\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            @for (err of rowLifecycleErrorsFor(attr.name); track $index) {\n              <div class=\"text-danger small mt-1\">{{ err.errorMessage | resolveTranslation }}</div>\n            }\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(editComp, attr)\"></ng-container>\n          } @else if (attr.dataType === 'MultiLineString') {\n            <textarea\n              [id]=\"attr.name\"\n              [ngModel]=\"formData()[attr.name]\"\n              (ngModelChange)=\"formData()[attr.name] = $event; onFieldChange(attr)\"\n              (blur)=\"onFieldBlur(attr)\"\n              [name]=\"attr.name\"\n              [required]=\"attr.isRequired\"\n              rows=\"6\"\n              [class.is-invalid]=\"hasError(attr.name)\"></textarea>\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(attr)\"\n              (blur)=\"onFieldBlur(attr)\"\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</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"] }], objectTypeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectTypeId", required: false }] }], objectId: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectId", required: false }] }] } });
+        }], 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"] }], objectTypeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectTypeId", required: false }] }], objectId: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectId", required: false }] }], refreshOverlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "refreshOverlay", required: false }] }, { type: i0.Output, args: ["refreshOverlayChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.