@dignite/vault-extract 0.2.0

package/fesm2022/dignite-vault-extract-documents-field-definition-list.component-ClmWkRun.mjs

@@ -0,0 +1,530 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { CommonModule } from '@angular/common';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i1 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { PermissionService, ListService, escapeHtmlChars, LocalizationService, LocalizationPipe } from '@abp/ng.core';
+import { ExtensionsService, EntityProp, ExtensibleTableComponent, EXTENSIONS_IDENTIFIER } from '@abp/ng.components/extensible';
+import { ConfirmationService, ToasterService, Confirmation } from '@abp/ng.theme.shared';
+import * as i2 from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { Subject, of, map, takeUntil } from 'rxjs';
+import { FieldDefinitionService, DocumentTypeService, SlugSuggestionService, FieldDraftSuggestionService, EXTRACT_PERMISSIONS, fieldDataTypeOptions, FieldDataType } from '@dignite/vault-extract';
+import { c as configureEntityTable, E as EXTRACT_TABLES, p as pageClientItems } from './dignite-vault-extract-documents-extensible-table-DkLXuoWo.mjs';
+import { w as wireSlugSuggestion, F as FieldReextractionModalComponent } from './dignite-vault-extract-documents-field-reextraction-modal.component-D7OOycv9.mjs';
+
+// Mirrors FieldDefinitionConsts (Domain.Shared): Name whitelist + length caps.
+const NAME_PATTERN = /^[A-Za-z0-9_\-]{1,64}$/;
+const MAX_NAME_LENGTH = 64;
+const MAX_DISPLAY_NAME_LENGTH = 128;
+const MAX_PROMPT_LENGTH = 1024;
+const FIELD_DEFINITION_SORTS = {
+    displayOrder: field => field.displayOrder,
+    name: field => field.name,
+    displayName: field => field.displayName,
+    dataType: field => field.dataType,
+    isRequired: field => field.isRequired,
+    prompt: field => field.prompt,
+};
+class FieldDefinitionListComponent {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.service = inject(FieldDefinitionService);
+        this.documentTypeService = inject(DocumentTypeService);
+        this.slugService = inject(SlugSuggestionService);
+        this.draftService = inject(FieldDraftSuggestionService);
+        this.fb = inject(FormBuilder);
+        this.confirmation = inject(ConfirmationService);
+        this.toaster = inject(ToasterService);
+        this.permissionService = inject(PermissionService);
+        this.destroyRef = inject(DestroyRef);
+        this.extensions = inject(ExtensionsService);
+        this.list = inject(ListService);
+        // Create/edit/delete buttons require any FieldDefinitions write grant (#217); the route's
+        // FieldDefinitions.Default only lists. ABP evaluates the `||` policy expression.
+        this.canManage = this.permissionService.getGrantedPolicy(`${EXTRACT_PERMISSIONS.FieldDefinitions.Create} || ${EXTRACT_PERMISSIONS.FieldDefinitions.Update} || ${EXTRACT_PERMISSIONS.FieldDefinitions.Delete}`);
+        // Bulk field re-extraction entry point (#289): admin-level and independent from field CRUD
+        // permissions.
+        this.canReextractFields = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.Reprocessing.FieldExtraction);
+        // null/false means the re-extraction modal is closed.
+        this.showReextract = signal(false, ...(ngDevMode ? [{ debugName: "showReextract" }] : /* istanbul ignore next */ []));
+        this.dataTypeOptions = fieldDataTypeOptions;
+        this.FieldDataType = FieldDataType;
+        // Route binding uses immutable DocumentTypeId (#207). The header badge primarily shows the
+        // user-friendly DisplayName (#261), while TypeCode is demoted to hover text. Both are resolved by id
+        // from types visible in the current layer, so renames are pierced.
+        this.documentTypeId = '';
+        this.documentTypeDisplayName = signal('', ...(ngDevMode ? [{ debugName: "documentTypeDisplayName" }] : /* istanbul ignore next */ []));
+        this.documentTypeCode = signal('', ...(ngDevMode ? [{ debugName: "documentTypeCode" }] : /* istanbul ignore next */ []));
+        this.allFields = signal([], ...(ngDevMode ? [{ debugName: "allFields" }] : /* istanbul ignore next */ []));
+        this.fields = signal({ totalCount: 0, items: [] }, ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.showDeleted = signal(false, ...(ngDevMode ? [{ debugName: "showDeleted" }] : /* istanbul ignore next */ []));
+        this.editing = signal(null, ...(ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []));
+        this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : /* istanbul ignore next */ []));
+        this.isSuggesting = signal(false, ...(ngDevMode ? [{ debugName: "isSuggesting" }] : /* istanbul ignore next */ []));
+        // #264: "draft from prompt" is in progress / just completed once. Drives the spinner and "review the
+        // draft" notice.
+        this.isDrafting = signal(false, ...(ngDevMode ? [{ debugName: "isDrafting" }] : /* istanbul ignore next */ []));
+        this.justDrafted = signal(false, ...(ngDevMode ? [{ debugName: "justDrafted" }] : /* istanbul ignore next */ []));
+        this.tableQuery = {};
+        // #264: signal that cancels in-flight draft requests. Emit when closing the modal so a late draft does
+        // not overwrite a reopened form for an unrelated field.
+        // The component-level destroyRef does not fire when the modal closes, because the modal only sets
+        // editing=null and the component is not destroyed. Therefore a separate per-modal cancellation gate is
+        // needed.
+        this.draftCancelled$ = new Subject();
+        this.form = this.fb.nonNullable.group({
+            name: [
+                '',
+                [Validators.required, Validators.maxLength(MAX_NAME_LENGTH), Validators.pattern(NAME_PATTERN)],
+            ],
+            displayName: ['', [Validators.required, Validators.maxLength(MAX_DISPLAY_NAME_LENGTH)]],
+            // Extraction instruction is optional based on measured feedback: remove Validators.required and keep
+            // only the length cap. Backend NormalizePrompt converges blank values to null.
+            prompt: ['', [Validators.maxLength(MAX_PROMPT_LENGTH)]],
+            dataType: [FieldDataType.Text, [Validators.required]],
+            displayOrder: [0, [Validators.required]],
+            isRequired: [false],
+            // #212: multiple values are valid only for text, mirroring the backend
+            // FieldDefinition.ValidateMultiValue invariant. For non-text fields, applyAllowMultiplePolicy forces
+            // false and disables the control; getRawValue still returns false before submit.
+            allowMultiple: [false],
+            // #411: whether this field participates in the type's duplicate-detection unique key.
+            isUniqueKey: [false],
+        });
+        // Drives the template: allow checking "multiple values" only when dataType === Text.
+        this.isTextType = signal(true, ...(ngDevMode ? [{ debugName: "isTextType" }] : /* istanbul ignore next */ []));
+        // Backdrop close guard: close only when both mousedown and click occur on the backdrop itself, not
+        // inside the dialog.
+        // Otherwise, dragging selected text inside an input and releasing over the backdrop can make the
+        // browser fire click on the backdrop, the nearest common ancestor of mousedown/mouseup, closing the
+        // modal and losing entered content. Recording the mousedown origin is the only reliable way to know
+        // whether this click truly started from the backdrop.
+        this.backdropMouseDownOnSelf = false;
+        configureEntityTable(this.extensions, EXTRACT_TABLES.FieldDefinitions, [
+            EntityProp.create({
+                type: "number" /* ePropType.Number */,
+                name: 'displayOrder',
+                displayName: '::FieldDefinition:DisplayOrder',
+                sortable: true,
+                columnWidth: 120,
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'name',
+                displayName: '::FieldDefinition:Name',
+                sortable: true,
+                columnWidth: 180,
+                valueResolver: data => of(`<code>${escapeHtmlChars(data.record.name)}</code>`),
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'displayName',
+                displayName: '::FieldDefinition:DisplayName',
+                sortable: true,
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'dataType',
+                displayName: '::FieldDefinition:DataType',
+                sortable: true,
+                columnWidth: 170,
+                valueResolver: data => {
+                    const localization = data.getInjected(LocalizationService);
+                    const label = fieldDataTypeOptions.find(o => o.value === data.record.dataType)?.key ?? String(data.record.dataType);
+                    const suffix = data.record.allowMultiple ? '[]' : '';
+                    return of(`<span class="badge bg-light text-dark border">${escapeHtmlChars(localization.instant('::FieldDataType:' + label))}${suffix}</span>`);
+                },
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'isRequired',
+                displayName: '::FieldDefinition:Required',
+                sortable: true,
+                columnWidth: 150,
+                valueResolver: data => {
+                    const localization = data.getInjected(LocalizationService);
+                    return of(data.record.isRequired
+                        ? `<span class="badge bg-warning text-dark">${escapeHtmlChars(localization.instant('::FieldDefinition:Required'))}</span>`
+                        : '<span class="text-muted">-</span>');
+                },
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'isUniqueKey',
+                displayName: '::FieldDefinition:IsUniqueKey',
+                sortable: true,
+                columnWidth: 150,
+                valueResolver: data => {
+                    const localization = data.getInjected(LocalizationService);
+                    return of(data.record.isUniqueKey
+                        ? `<span class="badge bg-primary">${escapeHtmlChars(localization.instant('::FieldDefinition:IsUniqueKey'))}</span>`
+                        : '<span class="text-muted">-</span>');
+                },
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'prompt',
+                displayName: '::FieldDefinition:Prompt',
+                sortable: true,
+                columnWidth: 320,
+                valueResolver: data => {
+                    const prompt = data.record.prompt;
+                    return of(prompt
+                        ? `<span class="d-inline-block text-truncate" style="max-width:280px" title="${escapeHtmlChars(prompt)}">${escapeHtmlChars(prompt)}</span>`
+                        : '<span class="text-muted">-</span>');
+                },
+            }),
+        ]);
+    }
+    ngOnInit() {
+        this.hookTableQuery();
+        this.documentTypeId = this.route.snapshot.paramMap.get('typeId') ?? '';
+        this.resolveDocumentType();
+        this.slugHandle = wireSlugSuggestion({
+            displayName: this.form.controls.displayName,
+            target: this.form.controls.name,
+            suggest: text => this.slugService.suggest({ label: text }, undefined).pipe(map(r => r.slug ?? '')),
+            fallback: () => this.nextFieldSlug(),
+            destroyRef: this.destroyRef,
+            onPending: pending => this.isSuggesting.set(pending),
+        });
+        // #212: apply the "multiple values only for text" policy whenever dataType changes, mirroring the
+        // backend invariant and preventing illegal combinations from failing loudly on submit.
+        this.form.controls.dataType.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(dataType => this.applyAllowMultiplePolicy(dataType));
+        this.load();
+    }
+    // Non-text fields force allowMultiple=false and disable the checkbox. Switching back to text re-enables
+    // it while preserving the current value.
+    // Text plus multiple values is the only combination allowed by the backend entity layer
+    // (FieldDefinition.MultiValueRequiresStringType), and the client mirrors that constraint for UX
+    // guardrails.
+    applyAllowMultiplePolicy(dataType) {
+        const isText = dataType === FieldDataType.Text;
+        this.isTextType.set(isText);
+        const control = this.form.controls.allowMultiple;
+        if (isText) {
+            control.enable({ emitEvent: false });
+        }
+        else {
+            control.setValue(false, { emitEvent: false });
+            control.disable({ emitEvent: false });
+        }
+    }
+    // For the header badge: resolve the current type by immutable id from types visible in the current
+    // layer. DisplayName is primary, and TypeCode is hover text, piercing renames.
+    resolveDocumentType() {
+        this.documentTypeService.getVisible()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: types => {
+                const type = types.find(t => t.id === this.documentTypeId);
+                this.documentTypeDisplayName.set(type?.displayName ?? '');
+                this.documentTypeCode.set(type?.typeCode ?? '');
+            },
+        });
+    }
+    // Local fallback when the LLM is unavailable or does not translate: choose the smallest field_{n} that
+    // does not conflict with existing field names.
+    nextFieldSlug() {
+        const existing = new Set(this.allFields().map(f => f.name));
+        let i = 1;
+        while (existing.has(`field_${i}`))
+            i++;
+        return `field_${i}`;
+    }
+    refresh() {
+        this.load();
+    }
+    toggleDeleted() {
+        this.showDeleted.update(v => !v);
+        this.load();
+    }
+    goBack() {
+        this.router.navigate(['/documents/types']);
+    }
+    openReextractFields() {
+        if (this.documentTypeId) {
+            this.showReextract.set(true);
+        }
+    }
+    load() {
+        this.isLoading.set(true);
+        const source$ = this.service.getList({
+            documentTypeId: this.documentTypeId,
+            onlyDeleted: this.showDeleted(),
+        });
+        source$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+            next: list => {
+                this.allFields.set([...list].sort((a, b) => (a.displayOrder ?? 0) - (b.displayOrder ?? 0)));
+                this.list.totalCount = list.length;
+                this.applyTableQuery();
+                this.isLoading.set(false);
+            },
+            error: () => {
+                this.allFields.set([]);
+                this.fields.set({ totalCount: 0, items: [] });
+                this.list.totalCount = 0;
+                this.isLoading.set(false);
+            },
+        });
+    }
+    hookTableQuery() {
+        this.list.query$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(query => this.applyTableQuery(query));
+    }
+    applyTableQuery(query = this.tableQuery) {
+        this.tableQuery = query;
+        this.fields.set(pageClientItems(this.allFields(), query, FIELD_DEFINITION_SORTS));
+    }
+    openCreate() {
+        const nextOrder = this.allFields().reduce((max, f) => Math.max(max, f.displayOrder ?? 0), -1) + 1;
+        this.form.reset({
+            name: '',
+            displayName: '',
+            prompt: '',
+            dataType: FieldDataType.Text,
+            displayOrder: nextOrder,
+            isRequired: false,
+            allowMultiple: false,
+            isUniqueKey: false,
+        });
+        this.form.controls.name.enable();
+        this.applyAllowMultiplePolicy(FieldDataType.Text);
+        // Must be called after form.reset()/enable(): both trigger valueChanges that can be misread as
+        // "manual edit". reset() clears that marker and resets suggestion state, including the spinner.
+        this.slugHandle?.reset();
+        this.justDrafted.set(false);
+        this.isDrafting.set(false);
+        this.editing.set('create');
+    }
+    openEdit(field) {
+        // Disable before reset so slug auto-suggestion sees edit-mode reset as not automatically managed and
+        // does not clear the existing name as a stale key. See wireSlugSuggestion comments.
+        this.form.controls.name.disable();
+        this.form.reset({
+            name: field.name,
+            displayName: field.displayName,
+            prompt: field.prompt ?? '',
+            dataType: field.dataType,
+            displayOrder: field.displayOrder,
+            isRequired: field.isRequired,
+            allowMultiple: field.allowMultiple,
+            isUniqueKey: field.isUniqueKey ?? false,
+        });
+        this.form.controls.name.enable();
+        this.applyAllowMultiplePolicy(field.dataType ?? FieldDataType.Text);
+        this.slugHandle?.markManual();
+        this.justDrafted.set(false);
+        this.isDrafting.set(false);
+        this.editing.set(field);
+    }
+    // #264: draft field metadata from the prompt. The prompt is the primary input; one LLM call drafts the
+    // remaining fields, applies them as a group, and lets the user review or modify each item.
+    draft() {
+        const prompt = (this.form.controls.prompt.value ?? '').trim();
+        if (!prompt || this.isDrafting())
+            return;
+        // forNewField controls whether the backend also suggests the machine key Name. When editing an
+        // existing field, Name is a contract-level frozen identity key and is not overwritten by drafting
+        // (guardrail 1).
+        const forNewField = this.editing() === 'create';
+        this.isDrafting.set(true);
+        this.draftService.draft({ prompt, forNewField }, undefined)
+            // takeUntil(draftCancelled$): cancel when the modal closes, so late responses do not write into a
+            // new form (#264 review #1).
+            .pipe(takeUntil(this.draftCancelled$), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: draft => {
+                this.applyDraft(draft, forNewField);
+                this.isDrafting.set(false);
+            },
+            error: () => {
+                this.isDrafting.set(false);
+                // No draft was produced this time. Reset the "review draft" banner to avoid contradicting the
+                // "draft unavailable" hint on the same screen (#264 review2 #1, aligned with the empty-draft
+                // branch).
+                this.justDrafted.set(false);
+                this.toaster.warn('::FieldDefinition:DraftUnavailable', '::Warning');
+            },
+        });
+    }
+    // Apply the corresponding controls as a group, the landing behavior confirmed in issue #264.
+    // emitEvent:false avoids triggering the displayName-to-slug wiring and clearing the just-drafted name.
+    applyDraft(draft, forNewField) {
+        // Backend draft failure or timeout falls back to a conservative empty draft. Empty DisplayName means
+        // unavailable: keep user-entered content, show a manual-entry hint, and do not overwrite.
+        if (!draft.displayName) {
+            // Reset the "review draft" banner: this run produced no draft, avoiding a contradiction between a
+            // previous success banner and the "draft unavailable" hint (#264 review #6).
+            this.justDrafted.set(false);
+            this.toaster.info('::FieldDefinition:DraftUnavailable', '::Info');
+            return;
+        }
+        const dataType = draft.dataType ?? FieldDataType.Text;
+        this.form.controls.displayName.setValue(draft.displayName, { emitEvent: false });
+        this.form.controls.dataType.setValue(dataType, { emitEvent: false });
+        this.form.controls.isRequired.setValue(draft.isRequired ?? false, { emitEvent: false });
+        // setValue(dataType) used emitEvent:false, so valueChanges does not fire; manually apply the
+        // "multiple values only for text" policy to enable/disable the checkbox.
+        this.applyAllowMultiplePolicy(dataType);
+        this.form.controls.allowMultiple.setValue(dataType === FieldDataType.Text && (draft.allowMultiple ?? false), { emitEvent: false });
+        if (forNewField) {
+            // Create mode: overwrite the machine key as part of the group. Use the suggested value, or fall
+            // back to local placeholder field_{n} when missing, such as when pure CJK sanitizes to empty after
+            // no translation.
+            // Never leave behind a stale key based on the previous display name (#264 review #2). Mark it as
+            // manually retained so later displayName blur does not overwrite this drafted/reviewed key with a
+            // slug; the user may still edit name manually.
+            this.form.controls.name.setValue(draft.name || this.nextFieldSlug(), { emitEvent: false });
+            this.slugHandle?.markManual();
+        }
+        this.form.markAsDirty();
+        this.justDrafted.set(true);
+    }
+    // Display-name blur triggers slug auto-suggestion. Measured feedback changed this from pause debounce
+    // to blur trigger.
+    onDisplayNameBlur() {
+        // Do not trigger the blur slug path while drafting is in flight; otherwise two LLM responses compete
+        // to write name, and the last landing response is random (#264 review #2).
+        // Drafting itself applies the group and markManual name, so the blur path does not need to supplement it.
+        if (this.isDrafting())
+            return;
+        this.slugHandle?.notifyDisplayNameBlur();
+    }
+    onBackdropMouseDown(event) {
+        this.backdropMouseDownOnSelf = event.target === event.currentTarget;
+    }
+    onBackdropClick(event) {
+        if (this.backdropMouseDownOnSelf && event.target === event.currentTarget) {
+            this.closeModal();
+        }
+        this.backdropMouseDownOnSelf = false;
+    }
+    closeModal() {
+        // Cancel any in-flight draft request and clear the spinner, preventing late drafts from contaminating
+        // the next opened form or leaving the draft button permanently disabled (#264 review #1).
+        this.draftCancelled$.next();
+        this.isDrafting.set(false);
+        this.justDrafted.set(false);
+        this.editing.set(null);
+    }
+    submit() {
+        if (this.form.invalid) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        const mode = this.editing();
+        if (mode === null)
+            return;
+        this.isSubmitting.set(true);
+        const raw = this.form.getRawValue();
+        if (mode === 'create') {
+            const input = {
+                documentTypeId: this.documentTypeId,
+                name: raw.name,
+                displayName: raw.displayName,
+                prompt: raw.prompt,
+                dataType: raw.dataType,
+                displayOrder: raw.displayOrder,
+                isRequired: raw.isRequired,
+                // For non-text fields the control is disabled, but getRawValue still carries it back after the
+                // policy has set it to false.
+                allowMultiple: raw.allowMultiple,
+                isUniqueKey: raw.isUniqueKey,
+            };
+            this.service.create(input)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => this.onSaved('::FieldDefinition:CreatedSuccessfully'),
+                error: () => this.isSubmitting.set(false),
+            });
+        }
+        else {
+            this.service.update(mode.id, {
+                name: raw.name,
+                displayName: raw.displayName,
+                prompt: raw.prompt,
+                dataType: raw.dataType,
+                displayOrder: raw.displayOrder,
+                isRequired: raw.isRequired,
+                allowMultiple: raw.allowMultiple,
+                isUniqueKey: raw.isUniqueKey,
+            })
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => this.onSaved('::FieldDefinition:UpdatedSuccessfully'),
+                error: () => this.isSubmitting.set(false),
+            });
+        }
+    }
+    onSaved(messageKey) {
+        this.isSubmitting.set(false);
+        this.closeModal();
+        this.toaster.success(messageKey, '::Success');
+        this.load();
+    }
+    delete(field) {
+        this.confirmation
+            .warn('::FieldDefinition:AreYouSureToDelete', '::AreYouSure')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status !== Confirmation.Status.confirm)
+                return;
+            this.service.delete(field.id)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => {
+                    this.toaster.success('::FieldDefinition:DeletedSuccessfully', '::Success');
+                    this.load();
+                },
+                error: () => this.toaster.error('::FieldDefinition:DeleteFailed', '::Error'),
+            });
+        });
+    }
+    restore(field) {
+        this.service.restore(field.id)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.toaster.success('::FieldDefinition:RestoredSuccessfully', '::Success');
+                this.load();
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldDefinitionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: FieldDefinitionListComponent, isStandalone: true, selector: "lib-field-definition-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: EXTRACT_TABLES.FieldDefinitions,
+            },
+        ], ngImport: i0, template: "<div class=\"container-fluid py-4\">\n  <!-- Header -->\n  <div class=\"d-flex align-items-center mb-3 gap-2 flex-wrap\">\n    <button class=\"btn btn-outline-secondary btn-sm\" (click)=\"goBack()\">\n      <i class=\"fas fa-arrow-left me-1\"></i>\n      {{ '::Back' | abpLocalization }}\n    </button>\n    <h5 class=\"mb-0 ms-2\">\n      <i class=\"fas fa-list-ul me-2\"></i>\n      {{ '::FieldDefinition:Title' | abpLocalization }}\n    </h5>\n    <span class=\"badge bg-info text-dark ms-1\" [title]=\"documentTypeCode()\">{{ documentTypeDisplayName() }}</span>\n    <div class=\"ms-auto d-flex gap-2\">\n      <button\n        class=\"btn btn-outline-secondary\"\n        (click)=\"refresh()\"\n        [disabled]=\"isLoading()\"\n        title=\"{{ '::Refresh' | abpLocalization }}\"\n      >\n        <i class=\"fas fa-sync-alt\" [class.fa-spin]=\"isLoading()\"></i>\n      </button>\n      <button\n        class=\"btn\"\n        [class.btn-secondary]=\"showDeleted()\"\n        [class.btn-outline-secondary]=\"!showDeleted()\"\n        (click)=\"toggleDeleted()\"\n      >\n        <i class=\"fas fa-trash-can me-1\"></i>\n        {{ '::FieldDefinition:ShowDeleted' | abpLocalization }}\n      </button>\n      @if (canReextractFields && !showDeleted()) {\n        <button class=\"btn btn-outline-primary\" (click)=\"openReextractFields()\" [disabled]=\"isLoading() || !documentTypeId\">\n          <i class=\"fas fa-wand-magic-sparkles me-1\"></i>\n          {{ '::Document:Reprocess:FieldExtraction:Action' | abpLocalization }}\n        </button>\n      }\n      @if (canManage && !showDeleted()) {\n        <button class=\"btn btn-primary\" (click)=\"openCreate()\">\n          <i class=\"fas fa-plus me-1\"></i>\n          {{ '::FieldDefinition:New' | abpLocalization }}\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Loading spinner -->\n  @if (isLoading()) {\n    <div class=\"text-center py-5\">\n      <div class=\"spinner-border text-primary\" role=\"status\"></div>\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (!isLoading() && fields().totalCount === 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body text-center py-5\">\n        <i class=\"fas fa-list-ul fa-3x text-muted mb-3 d-block\"></i>\n        <p class=\"text-muted mb-0\">\n          {{ (showDeleted() ? '::FieldDefinition:RecycleBinEmpty' : '::FieldDefinition:Empty') | abpLocalization }}\n        </p>\n      </div>\n    </div>\n  }\n\n  <!-- Fields table -->\n  @if (!isLoading() && fields().totalCount > 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body p-0\">\n        <ng-template #actionsTemplate let-field>\n          @if (showDeleted()) {\n            @if (canManage) {\n              <div ngbDropdown container=\"body\" class=\"d-inline-block\">\n                <button type=\"button\" class=\"btn btn-sm btn-primary\" ngbDropdownToggle>\n                  {{ 'AbpUi::Actions' | abpLocalization }}\n                </button>\n                <div ngbDropdownMenu>\n                  <button type=\"button\" ngbDropdownItem (click)=\"restore(field)\">\n                    <i class=\"fas fa-rotate-left me-2\"></i>\n                    {{ '::FieldDefinition:Restore' | abpLocalization }}\n                  </button>\n                </div>\n              </div>\n            }\n          } @else if (canManage) {\n            <div ngbDropdown container=\"body\" class=\"d-inline-block\">\n              <button type=\"button\" class=\"btn btn-sm btn-primary\" ngbDropdownToggle>\n                {{ 'AbpUi::Actions' | abpLocalization }}\n              </button>\n              <div ngbDropdownMenu>\n                <button type=\"button\" ngbDropdownItem (click)=\"openEdit(field)\">\n                  <i class=\"fas fa-pen me-2\"></i>\n                  {{ '::Edit' | abpLocalization }}\n                </button>\n                <button type=\"button\" ngbDropdownItem (click)=\"delete(field)\">\n                  <i class=\"fas fa-trash me-2\"></i>\n                  {{ '::Delete' | abpLocalization }}\n                </button>\n              </div>\n            </div>\n          }\n        </ng-template>\n\n        <abp-extensible-table\n          [data]=\"fields().items\"\n          [recordsTotal]=\"fields().totalCount\"\n          [list]=\"list\"\n          [actionsTemplate]=\"actionsTemplate\"\n          actionsText=\"AbpUi::Actions\"\n          [actionsColumnWidth]=\"150\"\n        />\n      </div>\n    </div>\n  }\n</div>\n\n<!-- Create / Edit modal -->\n@if (editing(); as mode) {\n  <div\n    class=\"modal d-block\"\n    tabindex=\"-1\"\n    style=\"background:rgba(0,0,0,.4);\"\n    (mousedown)=\"onBackdropMouseDown($event)\"\n    (click)=\"onBackdropClick($event)\"\n  >\n    <div class=\"modal-dialog modal-dialog-centered modal-lg\">\n      <div class=\"modal-content\">\n        <form [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n          <div class=\"modal-header\">\n            <h5 class=\"modal-title\">\n              <i class=\"fas fa-list-ul me-2\"></i>\n              {{ (mode === 'create' ? '::FieldDefinition:New' : '::FieldDefinition:Edit') | abpLocalization }}\n            </h5>\n            <button type=\"button\" class=\"btn-close\" (click)=\"closeModal()\"></button>\n          </div>\n          <div class=\"modal-body\">\n            <!-- #264: Prompt as the primary input. Admins focus on the extraction prompt, then use AI to draft the remaining editable field metadata. -->\n            <div class=\"mb-3\">\n              <div class=\"d-flex align-items-center gap-2 mb-1\">\n                <label class=\"form-label mb-0\">{{ '::FieldDefinition:Prompt' | abpLocalization }}</label>\n                <button\n                  type=\"button\"\n                  class=\"btn btn-sm btn-outline-primary ms-auto\"\n                  (click)=\"draft()\"\n                  [disabled]=\"!form.controls.prompt.value.trim() || isDrafting()\"\n                  title=\"{{ '::FieldDefinition:DraftHint' | abpLocalization }}\"\n                >\n                  @if (isDrafting()) {\n                    <span class=\"spinner-border spinner-border-sm me-1\"></span>\n                  } @else {\n                    <i class=\"fas fa-wand-magic-sparkles me-1\"></i>\n                  }\n                  {{ '::FieldDefinition:DraftFromPrompt' | abpLocalization }}\n                </button>\n              </div>\n              <textarea\n                class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"prompt\"\n                [class.is-invalid]=\"form.controls.prompt.touched && form.controls.prompt.invalid\"\n                placeholder=\"{{ '::FieldDefinition:PromptHint' | abpLocalization }}\"\n              ></textarea>\n              <div class=\"form-text\">{{ '::FieldDefinition:DraftHint' | abpLocalization }}</div>\n            </div>\n\n            @if (justDrafted()) {\n              <div class=\"alert alert-info py-2 px-3 small d-flex align-items-center gap-2\" role=\"alert\">\n                <i class=\"fas fa-circle-info\"></i>\n                <span>{{ '::FieldDefinition:DraftReviewNotice' | abpLocalization }}</span>\n              </div>\n            }\n\n            <div class=\"row g-3\">\n              <div class=\"col-md-6\">\n                <label class=\"form-label\">{{ '::FieldDefinition:DisplayName' | abpLocalization }}</label>\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"displayName\"\n                  (blur)=\"onDisplayNameBlur()\"\n                  [class.is-invalid]=\"form.controls.displayName.touched && form.controls.displayName.invalid\"\n                />\n              </div>\n              <div class=\"col-md-6\">\n                <label class=\"form-label d-flex align-items-center gap-2\">\n                  <span>{{ '::FieldDefinition:Name' | abpLocalization }}</span>\n                  @if (isSuggesting()) {\n                    <span class=\"text-muted small fw-normal\">\n                      <span class=\"spinner-border spinner-border-sm me-1\" style=\"width:.75rem;height:.75rem;\"></span>\n                      {{ '::FieldDefinition:NameSuggesting' | abpLocalization }}\n                    </span>\n                  }\n                </label>\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"name\"\n                  [class.is-invalid]=\"form.controls.name.touched && form.controls.name.invalid\"\n                  placeholder=\"party_name\"\n                />\n                <div class=\"form-text\">{{ '::FieldDefinition:NameHint' | abpLocalization }}</div>\n                @if (form.controls.name.touched && form.controls.name.invalid) {\n                  <div class=\"invalid-feedback d-block\">{{ '::FieldDefinition:NameInvalid' | abpLocalization }}</div>\n                }\n              </div>\n            </div>\n\n            <div class=\"row g-3 align-items-start mt-3\">\n              <div class=\"col-md-5\">\n                <label class=\"form-label\">{{ '::FieldDefinition:DataType' | abpLocalization }}</label>\n                <select class=\"form-select\" formControlName=\"dataType\">\n                  @for (opt of dataTypeOptions; track opt.value) {\n                    <option [ngValue]=\"opt.value\">{{ '::FieldDataType:' + opt.key | abpLocalization }}</option>\n                  }\n                </select>\n              </div>\n              <div class=\"col-md-3\">\n                <label class=\"form-label\">{{ '::FieldDefinition:DisplayOrder' | abpLocalization }}</label>\n                <input type=\"number\" class=\"form-control\" formControlName=\"displayOrder\" step=\"1\" />\n              </div>\n              <div class=\"col-md-4\">\n                <div class=\"form-check mt-2\">\n                  <input type=\"checkbox\" class=\"form-check-input\" id=\"isRequired\" formControlName=\"isRequired\" />\n                  <label class=\"form-check-label\" for=\"isRequired\">\n                    {{ '::FieldDefinition:Required' | abpLocalization }}\n                  </label>\n                </div>\n                <!-- #212: Multiple values are valid only for text. Non-text controls are disabled by applyAllowMultiplePolicy, and the persistent hint explains the constraint, matching backend FieldDefinition.MultiValueRequiresStringType. -->\n                <div class=\"form-check\">\n                  <input type=\"checkbox\" class=\"form-check-input\" id=\"allowMultiple\" formControlName=\"allowMultiple\" />\n                  <label class=\"form-check-label\" for=\"allowMultiple\">\n                    {{ '::FieldDefinition:AllowMultiple' | abpLocalization }}\n                  </label>\n                </div>\n                <div class=\"form-text\">{{ '::FieldDefinition:AllowMultipleHint' | abpLocalization }}</div>\n                <!-- #411: unique-key fields form the duplicate-detection fingerprint. -->\n                <div class=\"form-check mt-2\">\n                  <input type=\"checkbox\" class=\"form-check-input\" id=\"isUniqueKey\" formControlName=\"isUniqueKey\" />\n                  <label class=\"form-check-label\" for=\"isUniqueKey\">\n                    {{ '::FieldDefinition:IsUniqueKey' | abpLocalization }}\n                  </label>\n                </div>\n                <div class=\"form-text\">{{ '::FieldDefinition:IsUniqueKeyHint' | abpLocalization }}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeModal()\">\n              {{ '::Cancel' | abpLocalization }}\n            </button>\n            <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"form.invalid || isSubmitting()\">\n              @if (isSubmitting()) {\n                <span class=\"spinner-border spinner-border-sm me-1\"></span>\n              }\n              {{ '::Save' | abpLocalization }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- Bulk field re-extraction modal (#289), scoped to the current document type -->\n@if (showReextract()) {\n  <lib-field-reextraction-modal\n    [documentTypeId]=\"documentTypeId\"\n    [documentTypeDisplayName]=\"documentTypeDisplayName()\"\n    (closed)=\"showReextract.set(false)\"\n  />\n}\n", styles: ["tbody tr:hover{background-color:#00000006}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i2.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i2.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i2.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i2.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i2.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: FieldReextractionModalComponent, selector: "lib-field-reextraction-modal", inputs: ["documentTypeId", "documentTypeDisplayName"], outputs: ["closed"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldDefinitionListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-field-definition-list', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        LocalizationPipe,
+                        ExtensibleTableComponent,
+                        NgbDropdownModule,
+                        FieldReextractionModalComponent,
+                    ], providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: EXTRACT_TABLES.FieldDefinitions,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-fluid py-4\">\n  <!-- Header -->\n  <div class=\"d-flex align-items-center mb-3 gap-2 flex-wrap\">\n    <button class=\"btn btn-outline-secondary btn-sm\" (click)=\"goBack()\">\n      <i class=\"fas fa-arrow-left me-1\"></i>\n      {{ '::Back' | abpLocalization }}\n    </button>\n    <h5 class=\"mb-0 ms-2\">\n      <i class=\"fas fa-list-ul me-2\"></i>\n      {{ '::FieldDefinition:Title' | abpLocalization }}\n    </h5>\n    <span class=\"badge bg-info text-dark ms-1\" [title]=\"documentTypeCode()\">{{ documentTypeDisplayName() }}</span>\n    <div class=\"ms-auto d-flex gap-2\">\n      <button\n        class=\"btn btn-outline-secondary\"\n        (click)=\"refresh()\"\n        [disabled]=\"isLoading()\"\n        title=\"{{ '::Refresh' | abpLocalization }}\"\n      >\n        <i class=\"fas fa-sync-alt\" [class.fa-spin]=\"isLoading()\"></i>\n      </button>\n      <button\n        class=\"btn\"\n        [class.btn-secondary]=\"showDeleted()\"\n        [class.btn-outline-secondary]=\"!showDeleted()\"\n        (click)=\"toggleDeleted()\"\n      >\n        <i class=\"fas fa-trash-can me-1\"></i>\n        {{ '::FieldDefinition:ShowDeleted' | abpLocalization }}\n      </button>\n      @if (canReextractFields && !showDeleted()) {\n        <button class=\"btn btn-outline-primary\" (click)=\"openReextractFields()\" [disabled]=\"isLoading() || !documentTypeId\">\n          <i class=\"fas fa-wand-magic-sparkles me-1\"></i>\n          {{ '::Document:Reprocess:FieldExtraction:Action' | abpLocalization }}\n        </button>\n      }\n      @if (canManage && !showDeleted()) {\n        <button class=\"btn btn-primary\" (click)=\"openCreate()\">\n          <i class=\"fas fa-plus me-1\"></i>\n          {{ '::FieldDefinition:New' | abpLocalization }}\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Loading spinner -->\n  @if (isLoading()) {\n    <div class=\"text-center py-5\">\n      <div class=\"spinner-border text-primary\" role=\"status\"></div>\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (!isLoading() && fields().totalCount === 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body text-center py-5\">\n        <i class=\"fas fa-list-ul fa-3x text-muted mb-3 d-block\"></i>\n        <p class=\"text-muted mb-0\">\n          {{ (showDeleted() ? '::FieldDefinition:RecycleBinEmpty' : '::FieldDefinition:Empty') | abpLocalization }}\n        </p>\n      </div>\n    </div>\n  }\n\n  <!-- Fields table -->\n  @if (!isLoading() && fields().totalCount > 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body p-0\">\n        <ng-template #actionsTemplate let-field>\n          @if (showDeleted()) {\n            @if (canManage) {\n              <div ngbDropdown container=\"body\" class=\"d-inline-block\">\n                <button type=\"button\" class=\"btn btn-sm btn-primary\" ngbDropdownToggle>\n                  {{ 'AbpUi::Actions' | abpLocalization }}\n                </button>\n                <div ngbDropdownMenu>\n                  <button type=\"button\" ngbDropdownItem (click)=\"restore(field)\">\n                    <i class=\"fas fa-rotate-left me-2\"></i>\n                    {{ '::FieldDefinition:Restore' | abpLocalization }}\n                  </button>\n                </div>\n              </div>\n            }\n          } @else if (canManage) {\n            <div ngbDropdown container=\"body\" class=\"d-inline-block\">\n              <button type=\"button\" class=\"btn btn-sm btn-primary\" ngbDropdownToggle>\n                {{ 'AbpUi::Actions' | abpLocalization }}\n              </button>\n              <div ngbDropdownMenu>\n                <button type=\"button\" ngbDropdownItem (click)=\"openEdit(field)\">\n                  <i class=\"fas fa-pen me-2\"></i>\n                  {{ '::Edit' | abpLocalization }}\n                </button>\n                <button type=\"button\" ngbDropdownItem (click)=\"delete(field)\">\n                  <i class=\"fas fa-trash me-2\"></i>\n                  {{ '::Delete' | abpLocalization }}\n                </button>\n              </div>\n            </div>\n          }\n        </ng-template>\n\n        <abp-extensible-table\n          [data]=\"fields().items\"\n          [recordsTotal]=\"fields().totalCount\"\n          [list]=\"list\"\n          [actionsTemplate]=\"actionsTemplate\"\n          actionsText=\"AbpUi::Actions\"\n          [actionsColumnWidth]=\"150\"\n        />\n      </div>\n    </div>\n  }\n</div>\n\n<!-- Create / Edit modal -->\n@if (editing(); as mode) {\n  <div\n    class=\"modal d-block\"\n    tabindex=\"-1\"\n    style=\"background:rgba(0,0,0,.4);\"\n    (mousedown)=\"onBackdropMouseDown($event)\"\n    (click)=\"onBackdropClick($event)\"\n  >\n    <div class=\"modal-dialog modal-dialog-centered modal-lg\">\n      <div class=\"modal-content\">\n        <form [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n          <div class=\"modal-header\">\n            <h5 class=\"modal-title\">\n              <i class=\"fas fa-list-ul me-2\"></i>\n              {{ (mode === 'create' ? '::FieldDefinition:New' : '::FieldDefinition:Edit') | abpLocalization }}\n            </h5>\n            <button type=\"button\" class=\"btn-close\" (click)=\"closeModal()\"></button>\n          </div>\n          <div class=\"modal-body\">\n            <!-- #264: Prompt as the primary input. Admins focus on the extraction prompt, then use AI to draft the remaining editable field metadata. -->\n            <div class=\"mb-3\">\n              <div class=\"d-flex align-items-center gap-2 mb-1\">\n                <label class=\"form-label mb-0\">{{ '::FieldDefinition:Prompt' | abpLocalization }}</label>\n                <button\n                  type=\"button\"\n                  class=\"btn btn-sm btn-outline-primary ms-auto\"\n                  (click)=\"draft()\"\n                  [disabled]=\"!form.controls.prompt.value.trim() || isDrafting()\"\n                  title=\"{{ '::FieldDefinition:DraftHint' | abpLocalization }}\"\n                >\n                  @if (isDrafting()) {\n                    <span class=\"spinner-border spinner-border-sm me-1\"></span>\n                  } @else {\n                    <i class=\"fas fa-wand-magic-sparkles me-1\"></i>\n                  }\n                  {{ '::FieldDefinition:DraftFromPrompt' | abpLocalization }}\n                </button>\n              </div>\n              <textarea\n                class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"prompt\"\n                [class.is-invalid]=\"form.controls.prompt.touched && form.controls.prompt.invalid\"\n                placeholder=\"{{ '::FieldDefinition:PromptHint' | abpLocalization }}\"\n              ></textarea>\n              <div class=\"form-text\">{{ '::FieldDefinition:DraftHint' | abpLocalization }}</div>\n            </div>\n\n            @if (justDrafted()) {\n              <div class=\"alert alert-info py-2 px-3 small d-flex align-items-center gap-2\" role=\"alert\">\n                <i class=\"fas fa-circle-info\"></i>\n                <span>{{ '::FieldDefinition:DraftReviewNotice' | abpLocalization }}</span>\n              </div>\n            }\n\n            <div class=\"row g-3\">\n              <div class=\"col-md-6\">\n                <label class=\"form-label\">{{ '::FieldDefinition:DisplayName' | abpLocalization }}</label>\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"displayName\"\n                  (blur)=\"onDisplayNameBlur()\"\n                  [class.is-invalid]=\"form.controls.displayName.touched && form.controls.displayName.invalid\"\n                />\n              </div>\n              <div class=\"col-md-6\">\n                <label class=\"form-label d-flex align-items-center gap-2\">\n                  <span>{{ '::FieldDefinition:Name' | abpLocalization }}</span>\n                  @if (isSuggesting()) {\n                    <span class=\"text-muted small fw-normal\">\n                      <span class=\"spinner-border spinner-border-sm me-1\" style=\"width:.75rem;height:.75rem;\"></span>\n                      {{ '::FieldDefinition:NameSuggesting' | abpLocalization }}\n                    </span>\n                  }\n                </label>\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"name\"\n                  [class.is-invalid]=\"form.controls.name.touched && form.controls.name.invalid\"\n                  placeholder=\"party_name\"\n                />\n                <div class=\"form-text\">{{ '::FieldDefinition:NameHint' | abpLocalization }}</div>\n                @if (form.controls.name.touched && form.controls.name.invalid) {\n                  <div class=\"invalid-feedback d-block\">{{ '::FieldDefinition:NameInvalid' | abpLocalization }}</div>\n                }\n              </div>\n            </div>\n\n            <div class=\"row g-3 align-items-start mt-3\">\n              <div class=\"col-md-5\">\n                <label class=\"form-label\">{{ '::FieldDefinition:DataType' | abpLocalization }}</label>\n                <select class=\"form-select\" formControlName=\"dataType\">\n                  @for (opt of dataTypeOptions; track opt.value) {\n                    <option [ngValue]=\"opt.value\">{{ '::FieldDataType:' + opt.key | abpLocalization }}</option>\n                  }\n                </select>\n              </div>\n              <div class=\"col-md-3\">\n                <label class=\"form-label\">{{ '::FieldDefinition:DisplayOrder' | abpLocalization }}</label>\n                <input type=\"number\" class=\"form-control\" formControlName=\"displayOrder\" step=\"1\" />\n              </div>\n              <div class=\"col-md-4\">\n                <div class=\"form-check mt-2\">\n                  <input type=\"checkbox\" class=\"form-check-input\" id=\"isRequired\" formControlName=\"isRequired\" />\n                  <label class=\"form-check-label\" for=\"isRequired\">\n                    {{ '::FieldDefinition:Required' | abpLocalization }}\n                  </label>\n                </div>\n                <!-- #212: Multiple values are valid only for text. Non-text controls are disabled by applyAllowMultiplePolicy, and the persistent hint explains the constraint, matching backend FieldDefinition.MultiValueRequiresStringType. -->\n                <div class=\"form-check\">\n                  <input type=\"checkbox\" class=\"form-check-input\" id=\"allowMultiple\" formControlName=\"allowMultiple\" />\n                  <label class=\"form-check-label\" for=\"allowMultiple\">\n                    {{ '::FieldDefinition:AllowMultiple' | abpLocalization }}\n                  </label>\n                </div>\n                <div class=\"form-text\">{{ '::FieldDefinition:AllowMultipleHint' | abpLocalization }}</div>\n                <!-- #411: unique-key fields form the duplicate-detection fingerprint. -->\n                <div class=\"form-check mt-2\">\n                  <input type=\"checkbox\" class=\"form-check-input\" id=\"isUniqueKey\" formControlName=\"isUniqueKey\" />\n                  <label class=\"form-check-label\" for=\"isUniqueKey\">\n                    {{ '::FieldDefinition:IsUniqueKey' | abpLocalization }}\n                  </label>\n                </div>\n                <div class=\"form-text\">{{ '::FieldDefinition:IsUniqueKeyHint' | abpLocalization }}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeModal()\">\n              {{ '::Cancel' | abpLocalization }}\n            </button>\n            <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"form.invalid || isSubmitting()\">\n              @if (isSubmitting()) {\n                <span class=\"spinner-border spinner-border-sm me-1\"></span>\n              }\n              {{ '::Save' | abpLocalization }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- Bulk field re-extraction modal (#289), scoped to the current document type -->\n@if (showReextract()) {\n  <lib-field-reextraction-modal\n    [documentTypeId]=\"documentTypeId\"\n    [documentTypeDisplayName]=\"documentTypeDisplayName()\"\n    (closed)=\"showReextract.set(false)\"\n  />\n}\n", styles: ["tbody tr:hover{background-color:#00000006}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { FieldDefinitionListComponent };
+//# sourceMappingURL=dignite-vault-extract-documents-field-definition-list.component-ClmWkRun.mjs.map