@dignite/vault-extract 0.2.0

package/fesm2022/dignite-vault-extract-documents-document-type-list.component-C8kXFJGb.mjs

@@ -0,0 +1,464 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Router, RouterModule } from '@angular/router';
+import * as i1 from '@angular/forms';
+import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
+import { LocalizationPipe, PermissionService, ListService, escapeHtmlChars } from '@abp/ng.core';
+import { ExtensionsService, EntityProp, ExtensibleTableComponent, EXTENSIONS_IDENTIFIER } from '@abp/ng.components/extensible';
+import { ToasterService, ConfirmationService, Confirmation } from '@abp/ng.theme.shared';
+import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { Subject, switchMap, catchError, EMPTY, of, map } from 'rxjs';
+import { DocumentReprocessingService, ReclassificationScope, DocumentTypeService, SlugSuggestionService, EXTRACT_PERMISSIONS } 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';
+
+/**
+ * Bulk reclassification preview and trigger modal (#289 scenario 1): cascading, destructive, and
+ * strongly warned.
+ * Humans choose the scope by intent (only this type / all documents across types / pending review
+ * queue); the system does not prescribe a default. Manual confirmations are protected by default, and
+ * overwriting manual results requires an explicit opt-in. Scope and toggle changes refresh the affected
+ * document count preview immediately.
+ *
+ * When opened from a document type menu, [documentTypeId] is passed and the default scope is only that
+ * type; users can switch to all documents or the pending review queue.
+ * When opened without type context, such as a global entry, only-this-type is unavailable and the
+ * default is all documents across types.
+ */
+class ReclassificationModalComponent {
+    constructor() {
+        this.service = inject(DocumentReprocessingService);
+        this.toaster = inject(ToasterService);
+        this.fb = inject(FormBuilder);
+        this.destroyRef = inject(DestroyRef);
+        this.documentTypeDisplayName = '';
+        this.closed = new EventEmitter();
+        this.Scope = ReclassificationScope;
+        this.documentCount = signal(null, ...(ngDevMode ? [{ debugName: "documentCount" }] : /* istanbul ignore next */ []));
+        this.isLoadingPreview = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingPreview" }] : /* istanbul ignore next */ []));
+        this.previewFailed = signal(false, ...(ngDevMode ? [{ debugName: "previewFailed" }] : /* istanbul ignore next */ []));
+        this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : /* istanbul ignore next */ []));
+        this.form = this.fb.nonNullable.group({
+            scope: ReclassificationScope.OnlyCurrentType,
+            includeManuallyConfirmed: false,
+        });
+        this.previewTrigger = new Subject();
+        this.backdropMouseDownOnSelf = false;
+    }
+    get hasType() {
+        return !!this.documentTypeId;
+    }
+    // The protect-manual-confirmations toggle is meaningless for the pending review queue, because pending
+    // review documents are not confirmed yet.
+    get includeToggleApplies() {
+        return this.form.controls.scope.value !== ReclassificationScope.PendingReviewQueue;
+    }
+    ngOnInit() {
+        // No type context: default to all documents across types; only-this-type is unavailable.
+        this.form.controls.scope.setValue(this.hasType ? ReclassificationScope.OnlyCurrentType : ReclassificationScope.AllDocuments, { emitEvent: false });
+        this.applyIncludeTogglePolicy();
+        // switchMap cancels in-flight preview requests when scope or toggles change quickly, preventing
+        // out-of-order responses from showing counts for stale scopes (review round 1).
+        this.previewTrigger
+            .pipe(switchMap(() => {
+            this.isLoadingPreview.set(true);
+            this.previewFailed.set(false);
+            return this.service.previewReclassification(this.buildInput()).pipe(catchError(() => {
+                this.documentCount.set(null);
+                this.previewFailed.set(true);
+                this.isLoadingPreview.set(false);
+                return EMPTY;
+            }));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe(dto => {
+            this.documentCount.set(dto.documentCount ?? null);
+            this.isLoadingPreview.set(false);
+        });
+        this.form.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.applyIncludeTogglePolicy();
+            this.previewTrigger.next();
+        });
+        this.previewTrigger.next();
+    }
+    // The protect-manual-confirmations toggle is meaningless for the pending review queue. Drive this with
+    // reactive-forms disable/enable instead of template [disabled], avoiding Angular dev warnings on
+    // formControlName [disabled] and keeping FormControl.disabled truly synchronized.
+    applyIncludeTogglePolicy() {
+        const control = this.form.controls.includeManuallyConfirmed;
+        if (this.includeToggleApplies) {
+            if (control.disabled)
+                control.enable({ emitEvent: false });
+        }
+        else if (control.enabled) {
+            control.disable({ emitEvent: false });
+        }
+    }
+    // Explicit retry after preview failure, aligned with the field re-extraction modal UX; switchMap
+    // cancels any in-flight request.
+    refreshPreview() {
+        this.previewTrigger.next();
+    }
+    buildInput() {
+        const raw = this.form.getRawValue();
+        return {
+            scope: Number(raw.scope),
+            documentTypeId: Number(raw.scope) === ReclassificationScope.OnlyCurrentType ? this.documentTypeId : undefined,
+            includeManuallyConfirmed: raw.includeManuallyConfirmed,
+        };
+    }
+    confirm() {
+        if (this.isSubmitting())
+            return;
+        this.isSubmitting.set(true);
+        this.service
+            .startReclassification(this.buildInput())
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.isSubmitting.set(false);
+                this.toaster.success('::Document:Reprocess:Reclassification:Queued', '::Success');
+                this.close();
+            },
+            error: () => {
+                this.isSubmitting.set(false);
+                this.toaster.error('::Document:Reprocess:Failed', '::Error');
+            },
+        });
+    }
+    close() {
+        this.closed.emit();
+    }
+    onBackdropMouseDown(event) {
+        this.backdropMouseDownOnSelf = event.target === event.currentTarget;
+    }
+    onBackdropClick(event) {
+        if (this.backdropMouseDownOnSelf && event.target === event.currentTarget && !this.isSubmitting()) {
+            this.close();
+        }
+        this.backdropMouseDownOnSelf = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReclassificationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ReclassificationModalComponent, isStandalone: true, selector: "lib-reclassification-modal", inputs: { documentTypeId: "documentTypeId", documentTypeDisplayName: "documentTypeDisplayName" }, outputs: { closed: "closed" }, ngImport: i0, template: "<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\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h5 class=\"modal-title\">\n          <i class=\"fas fa-shuffle me-2\"></i>\n          {{ '::Document:Reprocess:Reclassification:Title' | abpLocalization }}\n        </h5>\n        <button type=\"button\" class=\"btn-close\" (click)=\"close()\" [disabled]=\"isSubmitting()\"></button>\n      </div>\n\n      <div class=\"modal-body\" [formGroup]=\"form\">\n        <!-- Scope selection: humans choose by intent; the system does not prescribe a default. -->\n        <div class=\"mb-3\">\n          <label class=\"form-label fw-semibold\">{{ '::Document:Reprocess:Reclassification:Scope' | abpLocalization }}</label>\n\n          @if (hasType) {\n            <div class=\"form-check\">\n              <input class=\"form-check-input\" type=\"radio\" formControlName=\"scope\" id=\"scope-type\"\n                     [value]=\"Scope.OnlyCurrentType\" />\n              <label class=\"form-check-label\" for=\"scope-type\">\n                {{ '::Document:Reprocess:Reclassification:Scope:OnlyCurrentType' | abpLocalization: documentTypeDisplayName }}\n                <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:Scope:OnlyCurrentType:Hint' | abpLocalization }}</span>\n              </label>\n            </div>\n          }\n\n          <div class=\"form-check\">\n            <input class=\"form-check-input\" type=\"radio\" formControlName=\"scope\" id=\"scope-all\"\n                   [value]=\"Scope.AllDocuments\" />\n            <label class=\"form-check-label\" for=\"scope-all\">\n              {{ '::Document:Reprocess:Reclassification:Scope:AllDocuments' | abpLocalization }}\n              <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:Scope:AllDocuments:Hint' | abpLocalization }}</span>\n            </label>\n          </div>\n\n          <div class=\"form-check\">\n            <input class=\"form-check-input\" type=\"radio\" formControlName=\"scope\" id=\"scope-pending\"\n                   [value]=\"Scope.PendingReviewQueue\" />\n            <label class=\"form-check-label\" for=\"scope-pending\">\n              {{ '::Document:Reprocess:Reclassification:Scope:PendingReviewQueue' | abpLocalization }}\n              <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:Scope:PendingReviewQueue:Hint' | abpLocalization }}</span>\n            </label>\n          </div>\n        </div>\n\n        <!-- Protect manual confirmations by default; checked means manually confirmed documents are reclassified too. -->\n        <div class=\"form-check mb-3\" [class.opacity-50]=\"!includeToggleApplies\">\n          <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"includeManuallyConfirmed\"\n                 id=\"include-confirmed\" />\n          <label class=\"form-check-label\" for=\"include-confirmed\">\n            {{ '::Document:Reprocess:Reclassification:IncludeConfirmed' | abpLocalization }}\n            <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:IncludeConfirmed:Hint' | abpLocalization }}</span>\n          </label>\n        </div>\n\n        <!-- Affected document count preview. -->\n        <div class=\"alert alert-secondary py-2\">\n          @if (isLoadingPreview()) {\n            <span class=\"spinner-border spinner-border-sm me-2\"></span>\n            {{ '::Document:Reprocess:Counting' | abpLocalization }}\n          } @else if (previewFailed()) {\n            <span class=\"d-flex justify-content-between align-items-center\">\n              <span class=\"text-danger\">{{ '::Document:Reprocess:PreviewFailed' | abpLocalization }}</span>\n              <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"refreshPreview()\">\n                {{ '::Refresh' | abpLocalization }}\n              </button>\n            </span>\n          } @else {\n            <span class=\"fw-semibold\">{{ '::Document:Reprocess:AffectedCount' | abpLocalization: (((documentCount() ?? 0) | number) ?? '') }}</span>\n          }\n        </div>\n\n        <!-- Strong warning: cascading and destructive. -->\n        <div class=\"alert alert-danger mb-0 small\">\n          <i class=\"fas fa-triangle-exclamation me-1\"></i>\n          {{ '::Document:Reprocess:Reclassification:Warning' | abpLocalization }}\n        </div>\n      </div>\n\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"close()\" [disabled]=\"isSubmitting()\">\n          {{ '::Cancel' | abpLocalization }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"btn btn-danger\"\n          (click)=\"confirm()\"\n          [disabled]=\"isLoadingPreview() || previewFailed() || isSubmitting() || (documentCount() ?? 0) === 0\"\n        >\n          @if (isSubmitting()) {\n            <span class=\"spinner-border spinner-border-sm me-1\"></span>\n          }\n          {{ '::Document:Reprocess:Reclassification:Start' | abpLocalization }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReclassificationModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-reclassification-modal', standalone: true, imports: [CommonModule, ReactiveFormsModule, LocalizationPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h5 class=\"modal-title\">\n          <i class=\"fas fa-shuffle me-2\"></i>\n          {{ '::Document:Reprocess:Reclassification:Title' | abpLocalization }}\n        </h5>\n        <button type=\"button\" class=\"btn-close\" (click)=\"close()\" [disabled]=\"isSubmitting()\"></button>\n      </div>\n\n      <div class=\"modal-body\" [formGroup]=\"form\">\n        <!-- Scope selection: humans choose by intent; the system does not prescribe a default. -->\n        <div class=\"mb-3\">\n          <label class=\"form-label fw-semibold\">{{ '::Document:Reprocess:Reclassification:Scope' | abpLocalization }}</label>\n\n          @if (hasType) {\n            <div class=\"form-check\">\n              <input class=\"form-check-input\" type=\"radio\" formControlName=\"scope\" id=\"scope-type\"\n                     [value]=\"Scope.OnlyCurrentType\" />\n              <label class=\"form-check-label\" for=\"scope-type\">\n                {{ '::Document:Reprocess:Reclassification:Scope:OnlyCurrentType' | abpLocalization: documentTypeDisplayName }}\n                <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:Scope:OnlyCurrentType:Hint' | abpLocalization }}</span>\n              </label>\n            </div>\n          }\n\n          <div class=\"form-check\">\n            <input class=\"form-check-input\" type=\"radio\" formControlName=\"scope\" id=\"scope-all\"\n                   [value]=\"Scope.AllDocuments\" />\n            <label class=\"form-check-label\" for=\"scope-all\">\n              {{ '::Document:Reprocess:Reclassification:Scope:AllDocuments' | abpLocalization }}\n              <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:Scope:AllDocuments:Hint' | abpLocalization }}</span>\n            </label>\n          </div>\n\n          <div class=\"form-check\">\n            <input class=\"form-check-input\" type=\"radio\" formControlName=\"scope\" id=\"scope-pending\"\n                   [value]=\"Scope.PendingReviewQueue\" />\n            <label class=\"form-check-label\" for=\"scope-pending\">\n              {{ '::Document:Reprocess:Reclassification:Scope:PendingReviewQueue' | abpLocalization }}\n              <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:Scope:PendingReviewQueue:Hint' | abpLocalization }}</span>\n            </label>\n          </div>\n        </div>\n\n        <!-- Protect manual confirmations by default; checked means manually confirmed documents are reclassified too. -->\n        <div class=\"form-check mb-3\" [class.opacity-50]=\"!includeToggleApplies\">\n          <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"includeManuallyConfirmed\"\n                 id=\"include-confirmed\" />\n          <label class=\"form-check-label\" for=\"include-confirmed\">\n            {{ '::Document:Reprocess:Reclassification:IncludeConfirmed' | abpLocalization }}\n            <span class=\"d-block small text-muted\">{{ '::Document:Reprocess:Reclassification:IncludeConfirmed:Hint' | abpLocalization }}</span>\n          </label>\n        </div>\n\n        <!-- Affected document count preview. -->\n        <div class=\"alert alert-secondary py-2\">\n          @if (isLoadingPreview()) {\n            <span class=\"spinner-border spinner-border-sm me-2\"></span>\n            {{ '::Document:Reprocess:Counting' | abpLocalization }}\n          } @else if (previewFailed()) {\n            <span class=\"d-flex justify-content-between align-items-center\">\n              <span class=\"text-danger\">{{ '::Document:Reprocess:PreviewFailed' | abpLocalization }}</span>\n              <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"refreshPreview()\">\n                {{ '::Refresh' | abpLocalization }}\n              </button>\n            </span>\n          } @else {\n            <span class=\"fw-semibold\">{{ '::Document:Reprocess:AffectedCount' | abpLocalization: (((documentCount() ?? 0) | number) ?? '') }}</span>\n          }\n        </div>\n\n        <!-- Strong warning: cascading and destructive. -->\n        <div class=\"alert alert-danger mb-0 small\">\n          <i class=\"fas fa-triangle-exclamation me-1\"></i>\n          {{ '::Document:Reprocess:Reclassification:Warning' | abpLocalization }}\n        </div>\n      </div>\n\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"close()\" [disabled]=\"isSubmitting()\">\n          {{ '::Cancel' | abpLocalization }}\n        </button>\n        <button\n          type=\"button\"\n          class=\"btn btn-danger\"\n          (click)=\"confirm()\"\n          [disabled]=\"isLoadingPreview() || previewFailed() || isSubmitting() || (documentCount() ?? 0) === 0\"\n        >\n          @if (isSubmitting()) {\n            <span class=\"spinner-border spinner-border-sm me-1\"></span>\n          }\n          {{ '::Document:Reprocess:Reclassification:Start' | abpLocalization }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { documentTypeId: [{
+                type: Input
+            }], documentTypeDisplayName: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+// Mirrors DocumentTypeConsts (Domain.Shared): TypeCode whitelist + length cap.
+const TYPE_CODE_PATTERN = /^[A-Za-z0-9_\-]+(\.[A-Za-z0-9_\-]+)*$/;
+const MAX_TYPE_CODE_LENGTH = 128;
+const MAX_DISPLAY_NAME_LENGTH = 128;
+const MAX_DESCRIPTION_LENGTH = 512;
+const DOCUMENT_TYPE_SORTS = {
+    typeCode: type => type.typeCode,
+    displayName: type => type.displayName,
+    confidenceThreshold: type => type.confidenceThreshold,
+    priority: type => type.priority,
+};
+class DocumentTypeListComponent {
+    constructor() {
+        this.service = inject(DocumentTypeService);
+        this.slugService = inject(SlugSuggestionService);
+        this.router = inject(Router);
+        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 DocumentTypes write grant (#217); the route's
+        // DocumentTypes.Default only lists. ABP evaluates the `||` policy expression.
+        this.canManage = this.permissionService.getGrantedPolicy(`${EXTRACT_PERMISSIONS.DocumentTypes.Create} || ${EXTRACT_PERMISSIONS.DocumentTypes.Update} || ${EXTRACT_PERMISSIONS.DocumentTypes.Delete}`);
+        // Bulk reprocessing entry points (#289): admin-level and independent from type CRUD permissions.
+        this.canReextractFields = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.Reprocessing.FieldExtraction);
+        this.canReclassify = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.Reprocessing.Reclassification);
+        // Target for the open reprocessing modal; null means closed.
+        this.reextractTarget = signal(null, ...(ngDevMode ? [{ debugName: "reextractTarget" }] : /* istanbul ignore next */ []));
+        this.reclassifyTarget = signal(null, ...(ngDevMode ? [{ debugName: "reclassifyTarget" }] : /* istanbul ignore next */ []));
+        this.allTypes = signal([], ...(ngDevMode ? [{ debugName: "allTypes" }] : /* istanbul ignore next */ []));
+        this.types = signal({ totalCount: 0, items: [] }, ...(ngDevMode ? [{ debugName: "types" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.showDeleted = signal(false, ...(ngDevMode ? [{ debugName: "showDeleted" }] : /* istanbul ignore next */ []));
+        // null = closed; 'create' / DocumentTypeDto = open in the matching mode.
+        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 */ []));
+        this.tableQuery = {};
+        this.form = this.fb.nonNullable.group({
+            typeCode: [
+                '',
+                [
+                    Validators.required,
+                    Validators.maxLength(MAX_TYPE_CODE_LENGTH),
+                    Validators.pattern(TYPE_CODE_PATTERN),
+                ],
+            ],
+            displayName: ['', [Validators.required, Validators.maxLength(MAX_DISPLAY_NAME_LENGTH)]],
+            // Optional classification helper description (#262): only helps AI identify the type and does not
+            // participate in document content processing.
+            description: ['', [Validators.maxLength(MAX_DESCRIPTION_LENGTH)]],
+            confidenceThreshold: [0.7, [Validators.required, Validators.min(0), Validators.max(1)]],
+            priority: [0, [Validators.required]],
+        });
+        // 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.DocumentTypes, [
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'typeCode',
+                displayName: '::DocumentType:TypeCode',
+                sortable: true,
+                columnWidth: 240,
+                valueResolver: data => of(`<span class="badge bg-info text-dark">${escapeHtmlChars(data.record.typeCode)}</span>`),
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'displayName',
+                displayName: '::DocumentType:DisplayName',
+                sortable: true,
+            }),
+            EntityProp.create({
+                type: "number" /* ePropType.Number */,
+                name: 'confidenceThreshold',
+                displayName: '::DocumentType:ConfidenceThreshold',
+                sortable: true,
+                columnWidth: 190,
+                valueResolver: data => of(`${((data.record.confidenceThreshold ?? 0) * 100).toFixed(0)}%`),
+            }),
+            EntityProp.create({
+                type: "number" /* ePropType.Number */,
+                name: 'priority',
+                displayName: '::DocumentType:Priority',
+                sortable: true,
+                columnWidth: 140,
+            }),
+        ]);
+    }
+    ngOnInit() {
+        this.hookTableQuery();
+        this.slugHandle = wireSlugSuggestion({
+            displayName: this.form.controls.displayName,
+            target: this.form.controls.typeCode,
+            suggest: text => this.slugService.suggest({ label: text }, undefined).pipe(map(r => r.slug ?? '')),
+            fallback: () => this.nextTypeCode(),
+            destroyRef: this.destroyRef,
+            onPending: pending => this.isSuggesting.set(pending),
+        });
+        this.load();
+    }
+    // Local fallback when the LLM is unavailable or does not translate: choose the smallest type_{n} that
+    // does not conflict with existing type codes.
+    nextTypeCode() {
+        const existing = new Set(this.allTypes().map(t => t.typeCode));
+        let i = 1;
+        while (existing.has(`type_${i}`))
+            i++;
+        return `type_${i}`;
+    }
+    refresh() {
+        this.load();
+    }
+    toggleDeleted() {
+        this.showDeleted.update(v => !v);
+        this.load();
+    }
+    load() {
+        this.isLoading.set(true);
+        const source$ = this.showDeleted() ? this.service.getDeleted() : this.service.getVisible();
+        source$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+            next: list => {
+                this.allTypes.set(list);
+                this.list.totalCount = list.length;
+                this.applyTableQuery();
+                this.isLoading.set(false);
+            },
+            error: () => {
+                this.allTypes.set([]);
+                this.types.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.types.set(pageClientItems(this.allTypes(), query, DOCUMENT_TYPE_SORTS));
+    }
+    openCreate() {
+        this.form.reset({ typeCode: '', displayName: '', description: '', confidenceThreshold: 0.7, priority: 0 });
+        this.form.controls.typeCode.enable();
+        // 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.editing.set('create');
+    }
+    openEdit(type) {
+        // Disable before reset so slug auto-suggestion sees edit-mode reset as not automatically managed and
+        // does not clear the existing typeCode as a stale key. See wireSlugSuggestion comments.
+        this.form.controls.typeCode.disable();
+        this.form.reset({
+            typeCode: type.typeCode,
+            displayName: type.displayName,
+            description: type.description ?? '',
+            confidenceThreshold: type.confidenceThreshold,
+            priority: type.priority,
+        });
+        this.form.controls.typeCode.enable();
+        this.slugHandle?.markManual();
+        this.editing.set(type);
+    }
+    // Display-name blur triggers slug auto-suggestion. Measured feedback changed this from pause debounce
+    // to blur trigger.
+    onDisplayNameBlur() {
+        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() {
+        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 = {
+                typeCode: raw.typeCode,
+                displayName: raw.displayName,
+                description: raw.description.trim() || undefined,
+                confidenceThreshold: raw.confidenceThreshold,
+                priority: raw.priority,
+            };
+            this.service.create(input)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => this.onSaved('::DocumentType:CreatedSuccessfully'),
+                error: () => this.isSubmitting.set(false),
+            });
+        }
+        else {
+            this.service.update(mode.id, {
+                typeCode: raw.typeCode,
+                displayName: raw.displayName,
+                description: raw.description.trim() || undefined,
+                confidenceThreshold: raw.confidenceThreshold,
+                priority: raw.priority,
+            })
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => this.onSaved('::DocumentType:UpdatedSuccessfully'),
+                error: () => this.isSubmitting.set(false),
+            });
+        }
+    }
+    onSaved(messageKey) {
+        this.isSubmitting.set(false);
+        this.closeModal();
+        this.toaster.success(messageKey, '::Success');
+        this.load();
+    }
+    delete(type) {
+        this.confirmation
+            .warn('::DocumentType:AreYouSureToDelete', '::AreYouSure')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status !== Confirmation.Status.confirm)
+                return;
+            this.service.delete(type.id)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => {
+                    this.toaster.success('::DocumentType:DeletedSuccessfully', '::Success');
+                    this.load();
+                },
+                error: () => this.toaster.error('::DocumentType:DeleteFailed', '::Error'),
+            });
+        });
+    }
+    restore(type) {
+        this.service.restore(type.id)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.toaster.success('::DocumentType:RestoredSuccessfully', '::Success');
+                this.load();
+            },
+        });
+    }
+    manageFields(type) {
+        this.router.navigate(['/documents/types', type.id, 'fields']);
+    }
+    openReextractFields(type) {
+        this.reextractTarget.set(type);
+    }
+    openReclassify(type) {
+        this.reclassifyTarget.set(type);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DocumentTypeListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DocumentTypeListComponent, isStandalone: true, selector: "lib-document-type-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: EXTRACT_TABLES.DocumentTypes,
+            },
+        ], ngImport: i0, template: "<div class=\"container-fluid py-4\">\n  <!-- Header -->\n  <div class=\"d-flex justify-content-between align-items-center mb-3\">\n    <h4 class=\"mb-0\">\n      <i class=\"fas fa-tags me-2\"></i>\n      {{ '::DocumentType:Title' | abpLocalization }}\n    </h4>\n    <div class=\"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        {{ '::DocumentType:ShowDeleted' | abpLocalization }}\n      </button>\n      @if (canManage && !showDeleted()) {\n        <button class=\"btn btn-primary\" (click)=\"openCreate()\">\n          <i class=\"fas fa-plus me-1\"></i>\n          {{ '::DocumentType: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() && types().totalCount === 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body text-center py-5\">\n        <i class=\"fas fa-tags fa-3x text-muted mb-3 d-block\"></i>\n        <p class=\"text-muted mb-0\">\n          {{ (showDeleted() ? '::DocumentType:RecycleBinEmpty' : '::DocumentType:Empty') | abpLocalization }}\n        </p>\n      </div>\n    </div>\n  }\n\n  <!-- Types table -->\n  @if (!isLoading() && types().totalCount > 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body p-0\">\n        <ng-template #actionsTemplate let-type>\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(type)\">\n                    <i class=\"fas fa-rotate-left me-2\"></i>\n                    {{ '::DocumentType:Restore' | abpLocalization }}\n                  </button>\n                </div>\n              </div>\n            }\n          } @else {\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)=\"manageFields(type)\">\n                  <i class=\"fas fa-list-ul me-2\"></i>\n                  {{ '::DocumentType:ManageFields' | abpLocalization }}\n                </button>\n                @if (canManage) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openEdit(type)\">\n                    <i class=\"fas fa-pen me-2\"></i>\n                    {{ '::Edit' | abpLocalization }}\n                  </button>\n                  <button type=\"button\" ngbDropdownItem (click)=\"delete(type)\">\n                    <i class=\"fas fa-trash me-2\"></i>\n                    {{ '::Delete' | abpLocalization }}\n                  </button>\n                }\n                @if (canReextractFields || canReclassify) {\n                  <div class=\"dropdown-divider\"></div>\n                }\n                @if (canReextractFields) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openReextractFields(type)\">\n                    <i class=\"fas fa-wand-magic-sparkles me-2\"></i>\n                    {{ '::Document:Reprocess:FieldExtraction:Action' | abpLocalization }}\n                  </button>\n                }\n                @if (canReclassify) {\n                  <button type=\"button\" ngbDropdownItem class=\"text-danger\" (click)=\"openReclassify(type)\">\n                    <i class=\"fas fa-shuffle me-2\"></i>\n                    {{ '::Document:Reprocess:Reclassification:Action' | abpLocalization }}\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </ng-template>\n\n        <abp-extensible-table\n          [data]=\"types().items\"\n          [recordsTotal]=\"types().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\">\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-tags me-2\"></i>\n              {{ (mode === 'create' ? '::DocumentType:New' : '::DocumentType:Edit') | abpLocalization }}\n            </h5>\n            <button type=\"button\" class=\"btn-close\" (click)=\"closeModal()\"></button>\n          </div>\n          <div class=\"modal-body\">\n            <div class=\"mb-3\">\n              <label class=\"form-label\">{{ '::DocumentType: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=\"mb-3\">\n              <label class=\"form-label d-flex align-items-center gap-2\">\n                <span>{{ '::DocumentType:TypeCode' | 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                    {{ '::DocumentType:TypeCodeSuggesting' | abpLocalization }}\n                  </span>\n                }\n              </label>\n              <input\n                type=\"text\"\n                class=\"form-control\"\n                formControlName=\"typeCode\"\n                [class.is-invalid]=\"form.controls.typeCode.touched && form.controls.typeCode.invalid\"\n                placeholder=\"host.contract\"\n              />\n              <div class=\"form-text\">{{ '::DocumentType:TypeCodeHint' | abpLocalization }}</div>\n              @if (form.controls.typeCode.touched && form.controls.typeCode.invalid) {\n                <div class=\"invalid-feedback d-block\">{{ '::DocumentType:TypeCodeInvalid' | abpLocalization }}</div>\n              }\n            </div>\n            <div class=\"mb-3\">\n              <label class=\"form-label\">{{ '::DocumentType:Description' | abpLocalization }}</label>\n              <textarea\n                class=\"form-control\"\n                formControlName=\"description\"\n                rows=\"3\"\n                [class.is-invalid]=\"form.controls.description.touched && form.controls.description.invalid\"\n              ></textarea>\n              <div class=\"form-text\">{{ '::DocumentType:DescriptionHint' | abpLocalization }}</div>\n            </div>\n            <div class=\"row g-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label\">{{ '::DocumentType:ConfidenceThreshold' | abpLocalization }}</label>\n                <input\n                  type=\"number\"\n                  class=\"form-control\"\n                  formControlName=\"confidenceThreshold\"\n                  min=\"0\"\n                  max=\"1\"\n                  step=\"0.05\"\n                  [class.is-invalid]=\"form.controls.confidenceThreshold.touched && form.controls.confidenceThreshold.invalid\"\n                />\n                <div class=\"form-text\">{{ '::DocumentType:ConfidenceThresholdHint' | abpLocalization }}</div>\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label\">{{ '::DocumentType:Priority' | abpLocalization }}</label>\n                <input type=\"number\" class=\"form-control\" formControlName=\"priority\" step=\"1\" />\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) -->\n@if (reextractTarget(); as t) {\n  <lib-field-reextraction-modal\n    [documentTypeId]=\"t.id!\"\n    [documentTypeDisplayName]=\"t.displayName ?? ''\"\n    (closed)=\"reextractTarget.set(null)\"\n  />\n}\n\n<!-- Bulk reclassification modal (#289) -->\n@if (reclassifyTarget(); as t) {\n  <lib-reclassification-modal\n    [documentTypeId]=\"t.id!\"\n    [documentTypeDisplayName]=\"t.displayName ?? ''\"\n    (closed)=\"reclassifyTarget.set(null)\"\n  />\n}\n", styles: ["tbody tr:hover{background-color:#00000006}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i2$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i2$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i2$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i2$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: FieldReextractionModalComponent, selector: "lib-field-reextraction-modal", inputs: ["documentTypeId", "documentTypeDisplayName"], outputs: ["closed"] }, { kind: "component", type: ReclassificationModalComponent, selector: "lib-reclassification-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: DocumentTypeListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-document-type-list', imports: [
+                        CommonModule,
+                        RouterModule,
+                        ReactiveFormsModule,
+                        LocalizationPipe,
+                        ExtensibleTableComponent,
+                        NgbDropdownModule,
+                        FieldReextractionModalComponent,
+                        ReclassificationModalComponent,
+                    ], providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: EXTRACT_TABLES.DocumentTypes,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-fluid py-4\">\n  <!-- Header -->\n  <div class=\"d-flex justify-content-between align-items-center mb-3\">\n    <h4 class=\"mb-0\">\n      <i class=\"fas fa-tags me-2\"></i>\n      {{ '::DocumentType:Title' | abpLocalization }}\n    </h4>\n    <div class=\"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        {{ '::DocumentType:ShowDeleted' | abpLocalization }}\n      </button>\n      @if (canManage && !showDeleted()) {\n        <button class=\"btn btn-primary\" (click)=\"openCreate()\">\n          <i class=\"fas fa-plus me-1\"></i>\n          {{ '::DocumentType: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() && types().totalCount === 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body text-center py-5\">\n        <i class=\"fas fa-tags fa-3x text-muted mb-3 d-block\"></i>\n        <p class=\"text-muted mb-0\">\n          {{ (showDeleted() ? '::DocumentType:RecycleBinEmpty' : '::DocumentType:Empty') | abpLocalization }}\n        </p>\n      </div>\n    </div>\n  }\n\n  <!-- Types table -->\n  @if (!isLoading() && types().totalCount > 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body p-0\">\n        <ng-template #actionsTemplate let-type>\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(type)\">\n                    <i class=\"fas fa-rotate-left me-2\"></i>\n                    {{ '::DocumentType:Restore' | abpLocalization }}\n                  </button>\n                </div>\n              </div>\n            }\n          } @else {\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)=\"manageFields(type)\">\n                  <i class=\"fas fa-list-ul me-2\"></i>\n                  {{ '::DocumentType:ManageFields' | abpLocalization }}\n                </button>\n                @if (canManage) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openEdit(type)\">\n                    <i class=\"fas fa-pen me-2\"></i>\n                    {{ '::Edit' | abpLocalization }}\n                  </button>\n                  <button type=\"button\" ngbDropdownItem (click)=\"delete(type)\">\n                    <i class=\"fas fa-trash me-2\"></i>\n                    {{ '::Delete' | abpLocalization }}\n                  </button>\n                }\n                @if (canReextractFields || canReclassify) {\n                  <div class=\"dropdown-divider\"></div>\n                }\n                @if (canReextractFields) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openReextractFields(type)\">\n                    <i class=\"fas fa-wand-magic-sparkles me-2\"></i>\n                    {{ '::Document:Reprocess:FieldExtraction:Action' | abpLocalization }}\n                  </button>\n                }\n                @if (canReclassify) {\n                  <button type=\"button\" ngbDropdownItem class=\"text-danger\" (click)=\"openReclassify(type)\">\n                    <i class=\"fas fa-shuffle me-2\"></i>\n                    {{ '::Document:Reprocess:Reclassification:Action' | abpLocalization }}\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </ng-template>\n\n        <abp-extensible-table\n          [data]=\"types().items\"\n          [recordsTotal]=\"types().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\">\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-tags me-2\"></i>\n              {{ (mode === 'create' ? '::DocumentType:New' : '::DocumentType:Edit') | abpLocalization }}\n            </h5>\n            <button type=\"button\" class=\"btn-close\" (click)=\"closeModal()\"></button>\n          </div>\n          <div class=\"modal-body\">\n            <div class=\"mb-3\">\n              <label class=\"form-label\">{{ '::DocumentType: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=\"mb-3\">\n              <label class=\"form-label d-flex align-items-center gap-2\">\n                <span>{{ '::DocumentType:TypeCode' | 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                    {{ '::DocumentType:TypeCodeSuggesting' | abpLocalization }}\n                  </span>\n                }\n              </label>\n              <input\n                type=\"text\"\n                class=\"form-control\"\n                formControlName=\"typeCode\"\n                [class.is-invalid]=\"form.controls.typeCode.touched && form.controls.typeCode.invalid\"\n                placeholder=\"host.contract\"\n              />\n              <div class=\"form-text\">{{ '::DocumentType:TypeCodeHint' | abpLocalization }}</div>\n              @if (form.controls.typeCode.touched && form.controls.typeCode.invalid) {\n                <div class=\"invalid-feedback d-block\">{{ '::DocumentType:TypeCodeInvalid' | abpLocalization }}</div>\n              }\n            </div>\n            <div class=\"mb-3\">\n              <label class=\"form-label\">{{ '::DocumentType:Description' | abpLocalization }}</label>\n              <textarea\n                class=\"form-control\"\n                formControlName=\"description\"\n                rows=\"3\"\n                [class.is-invalid]=\"form.controls.description.touched && form.controls.description.invalid\"\n              ></textarea>\n              <div class=\"form-text\">{{ '::DocumentType:DescriptionHint' | abpLocalization }}</div>\n            </div>\n            <div class=\"row g-3\">\n              <div class=\"col-6\">\n                <label class=\"form-label\">{{ '::DocumentType:ConfidenceThreshold' | abpLocalization }}</label>\n                <input\n                  type=\"number\"\n                  class=\"form-control\"\n                  formControlName=\"confidenceThreshold\"\n                  min=\"0\"\n                  max=\"1\"\n                  step=\"0.05\"\n                  [class.is-invalid]=\"form.controls.confidenceThreshold.touched && form.controls.confidenceThreshold.invalid\"\n                />\n                <div class=\"form-text\">{{ '::DocumentType:ConfidenceThresholdHint' | abpLocalization }}</div>\n              </div>\n              <div class=\"col-6\">\n                <label class=\"form-label\">{{ '::DocumentType:Priority' | abpLocalization }}</label>\n                <input type=\"number\" class=\"form-control\" formControlName=\"priority\" step=\"1\" />\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) -->\n@if (reextractTarget(); as t) {\n  <lib-field-reextraction-modal\n    [documentTypeId]=\"t.id!\"\n    [documentTypeDisplayName]=\"t.displayName ?? ''\"\n    (closed)=\"reextractTarget.set(null)\"\n  />\n}\n\n<!-- Bulk reclassification modal (#289) -->\n@if (reclassifyTarget(); as t) {\n  <lib-reclassification-modal\n    [documentTypeId]=\"t.id!\"\n    [documentTypeDisplayName]=\"t.displayName ?? ''\"\n    (closed)=\"reclassifyTarget.set(null)\"\n  />\n}\n", styles: ["tbody tr:hover{background-color:#00000006}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { DocumentTypeListComponent };
+//# sourceMappingURL=dignite-vault-extract-documents-document-type-list.component-C8kXFJGb.mjs.map