@dignite/vault-extract 0.2.0

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

@@ -0,0 +1,642 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, LOCALE_ID, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { formatDate, CommonModule } from '@angular/common';
+import { Router, ActivatedRoute } from '@angular/router';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { PermissionService, ListService, LocalizationService, escapeHtmlChars, 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 { of } from 'rxjs';
+import { DocumentService, DocumentStatisticsService, DocumentTypeService, FieldDefinitionService, CabinetService, EXTRACT_PERMISSIONS, DocumentLifecycleStatus, DocumentReviewReasons } from '@dignite/vault-extract';
+import { c as configureEntityTable, E as EXTRACT_TABLES } from './dignite-vault-extract-documents-extensible-table-DkLXuoWo.mjs';
+import { f as formatExtractedFieldValue } from './dignite-vault-extract-documents-format-field-value-Xjb8lwzA.mjs';
+
+class DocumentListComponent {
+    constructor() {
+        this.documentService = inject(DocumentService);
+        this.statisticsService = inject(DocumentStatisticsService);
+        this.documentTypeService = inject(DocumentTypeService);
+        this.fieldDefinitionService = inject(FieldDefinitionService);
+        this.cabinetService = inject(CabinetService);
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.confirmation = inject(ConfirmationService);
+        this.toaster = inject(ToasterService);
+        this.permissionService = inject(PermissionService);
+        this.destroyRef = inject(DestroyRef);
+        this.extensions = inject(ExtensionsService);
+        this.locale = inject(LOCALE_ID);
+        this.list = inject(ListService);
+        this.canDelete = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.Delete);
+        this.canConfirm = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.ConfirmClassification);
+        this.canUpload = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.Upload);
+        this.canViewCabinets = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Cabinets.Default);
+        this.hasDocumentActions = this.canConfirm || this.canDelete;
+        this.documents = signal({ totalCount: 0, items: [] }, ...(ngDevMode ? [{ debugName: "documents" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        // Bumped whenever the dynamic columns change. ExtensibleTableComponent snapshots its
+        // column list at construction, so the template keys the table on this value (@for …
+        // track key) to force a fresh instance — deterministic, no setTimeout/flicker.
+        this.tableKey = signal(0, ...(ngDevMode ? [{ debugName: "tableKey" }] : /* istanbul ignore next */ []));
+        this.typeFilter = signal('', ...(ngDevMode ? [{ debugName: "typeFilter" }] : /* istanbul ignore next */ []));
+        this.cabinetFilter = signal('', ...(ngDevMode ? [{ debugName: "cabinetFilter" }] : /* istanbul ignore next */ []));
+        this.lifecycleFilter = signal(undefined, ...(ngDevMode ? [{ debugName: "lifecycleFilter" }] : /* istanbul ignore next */ []));
+        // #395: needs-review filter. Replaces the standalone review-queue page — when on, the list shows only
+        // documents that still require operator attention (hasReviewReasons, the queue's RequiresAttention
+        // predicate). Seeded from the ?review=1 deep-link used by the overview needs-review entry points.
+        this.reviewFilter = signal(false, ...(ngDevMode ? [{ debugName: "reviewFilter" }] : /* istanbul ignore next */ []));
+        // #354: when set, the list shows only the sub-documents derived from this source document (a container's
+        // children). subDocumentsParent is the container itself (for the indicator banner); it is null when the filter
+        // was seeded from a deep-link query param and the parent row is not in hand.
+        this.originDocumentIdFilter = signal('', ...(ngDevMode ? [{ debugName: "originDocumentIdFilter" }] : /* istanbul ignore next */ []));
+        this.subDocumentsParent = signal(null, ...(ngDevMode ? [{ debugName: "subDocumentsParent" }] : /* istanbul ignore next */ []));
+        this.confirmingDoc = signal(null, ...(ngDevMode ? [{ debugName: "confirmingDoc" }] : /* istanbul ignore next */ []));
+        this.documentTypes = signal([], ...(ngDevMode ? [{ debugName: "documentTypes" }] : /* istanbul ignore next */ []));
+        this.cabinets = signal([], ...(ngDevMode ? [{ debugName: "cabinets" }] : /* istanbul ignore next */ []));
+        // Dynamic ExtractedFields columns — populated only while a single documentTypeCode
+        // filter is active (then the page shares one field schema). Empty for no-type /
+        // mixed-type views, so the columns disappear. Driven off the type's field
+        // definitions (not the union of extractedFields keys) so headers stay stable and
+        // friendly even for fields no document in the page happened to fill.
+        this.extractedFieldColumns = signal([], ...(ngDevMode ? [{ debugName: "extractedFieldColumns" }] : /* istanbul ignore next */ []));
+        this.selectedTypeId = signal('', ...(ngDevMode ? [{ debugName: "selectedTypeId" }] : /* istanbul ignore next */ []));
+        this.isConfirming = signal(false, ...(ngDevMode ? [{ debugName: "isConfirming" }] : /* istanbul ignore next */ []));
+        // #284 review-queue gateway: the toolbar badge shows the canonical needs-review total for the current
+        // layer (DocumentStatisticsDto.NeedsReviewCount — same RequiresAttention predicate the review queue runs,
+        // #333), not a page-local count, so it stays correct across pagination and once the list is unfiltered.
+        this.reviewQueueCount = signal(0, ...(ngDevMode ? [{ debugName: "reviewQueueCount" }] : /* istanbul ignore next */ []));
+        // #354: render the row actions column when the user has confirm/delete actions OR any row is a container
+        // (exposes "view sub-documents") OR any row is a sub-document (exposes "view parent / view siblings") —
+        // these provenance actions are available regardless of confirm/delete permissions.
+        this.showActionsColumn = computed(() => this.hasDocumentActions || this.documents().items.some(d => d.isContainer || d.originDocumentId), ...(ngDevMode ? [{ debugName: "showActionsColumn" }] : /* istanbul ignore next */ []));
+        this.DocumentLifecycleStatus = DocumentLifecycleStatus;
+        this.DocumentReviewReasons = DocumentReviewReasons;
+        this.rebuildTableProps([]);
+    }
+    ngOnInit() {
+        // Seed filters from query params first so the overview cards (#335) can deep-link into a
+        // cabinet- or type-filtered list before the initial load runs.
+        this.applyQueryParamFilters();
+        // Seed page + sorting into the ListService BEFORE hookToQuery so the initial fetch uses them (the
+        // query$ pipe debounces, so these synchronous seeds coalesce with the constructor's default into a
+        // single request). This is what makes Back restore the exact page/sort the operator left, not just the
+        // filters.
+        this.applyQueryParamPaging();
+        this.hookListQuery();
+        // Review-queue badge total — only fetched/shown for operators who can open the queue (#284).
+        this.loadReviewQueueCount();
+        // Document types drive the type filter, the dynamic extracted-field columns, and
+        // the confirm-classification picker. Every Documents.Default user needs them, and
+        // the read is now decoupled from schema-admin permission (#223 — GetVisible no longer
+        // requires DocumentTypes.Default), so load unconditionally; the error fallback keeps
+        // the list usable if it ever 403s.
+        this.loadDocumentTypes();
+        // Cabinet getList is gated by Cabinets.Default; only fetch when granted to
+        // avoid a 403 for users without cabinet access (cabinet filter/labels hidden).
+        if (this.canViewCabinets) {
+            this.loadCabinets();
+        }
+    }
+    refresh() {
+        this.list.getWithoutPageReset();
+    }
+    // Overview deep-links (#335) carry cabinetId / documentTypeCode in the URL, and every filter change now
+    // writes the active filter set back via writeFiltersToUrl(). Seed the matching filter signals once on
+    // load; the top dropdowns are bound to the same signals so they reflect the applied value, and
+    // loadDocumentTypes() picks up a seeded typeFilter to load its field columns. Because the filters live in
+    // the URL, opening a document and navigating Back restores the exact filtered view instead of resetting
+    // to the unfiltered default.
+    applyQueryParamFilters() {
+        const params = this.route.snapshot.queryParamMap;
+        const cabinetId = params.get('cabinetId');
+        if (cabinetId) {
+            this.cabinetFilter.set(cabinetId);
+        }
+        const typeCode = params.get('documentTypeCode');
+        if (typeCode) {
+            this.typeFilter.set(typeCode);
+        }
+        const lifecycleStatus = params.get('lifecycleStatus');
+        if (lifecycleStatus) {
+            const parsed = Number(lifecycleStatus);
+            if (!Number.isNaN(parsed)) {
+                this.lifecycleFilter.set(parsed);
+            }
+        }
+        // #354: deep-link into a container's sub-documents (the parent row may not be loaded, so the banner falls
+        // back to showing the id until/unless the operator navigated via the in-list "view sub-documents" action).
+        const originDocumentId = params.get('originDocumentId');
+        if (originDocumentId) {
+            this.originDocumentIdFilter.set(originDocumentId);
+        }
+        // #395: overview needs-review entry points deep-link here with ?review=1.
+        if (params.get('review')) {
+            this.reviewFilter.set(true);
+        }
+    }
+    // Seed the ListService's page + sorting from the URL. ABP's ListService has no built-in URL binding, but
+    // page / sortKey / sortOrder are public read/write, so writing them here makes the first fetch (and the
+    // restored view after Back) start on the right page and ordering. The header sort arrow is owned by the
+    // table and not re-seeded, so only the data ordering is restored — acceptable, and the only sortable
+    // column is the default creationTime.
+    applyQueryParamPaging() {
+        const params = this.route.snapshot.queryParamMap;
+        const page = Number(params.get('page'));
+        if (Number.isInteger(page) && page > 0) {
+            this.list.page = page;
+        }
+        const sorting = params.get('sorting');
+        if (sorting) {
+            const [key, order] = sorting.split(' ');
+            if (key && (order === 'asc' || order === 'desc')) {
+                this.list.sortKey = key;
+                this.list.sortOrder = order;
+            }
+        }
+    }
+    onLifecycleFilterChange(value) {
+        this.lifecycleFilter.set(value);
+        this.refreshListFromFirstPage();
+    }
+    onTypeFilterChange(value) {
+        this.typeFilter.set(value);
+        this.updateExtractedFieldColumns([]);
+        if (value) {
+            this.loadExtractedFieldColumns(value);
+        }
+        this.refreshListFromFirstPage();
+    }
+    onCabinetFilterChange(value) {
+        this.cabinetFilter.set(value);
+        this.refreshListFromFirstPage();
+    }
+    // #395: toggle the needs-review filter (the former review-queue gateway). Refreshes from page 1 so the
+    // filtered count and pagination stay consistent.
+    toggleReviewFilter() {
+        this.reviewFilter.update(on => !on);
+        this.refreshListFromFirstPage();
+    }
+    // #354: focus the list on a container's sub-documents (those whose OriginDocumentId is this container).
+    viewSubDocuments(doc, event) {
+        event?.stopPropagation();
+        if (!doc.id) {
+            return;
+        }
+        this.subDocumentsParent.set(doc);
+        this.originDocumentIdFilter.set(doc.id);
+        this.refreshListFromFirstPage();
+    }
+    clearSubDocumentsFilter() {
+        this.subDocumentsParent.set(null);
+        this.originDocumentIdFilter.set('');
+        this.refreshListFromFirstPage();
+    }
+    // #354: from a sub-document row, open its source (container) document.
+    openParentDocument(doc, event) {
+        event?.stopPropagation();
+        if (!doc.originDocumentId) {
+            return;
+        }
+        this.router.navigate(['/documents', doc.originDocumentId]);
+    }
+    // #354: from a sub-document row, focus the list on its siblings (all sub-documents of the same source,
+    // including this one). The parent row may not be in hand, so the banner falls back to showing the id.
+    viewSiblingDocuments(doc, event) {
+        event?.stopPropagation();
+        if (!doc.originDocumentId) {
+            return;
+        }
+        this.subDocumentsParent.set(null);
+        this.originDocumentIdFilter.set(doc.originDocumentId);
+        this.refreshListFromFirstPage();
+    }
+    hookListQuery() {
+        this.list.requestStatus$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status === 'idle' && this.isLoading() && this.documents().items.length === 0)
+                return;
+            this.isLoading.set(status === 'loading');
+        });
+        // query$ is the single funnel for every page / sort / filter change (the table writes page+sort here
+        // directly; our filter handlers reach it via refreshListFromFirstPage). Persist the full view state to
+        // the URL on each emit so table-driven pagination and sorting survive a round-trip to a document and
+        // Back, alongside the filters. (It is debounced inside ListService, so this does not fire per keystroke.)
+        this.list.query$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.writeStateToUrl());
+        this.list
+            .hookToQuery(query => this.documentService.getList({
+            ...this.buildFilter(),
+            maxResultCount: query.maxResultCount,
+            skipCount: query.skipCount,
+            sorting: query.sorting || 'creationTime desc',
+        }))
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(result => {
+            this.documents.set({
+                totalCount: result.totalCount ?? 0,
+                items: result.items ?? [],
+            });
+        });
+    }
+    refreshListFromFirstPage() {
+        // Reset to page 1 first (the setter triggers the refetch), then persist — so the URL records page 0,
+        // not the page the operator was on before changing the filter. The debounced query$ subscription will
+        // also fire and re-persist the same state; writing here too keeps the URL correct synchronously, so a
+        // filter-then-immediately-open-a-document sequence still records the new filters before navigating away.
+        if (this.list.page === 0) {
+            this.list.get();
+        }
+        else {
+            this.list.page = 0;
+        }
+        this.writeStateToUrl();
+    }
+    // Mirror the active filters AND the ListService's page/sorting into the URL query string. replaceUrl keeps
+    // rapid changes from piling up Back-button steps (each replaces the current /documents/list entry rather
+    // than pushing a new one); null values are dropped by the merge handling, so cleared filters and the
+    // default page/sort leave a clean URL. applyQueryParamFilters + applyQueryParamPaging re-seed from here on
+    // Back, restoring the exact view.
+    writeStateToUrl() {
+        const sorting = this.list.sortOrder
+            ? `${this.list.sortKey} ${this.list.sortOrder}`
+            : null;
+        this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: {
+                lifecycleStatus: this.lifecycleFilter() ?? null,
+                documentTypeCode: this.typeFilter() || null,
+                cabinetId: this.cabinetFilter() || null,
+                originDocumentId: this.originDocumentIdFilter() || null,
+                review: this.reviewFilter() ? 1 : null,
+                page: this.list.page > 0 ? this.list.page : null,
+                sorting,
+            },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+    }
+    buildFilter() {
+        return {
+            documentTypeCode: this.typeFilter() || undefined,
+            cabinetId: this.cabinetFilter() || undefined,
+            originDocumentId: this.originDocumentIdFilter() || undefined,
+            lifecycleStatus: this.lifecycleFilter(),
+            // #395: same RequiresAttention predicate the old review queue ran.
+            hasReviewReasons: this.reviewFilter() || undefined,
+        };
+    }
+    rebuildTableProps(fields = this.extractedFieldColumns()) {
+        configureEntityTable(this.extensions, EXTRACT_TABLES.Documents, this.createTableProps(fields));
+        // Force a fresh ExtensibleTableComponent so it re-reads the just-configured columns
+        // (it snapshots its column list at construction). The @for key swap recreates it
+        // synchronously within the same change-detection pass.
+        this.tableKey.update(v => v + 1);
+    }
+    createTableProps(fields) {
+        return [
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'fileName',
+                displayName: '::Document:FileName',
+                sortable: false,
+                columnWidth: 340,
+                valueResolver: data => {
+                    const doc = data.record;
+                    const localization = data.getInjected(LocalizationService);
+                    const fileName = doc.title || doc.fileOrigin?.originalFileName || '-';
+                    const iconClass = this.isImage(doc)
+                        ? 'fas fa-file-image fa-lg text-primary'
+                        : 'fas fa-file-pdf fa-lg text-danger';
+                    // #350: a container is a bundle of sub-documents and is not itself a business record. Flag it
+                    // with a badge so operators don't mistake it for a normal document. isContainer is a
+                    // system-controlled signal carried on the list DTO. #354: the row's "view sub-documents" action
+                    // (containers only) drills into its children via the originDocumentId filter.
+                    const bundleBadge = doc.isContainer
+                        ? ` <span class="badge bg-dark">${escapeHtmlChars(localization.instant('::Document:Bundle'))}</span>`
+                        : '';
+                    // #354: mirror of the container Bundle badge on the child side — a sub-document carries
+                    // originDocumentId (its source) and is flagged so operators can tell it apart from a
+                    // normally-uploaded document; the row's "view parent / view siblings" actions drill the relationship.
+                    const subDocBadge = doc.originDocumentId
+                        ? ` <span class="badge bg-secondary">${escapeHtmlChars(localization.instant('::Document:SubDocument'))}</span>`
+                        : '';
+                    return of(`<span class="document-file-cell"><i class="${iconClass} me-2"></i><span class="fw-semibold text-truncate">${escapeHtmlChars(fileName)}</span>${bundleBadge}${subDocBadge}</span>`);
+                },
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'documentType',
+                displayName: '::Document:Type',
+                sortable: false,
+                columnWidth: 180,
+                valueResolver: data => {
+                    const typeName = this.documentTypeDisplayName(data.record.documentTypeCode);
+                    return of(typeName
+                        ? `<span class="badge bg-info text-dark">${escapeHtmlChars(typeName)}</span>`
+                        : '<span class="text-muted">-</span>');
+                },
+            }),
+            ...fields.map(field => this.createExtractedFieldProp(field)),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'status',
+                displayName: '::Document:Status',
+                sortable: false,
+                columnWidth: 190,
+                valueResolver: data => {
+                    const localization = data.getInjected(LocalizationService);
+                    const doc = data.record;
+                    const spinner = this.isProcessingDocument(doc)
+                        ? '<span class="spinner-border spinner-border-sm me-1" role="status"></span>'
+                        : '';
+                    // #284: two badges may stack: lifecycle on the availability axis plus conditional review badge
+                    // on the review axis. They do not overwrite each other.
+                    const lifecycle = `<span class="${this.getStatusBadgeClass(doc.lifecycleStatus)}">${spinner}${escapeHtmlChars(localization.instant(this.getStatusLabel(doc.lifecycleStatus)))}</span>`;
+                    const review = doc.requiresReview
+                        ? ` <span class="badge bg-warning text-dark">${escapeHtmlChars(localization.instant(this.reviewBadgeLabel(doc)))}</span>`
+                        : '';
+                    return of(lifecycle + review);
+                },
+            }),
+            EntityProp.create({
+                type: "string" /* ePropType.String */,
+                name: 'creationTime',
+                displayName: '::Document:UploadedAt',
+                sortable: true,
+                columnWidth: 180,
+                valueResolver: data => of(`<span class="text-muted small">${escapeHtmlChars(this.formatCreationTime(data.record.creationTime))}</span>`),
+            }),
+        ];
+    }
+    createExtractedFieldProp(field) {
+        const fieldName = field.name ?? '';
+        const propName = `extracted_${field.id || fieldName}`.replace(/[^A-Za-z0-9_]/g, '_');
+        return EntityProp.create({
+            type: "string" /* ePropType.String */,
+            name: propName,
+            displayName: field.displayName || field.name || '',
+            sortable: false,
+            columnWidth: 220,
+            valueResolver: data => {
+                const text = formatExtractedFieldValue(data.record.extractedFields?.[fieldName]);
+                const value = escapeHtmlChars(text);
+                return of(`<span class="document-field-cell" title="${value}">${value}</span>`);
+            },
+        });
+    }
+    formatCreationTime(value) {
+        if (!value)
+            return '-';
+        try {
+            return formatDate(value, 'yyyy-MM-dd HH:mm', this.locale);
+        }
+        catch {
+            return value;
+        }
+    }
+    // Visible document types for the current layer (Host admin → Host types;
+    // tenant admin → that tenant's types). Drives the confirm-classification picker.
+    loadDocumentTypes() {
+        this.documentTypeService.getVisible()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: types => {
+                this.documentTypes.set(types);
+                if (this.typeFilter()) {
+                    this.loadExtractedFieldColumns(this.typeFilter());
+                    return;
+                }
+                this.rebuildTableProps([]);
+            },
+            error: () => {
+                this.documentTypes.set([]);
+                this.updateExtractedFieldColumns([]);
+            },
+        });
+    }
+    // Visible cabinets for the current layer — drives the cabinet filter and the
+    // cabinet-name label column (list DTO carries only cabinetId; we map id → name).
+    loadCabinets() {
+        this.cabinetService.getList()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: list => this.cabinets.set(list),
+            error: () => this.cabinets.set([]),
+        });
+    }
+    // The list carries only documentTypeCode as the output contract. Map it to the displayName of a type
+    // visible in the current layer; fall back to code when cross-layer or deleted types cannot be resolved.
+    // cabinets() remains available for the top filter dropdown.
+    documentTypeDisplayName(code) {
+        if (!code)
+            return null;
+        return this.documentTypes().find(t => t.typeCode === code)?.displayName ?? code;
+    }
+    // Load the selected type's field definitions and turn them into dynamic columns
+    // (ordered by displayOrder). Cleared when no single type is selected. Errors fall
+    // back to no columns rather than breaking the list (mirrors loadDocumentTypes).
+    // The type filter is keyed by typeCode (Document exit contract); the field-definition
+    // API is keyed by immutable DocumentTypeId (#207), so we resolve code → id via the
+    // already-loaded visible types before querying.
+    loadExtractedFieldColumns(typeCode) {
+        const documentTypeId = this.documentTypes().find(t => t.typeCode === typeCode)?.id;
+        if (!documentTypeId) {
+            if (this.typeFilter() === typeCode) {
+                this.updateExtractedFieldColumns([]);
+            }
+            return;
+        }
+        this.fieldDefinitionService.getList({ documentTypeId })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: fields => {
+                if (this.typeFilter() !== typeCode)
+                    return;
+                this.updateExtractedFieldColumns([...fields].sort((a, b) => (a.displayOrder ?? 0) - (b.displayOrder ?? 0)));
+            },
+            error: () => {
+                if (this.typeFilter() !== typeCode)
+                    return;
+                this.updateExtractedFieldColumns([]);
+            },
+        });
+    }
+    updateExtractedFieldColumns(fields) {
+        this.extractedFieldColumns.set(fields);
+        this.rebuildTableProps(fields);
+    }
+    onTableActivate(event) {
+        if (event.type !== 'click' || !event.row)
+            return;
+        this.openDetail(event.row);
+    }
+    openDetail(doc) {
+        this.router.navigate(['/documents', doc.id]);
+    }
+    uploadNew() {
+        this.router.navigate(['/documents']);
+    }
+    delete(doc, event) {
+        event.stopPropagation();
+        this.confirmation
+            .warn('::Document:AreYouSureToDelete', '::AreYouSure')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status === Confirmation.Status.confirm) {
+                this.documentService.delete(doc.id)
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe({
+                    next: () => {
+                        this.toaster.success('::Document:DeletedSuccessfully', '::Success');
+                        this.list.getWithoutPageReset();
+                        // A deleted document leaves the (soft-delete-filtered) review queue — refresh the badge.
+                        this.loadReviewQueueCount();
+                    },
+                    error: () => this.toaster.error('::Document:DeleteFailed', '::Error'),
+                });
+            }
+        });
+    }
+    // Canonical needs-review total for the toolbar badge. Gated on canConfirm so non-reviewers (who don't
+    // see the gateway button) never fire the call. The statistics endpoint shares the review queue's
+    // RequiresAttention predicate (#333), so the badge and the queue never drift.
+    loadReviewQueueCount() {
+        if (!this.canConfirm)
+            return;
+        this.statisticsService.get()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: stats => this.reviewQueueCount.set(stats.needsReviewCount ?? 0),
+            error: () => this.reviewQueueCount.set(0),
+        });
+    }
+    // #284: show the confirm-classification button only when the document still requires attention
+    // (requiresReview, with disposition already considered server-side so rejected documents no longer
+    // require attention) and classification is unresolved. Missing required fields are completed on the
+    // detail page.
+    needsConfirmation(doc) {
+        return doc.requiresReview === true &&
+            ((doc.reviewReasons ?? DocumentReviewReasons.None) & DocumentReviewReasons.UnresolvedClassification)
+                !== DocumentReviewReasons.None;
+    }
+    // #284: pure availability axis. Removed the old review-mixed judgment; after the two axes became
+    // orthogonal, the two badges render independently and are no longer mutually exclusive.
+    isProcessingDocument(doc) {
+        return doc.lifecycleStatus === DocumentLifecycleStatus.Processing ||
+            doc.lifecycleStatus === DocumentLifecycleStatus.Uploaded;
+    }
+    openConfirmDialog(doc, event) {
+        event.stopPropagation();
+        this.confirmingDoc.set(doc);
+        // Pre-select the document's current (low-confidence) classification when present,
+        // so the operator usually just confirms; otherwise force an explicit choice. The
+        // confirm command is keyed by immutable DocumentTypeId (#207), so resolve the
+        // document's exit-contract typeCode → id via the already-loaded visible types.
+        this.selectedTypeId.set(this.documentTypes().find(t => t.typeCode === doc.documentTypeCode)?.id ?? '');
+    }
+    closeConfirmDialog() {
+        this.confirmingDoc.set(null);
+        this.selectedTypeId.set('');
+    }
+    submitConfirmation() {
+        const doc = this.confirmingDoc();
+        if (!doc || !this.selectedTypeId())
+            return;
+        this.isConfirming.set(true);
+        this.documentService.confirmClassification(doc.id, { documentTypeId: this.selectedTypeId() })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.isConfirming.set(false);
+                this.closeConfirmDialog();
+                this.toaster.success('::Document:ClassificationConfirmed', '::Success');
+                this.list.getWithoutPageReset();
+                // Confirming a classification clears its review reason — keep the badge in step with the queue.
+                this.loadReviewQueueCount();
+            },
+            error: () => {
+                this.isConfirming.set(false);
+                this.toaster.error('::Document:ConfirmFailed', '::Error');
+            },
+        });
+    }
+    getStatusBadgeClass(status) {
+        switch (status) {
+            case DocumentLifecycleStatus.Uploaded:
+                return 'badge bg-secondary';
+            case DocumentLifecycleStatus.Processing:
+                return 'badge bg-warning text-dark';
+            case DocumentLifecycleStatus.Ready:
+                return 'badge bg-success';
+            case DocumentLifecycleStatus.Failed:
+                return 'badge bg-danger';
+            default:
+                return 'badge bg-secondary';
+        }
+    }
+    // #284: review badge text follows the reason: classification confirmation pending or required fields
+    // missing. The client renders only reviewReasons provided by the server.
+    reviewBadgeLabel(doc) {
+        const reasons = doc.reviewReasons ?? DocumentReviewReasons.None;
+        if ((reasons & DocumentReviewReasons.UnresolvedClassification) !== DocumentReviewReasons.None) {
+            return '::Document:ReviewReason:UnresolvedClassification';
+        }
+        if ((reasons & DocumentReviewReasons.MissingRequiredFields) !== DocumentReviewReasons.None) {
+            return '::Document:ReviewReason:MissingRequiredFields';
+        }
+        if ((reasons & DocumentReviewReasons.SegmentationIncomplete) !== DocumentReviewReasons.None) {
+            return '::Document:ReviewReason:SegmentationIncomplete';
+        }
+        return '::Document:NeedsReview';
+    }
+    getStatusLabel(status) {
+        switch (status) {
+            case DocumentLifecycleStatus.Uploaded:
+                return '::Document:Status:Uploaded';
+            case DocumentLifecycleStatus.Processing:
+                return '::Document:Status:Processing';
+            case DocumentLifecycleStatus.Ready:
+                return '::Document:Status:Ready';
+            case DocumentLifecycleStatus.Failed:
+                return '::Document:Status:Failed';
+            default:
+                return '::Document:Status:Unknown';
+        }
+    }
+    isImage(doc) {
+        return doc.fileOrigin?.contentType?.startsWith('image/') ?? false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DocumentListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DocumentListComponent, isStandalone: true, selector: "lib-document-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: EXTRACT_TABLES.Documents,
+            },
+        ], 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-file-alt me-2\"></i>\n      {{ '::Document:Documents' | 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      @if (canConfirm) {\n        <button\n          class=\"btn\"\n          [class.btn-warning]=\"reviewFilter()\"\n          [class.btn-outline-warning]=\"!reviewFilter()\"\n          [attr.aria-pressed]=\"reviewFilter()\"\n          (click)=\"toggleReviewFilter()\"\n          title=\"{{ '::Document:NeedsReview' | abpLocalization }}\"\n        >\n          <i class=\"fas fa-clipboard-check me-1\"></i>\n          {{ '::Document:NeedsReview' | abpLocalization }}\n          @if (reviewQueueCount() > 0) {\n            <span class=\"badge bg-danger ms-1\">{{ reviewQueueCount() }}</span>\n          }\n        </button>\n      }\n      @if (canUpload) {\n        <button class=\"btn btn-primary\" (click)=\"uploadNew()\">\n          <i class=\"fas fa-upload me-1\"></i>\n          {{ '::Document:Upload' | abpLocalization }}\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Filters -->\n  <div class=\"d-flex flex-wrap gap-2 mb-3\">\n    <select\n      class=\"form-select form-select-sm w-auto\"\n      [ngModel]=\"lifecycleFilter()\"\n      (ngModelChange)=\"onLifecycleFilterChange($event)\"\n    >\n      <option [ngValue]=\"undefined\">{{ '::Document:Filter:AllStatuses' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Uploaded\">{{ '::Document:Status:Uploaded' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Processing\">{{ '::Document:Status:Processing' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Ready\">{{ '::Document:Status:Ready' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Failed\">{{ '::Document:Status:Failed' | abpLocalization }}</option>\n    </select>\n    @if (documentTypes().length > 0) {\n      <select\n        class=\"form-select form-select-sm w-auto\"\n        [ngModel]=\"typeFilter()\"\n        (ngModelChange)=\"onTypeFilterChange($event)\"\n      >\n        <option value=\"\">{{ '::Document:Filter:AllTypes' | abpLocalization }}</option>\n        @for (t of documentTypes(); track t.id) {\n          <option [value]=\"t.typeCode\">{{ t.displayName }}</option>\n        }\n      </select>\n    }\n    @if (canViewCabinets && cabinets().length > 0) {\n      <select\n        class=\"form-select form-select-sm w-auto\"\n        [ngModel]=\"cabinetFilter()\"\n        (ngModelChange)=\"onCabinetFilterChange($event)\"\n      >\n        <option value=\"\">{{ '::Document:Filter:AllCabinets' | abpLocalization }}</option>\n        @for (c of cabinets(); track c.id) {\n          <option [value]=\"c.id\">{{ c.name }}</option>\n        }\n      </select>\n    }\n  </div>\n\n  <!-- Sub-documents filter indicator (#354) -->\n  @if (originDocumentIdFilter()) {\n    <div class=\"alert alert-info d-flex justify-content-between align-items-center py-2 mb-3\">\n      <span>\n        <i class=\"fas fa-sitemap me-2\"></i>\n        {{ '::Document:ViewingSubDocumentsOf' | abpLocalization }}\n        <strong>{{\n          subDocumentsParent()?.title ||\n            subDocumentsParent()?.fileOrigin?.originalFileName ||\n            originDocumentIdFilter()\n        }}</strong>\n      </span>\n      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"clearSubDocumentsFilter()\">\n        <i class=\"fas fa-times me-1\"></i>\n        {{ '::Document:ShowAllDocuments' | abpLocalization }}\n      </button>\n    </div>\n  }\n\n  <!-- Loading spinner -->\n  @if (isLoading() && documents().items.length === 0) {\n    <div class=\"text-center py-5\">\n      <div class=\"spinner-border text-primary\" role=\"status\"></div>\n    </div>\n  }\n\n  <!-- Empty state: message only \u2014 the \"upload your first document\" CTA was removed; upload lives in the\n       header toolbar. -->\n  @if (!isLoading() && documents().totalCount === 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body text-center py-5\">\n        <i class=\"fas fa-inbox fa-3x text-muted mb-3 d-block\"></i>\n        <p class=\"text-muted mb-0\">{{ '::Document:NoDocuments' | abpLocalization }}</p>\n      </div>\n    </div>\n  }\n\n  <!-- Document list -->\n  @if (documents().totalCount > 0) {\n    <div class=\"card shadow-sm document-list-table\">\n      <div class=\"card-body p-0\">\n        <ng-template #actionsTemplate let-doc>\n          @if ((needsConfirmation(doc) && canConfirm) || canDelete || doc.isContainer || doc.originDocumentId) {\n            <div ngbDropdown container=\"body\" class=\"d-inline-block\" (click)=\"$event.stopPropagation()\">\n              <button type=\"button\" class=\"btn btn-sm btn-primary\" ngbDropdownToggle>\n                {{ 'AbpUi::Actions' | abpLocalization }}\n              </button>\n              <div ngbDropdownMenu>\n                @if (doc.isContainer) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"viewSubDocuments(doc, $event)\">\n                    <i class=\"fas fa-sitemap me-2\"></i>\n                    {{ '::Document:ViewSubDocuments' | abpLocalization }}\n                  </button>\n                }\n                @if (doc.originDocumentId) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openParentDocument(doc, $event)\">\n                    <i class=\"fas fa-arrow-up me-2\"></i>\n                    {{ '::Document:ViewParentDocument' | abpLocalization }}\n                  </button>\n                  <button type=\"button\" ngbDropdownItem (click)=\"viewSiblingDocuments(doc, $event)\">\n                    <i class=\"fas fa-sitemap me-2\"></i>\n                    {{ '::Document:ViewSiblingDocuments' | abpLocalization }}\n                  </button>\n                }\n                @if (needsConfirmation(doc) && canConfirm) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openConfirmDialog(doc, $event)\">\n                    <i class=\"fas fa-check me-2\"></i>\n                    {{ '::Document:ConfirmClassification' | abpLocalization }}\n                  </button>\n                }\n                @if (canDelete) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"delete(doc, $event)\">\n                    <i class=\"fas fa-trash me-2\"></i>\n                    {{ '::Delete' | abpLocalization }}\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </ng-template>\n\n        @for (key of [tableKey()]; track key) {\n          @if (showActionsColumn()) {\n            <abp-extensible-table\n              [data]=\"documents().items\"\n              [recordsTotal]=\"documents().totalCount\"\n              [list]=\"list\"\n              [actionsTemplate]=\"actionsTemplate\"\n              actionsText=\"AbpUi::Actions\"\n              [actionsColumnWidth]=\"150\"\n              (tableActivate)=\"onTableActivate($event)\"\n            />\n          } @else {\n            <abp-extensible-table\n              [data]=\"documents().items\"\n              [recordsTotal]=\"documents().totalCount\"\n              [list]=\"list\"\n              (tableActivate)=\"onTableActivate($event)\"\n            />\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<!-- Manual Classification Confirm Modal -->\n@if (confirmingDoc(); as doc) {\n  <div class=\"modal d-block\" tabindex=\"-1\" style=\"background:rgba(0,0,0,.4);\" (click)=\"closeConfirmDialog()\">\n    <div class=\"modal-dialog modal-dialog-centered\" (click)=\"$event.stopPropagation()\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">\n            <i class=\"fas fa-user-edit me-2\"></i>\n            {{ '::Document:ConfirmClassification' | abpLocalization }}\n          </h5>\n          <button type=\"button\" class=\"btn-close\" (click)=\"closeConfirmDialog()\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <p class=\"text-muted small mb-3\">\n            {{ doc.title || doc.fileOrigin?.originalFileName }}\n          </p>\n          <label class=\"form-label fw-semibold\">{{ '::Document:SelectDocumentType' | abpLocalization }}</label>\n          <select\n            class=\"form-select\"\n            [ngModel]=\"selectedTypeId()\"\n            (ngModelChange)=\"selectedTypeId.set($event)\"\n          >\n            <option value=\"\" disabled>{{ '::Document:SelectDocumentType' | abpLocalization }}</option>\n            @for (t of documentTypes(); track t.id) {\n              <option [value]=\"t.id\">{{ t.displayName }} ({{ t.typeCode }})</option>\n            }\n          </select>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeConfirmDialog()\">\n            {{ '::Cancel' | abpLocalization }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"!selectedTypeId() || isConfirming()\"\n            (click)=\"submitConfirmation()\"\n          >\n            @if (isConfirming()) {\n              <span class=\"spinner-border spinner-border-sm me-1\"></span>\n            }\n            {{ '::Document:Confirm' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".cursor-pointer{cursor:pointer}:host ::ng-deep .document-list-table .datatable-body-row{cursor:pointer}:host ::ng-deep .document-list-table .datatable-body-row:hover{background-color:#00000006}:host ::ng-deep .document-file-cell{align-items:center;display:inline-flex;max-width:100%;min-width:0}:host ::ng-deep .document-file-cell .text-truncate,:host ::ng-deep .document-field-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "pipe", type: LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DocumentListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-document-list', imports: [
+                        CommonModule,
+                        FormsModule,
+                        LocalizationPipe,
+                        ExtensibleTableComponent,
+                        NgbDropdownModule,
+                    ], providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: EXTRACT_TABLES.Documents,
+                        },
+                    ], 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-file-alt me-2\"></i>\n      {{ '::Document:Documents' | 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      @if (canConfirm) {\n        <button\n          class=\"btn\"\n          [class.btn-warning]=\"reviewFilter()\"\n          [class.btn-outline-warning]=\"!reviewFilter()\"\n          [attr.aria-pressed]=\"reviewFilter()\"\n          (click)=\"toggleReviewFilter()\"\n          title=\"{{ '::Document:NeedsReview' | abpLocalization }}\"\n        >\n          <i class=\"fas fa-clipboard-check me-1\"></i>\n          {{ '::Document:NeedsReview' | abpLocalization }}\n          @if (reviewQueueCount() > 0) {\n            <span class=\"badge bg-danger ms-1\">{{ reviewQueueCount() }}</span>\n          }\n        </button>\n      }\n      @if (canUpload) {\n        <button class=\"btn btn-primary\" (click)=\"uploadNew()\">\n          <i class=\"fas fa-upload me-1\"></i>\n          {{ '::Document:Upload' | abpLocalization }}\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Filters -->\n  <div class=\"d-flex flex-wrap gap-2 mb-3\">\n    <select\n      class=\"form-select form-select-sm w-auto\"\n      [ngModel]=\"lifecycleFilter()\"\n      (ngModelChange)=\"onLifecycleFilterChange($event)\"\n    >\n      <option [ngValue]=\"undefined\">{{ '::Document:Filter:AllStatuses' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Uploaded\">{{ '::Document:Status:Uploaded' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Processing\">{{ '::Document:Status:Processing' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Ready\">{{ '::Document:Status:Ready' | abpLocalization }}</option>\n      <option [ngValue]=\"DocumentLifecycleStatus.Failed\">{{ '::Document:Status:Failed' | abpLocalization }}</option>\n    </select>\n    @if (documentTypes().length > 0) {\n      <select\n        class=\"form-select form-select-sm w-auto\"\n        [ngModel]=\"typeFilter()\"\n        (ngModelChange)=\"onTypeFilterChange($event)\"\n      >\n        <option value=\"\">{{ '::Document:Filter:AllTypes' | abpLocalization }}</option>\n        @for (t of documentTypes(); track t.id) {\n          <option [value]=\"t.typeCode\">{{ t.displayName }}</option>\n        }\n      </select>\n    }\n    @if (canViewCabinets && cabinets().length > 0) {\n      <select\n        class=\"form-select form-select-sm w-auto\"\n        [ngModel]=\"cabinetFilter()\"\n        (ngModelChange)=\"onCabinetFilterChange($event)\"\n      >\n        <option value=\"\">{{ '::Document:Filter:AllCabinets' | abpLocalization }}</option>\n        @for (c of cabinets(); track c.id) {\n          <option [value]=\"c.id\">{{ c.name }}</option>\n        }\n      </select>\n    }\n  </div>\n\n  <!-- Sub-documents filter indicator (#354) -->\n  @if (originDocumentIdFilter()) {\n    <div class=\"alert alert-info d-flex justify-content-between align-items-center py-2 mb-3\">\n      <span>\n        <i class=\"fas fa-sitemap me-2\"></i>\n        {{ '::Document:ViewingSubDocumentsOf' | abpLocalization }}\n        <strong>{{\n          subDocumentsParent()?.title ||\n            subDocumentsParent()?.fileOrigin?.originalFileName ||\n            originDocumentIdFilter()\n        }}</strong>\n      </span>\n      <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"clearSubDocumentsFilter()\">\n        <i class=\"fas fa-times me-1\"></i>\n        {{ '::Document:ShowAllDocuments' | abpLocalization }}\n      </button>\n    </div>\n  }\n\n  <!-- Loading spinner -->\n  @if (isLoading() && documents().items.length === 0) {\n    <div class=\"text-center py-5\">\n      <div class=\"spinner-border text-primary\" role=\"status\"></div>\n    </div>\n  }\n\n  <!-- Empty state: message only \u2014 the \"upload your first document\" CTA was removed; upload lives in the\n       header toolbar. -->\n  @if (!isLoading() && documents().totalCount === 0) {\n    <div class=\"card shadow-sm\">\n      <div class=\"card-body text-center py-5\">\n        <i class=\"fas fa-inbox fa-3x text-muted mb-3 d-block\"></i>\n        <p class=\"text-muted mb-0\">{{ '::Document:NoDocuments' | abpLocalization }}</p>\n      </div>\n    </div>\n  }\n\n  <!-- Document list -->\n  @if (documents().totalCount > 0) {\n    <div class=\"card shadow-sm document-list-table\">\n      <div class=\"card-body p-0\">\n        <ng-template #actionsTemplate let-doc>\n          @if ((needsConfirmation(doc) && canConfirm) || canDelete || doc.isContainer || doc.originDocumentId) {\n            <div ngbDropdown container=\"body\" class=\"d-inline-block\" (click)=\"$event.stopPropagation()\">\n              <button type=\"button\" class=\"btn btn-sm btn-primary\" ngbDropdownToggle>\n                {{ 'AbpUi::Actions' | abpLocalization }}\n              </button>\n              <div ngbDropdownMenu>\n                @if (doc.isContainer) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"viewSubDocuments(doc, $event)\">\n                    <i class=\"fas fa-sitemap me-2\"></i>\n                    {{ '::Document:ViewSubDocuments' | abpLocalization }}\n                  </button>\n                }\n                @if (doc.originDocumentId) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openParentDocument(doc, $event)\">\n                    <i class=\"fas fa-arrow-up me-2\"></i>\n                    {{ '::Document:ViewParentDocument' | abpLocalization }}\n                  </button>\n                  <button type=\"button\" ngbDropdownItem (click)=\"viewSiblingDocuments(doc, $event)\">\n                    <i class=\"fas fa-sitemap me-2\"></i>\n                    {{ '::Document:ViewSiblingDocuments' | abpLocalization }}\n                  </button>\n                }\n                @if (needsConfirmation(doc) && canConfirm) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"openConfirmDialog(doc, $event)\">\n                    <i class=\"fas fa-check me-2\"></i>\n                    {{ '::Document:ConfirmClassification' | abpLocalization }}\n                  </button>\n                }\n                @if (canDelete) {\n                  <button type=\"button\" ngbDropdownItem (click)=\"delete(doc, $event)\">\n                    <i class=\"fas fa-trash me-2\"></i>\n                    {{ '::Delete' | abpLocalization }}\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </ng-template>\n\n        @for (key of [tableKey()]; track key) {\n          @if (showActionsColumn()) {\n            <abp-extensible-table\n              [data]=\"documents().items\"\n              [recordsTotal]=\"documents().totalCount\"\n              [list]=\"list\"\n              [actionsTemplate]=\"actionsTemplate\"\n              actionsText=\"AbpUi::Actions\"\n              [actionsColumnWidth]=\"150\"\n              (tableActivate)=\"onTableActivate($event)\"\n            />\n          } @else {\n            <abp-extensible-table\n              [data]=\"documents().items\"\n              [recordsTotal]=\"documents().totalCount\"\n              [list]=\"list\"\n              (tableActivate)=\"onTableActivate($event)\"\n            />\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<!-- Manual Classification Confirm Modal -->\n@if (confirmingDoc(); as doc) {\n  <div class=\"modal d-block\" tabindex=\"-1\" style=\"background:rgba(0,0,0,.4);\" (click)=\"closeConfirmDialog()\">\n    <div class=\"modal-dialog modal-dialog-centered\" (click)=\"$event.stopPropagation()\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">\n            <i class=\"fas fa-user-edit me-2\"></i>\n            {{ '::Document:ConfirmClassification' | abpLocalization }}\n          </h5>\n          <button type=\"button\" class=\"btn-close\" (click)=\"closeConfirmDialog()\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <p class=\"text-muted small mb-3\">\n            {{ doc.title || doc.fileOrigin?.originalFileName }}\n          </p>\n          <label class=\"form-label fw-semibold\">{{ '::Document:SelectDocumentType' | abpLocalization }}</label>\n          <select\n            class=\"form-select\"\n            [ngModel]=\"selectedTypeId()\"\n            (ngModelChange)=\"selectedTypeId.set($event)\"\n          >\n            <option value=\"\" disabled>{{ '::Document:SelectDocumentType' | abpLocalization }}</option>\n            @for (t of documentTypes(); track t.id) {\n              <option [value]=\"t.id\">{{ t.displayName }} ({{ t.typeCode }})</option>\n            }\n          </select>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeConfirmDialog()\">\n            {{ '::Cancel' | abpLocalization }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"!selectedTypeId() || isConfirming()\"\n            (click)=\"submitConfirmation()\"\n          >\n            @if (isConfirming()) {\n              <span class=\"spinner-border spinner-border-sm me-1\"></span>\n            }\n            {{ '::Document:Confirm' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".cursor-pointer{cursor:pointer}:host ::ng-deep .document-list-table .datatable-body-row{cursor:pointer}:host ::ng-deep .document-list-table .datatable-body-row:hover{background-color:#00000006}:host ::ng-deep .document-file-cell{align-items:center;display:inline-flex;max-width:100%;min-width:0}:host ::ng-deep .document-file-cell .text-truncate,:host ::ng-deep .document-field-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { DocumentListComponent };
+//# sourceMappingURL=dignite-vault-extract-documents-document-list.component-jThR5cct.mjs.map