@maro-tech/card 0.0.2 → 0.0.4

package/fesm2022/maro-tech-card.mjs

@@ -1,10 +1,20 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, inject, DestroyRef, signal, Component, computed, output, effect, HostListener, InjectionToken, forwardRef } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { EventBus, UiButtonComponent } from '@maro-tech/core';
+import { input, inject, DestroyRef, signal, Component, computed, output, effect, HostListener, InjectionToken, forwardRef, Injectable, ViewChild, untracked, Input } from '@angular/core';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { EventBus, UiButtonComponent, UiToastService, UiModalComponent, UiConfirmService } from '@maro-tech/core';
 import { ActivatedRoute, Router } from '@angular/router';
+import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
+import { shareReplay, forkJoin, switchMap, timer, of, map as map$1 } from 'rxjs';
+import { map, exhaustMap, catchError, takeWhile, takeUntil, finalize } from 'rxjs/operators';
+import * as i1$2 from 'lucide-angular';
+import { LucideAngularModule, Eye, FileText, Plus, Sparkles, Trash } from 'lucide-angular';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { UiSelectComponent, UiActionFormModalComponent } from '@maro-tech/form';
+import { UiTableComponent } from '@maro-tech/table';
+import JsBarcode from 'jsbarcode';
 
 const CARD_ACTION_REQUESTED = 'card.action.requested';
 const CARD_ACTION_STARTED = 'card.action.started';
@@ -604,9 +614,1679 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
 
 const UI_ENTITY_CARD_HOST = new InjectionToken('UI_ENTITY_CARD_HOST');
 
+const UI_CARD_API_BASE_URL = new InjectionToken('UI_CARD_API_BASE_URL', { factory: () => '' });
+const apiUrl = (baseUrl, path) => `${String(baseUrl || '').replace(/\/$/, '')}${path}`;
+class CardDictionaryService {
+    http = inject(HttpClient);
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    getSuggestByName(name) {
+        return this.http.get(apiUrl(this.baseUrl, `/api/suggest/${encodeURIComponent(name)}`));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardDictionaryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class CardCurrentUserService {
+    http = inject(HttpClient);
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    user$ = this.http.get(apiUrl(this.baseUrl, '/api/users/me'), { withCredentials: true }).pipe(shareReplay(1));
+    getCurrentUser() { return this.user$; }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardCurrentUserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardCurrentUserService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardCurrentUserService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class CardImageService {
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    getPhotoLink(id) {
+        return id ? apiUrl(this.baseUrl, `/api/files/${encodeURIComponent(id)}/preview?scale=25`) : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardImageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardImageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+const cardApiResourceUrl = (baseUrl, path) => apiUrl(baseUrl, path);
+const cardApiParams = (params) => Object.entries(params).reduce((result, [key, value]) => value == null ? result : result.set(key, String(value)), new HttpParams());
+
+class UiEntityDocumentsService {
+    http = inject(HttpClient);
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    list(entity, entityId) {
+        const params = cardApiParams({ entity, entityId });
+        return this.http.get(cardApiResourceUrl(this.baseUrl, '/api/entity-files'), { params });
+    }
+    recognitionStatus(id) {
+        return this.http.get(cardApiResourceUrl(this.baseUrl, `/api/entity-files/${encodeURIComponent(id)}/recognition-status`));
+    }
+    upload(file) {
+        const formData = new FormData();
+        formData.append('file', file);
+        formData.append('fileName', file.name);
+        return this.http.post(cardApiResourceUrl(this.baseUrl, '/api/files'), formData);
+    }
+    attach(payload) {
+        return this.http.post(cardApiResourceUrl(this.baseUrl, '/api/entity-files'), payload);
+    }
+    recognize(id) {
+        return this.http.post(cardApiResourceUrl(this.baseUrl, `/api/entity-files/${encodeURIComponent(id)}/recognize`), {});
+    }
+    rename(id, name) {
+        return this.http.patch(cardApiResourceUrl(this.baseUrl, `/api/entity-files/${encodeURIComponent(id)}`), { name });
+    }
+    remove(id) {
+        return this.http.delete(cardApiResourceUrl(this.baseUrl, `/api/entity-files/${encodeURIComponent(id)}`));
+    }
+    resolveDownloadUrl(fileId) {
+        return cardApiResourceUrl(this.baseUrl, `/api/files/${encodeURIComponent(fileId)}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: UiEntityDocumentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: UiEntityDocumentsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: UiEntityDocumentsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class DocumentsUploadModalComponent {
+    isOpen = input(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    entity = input('', ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+    id = input('', ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    closed = output();
+    saved = output();
+    documentTypeId = signal(null, ...(ngDevMode ? [{ debugName: "documentTypeId" }] : /* istanbul ignore next */ []));
+    fileNames = signal([], ...(ngDevMode ? [{ debugName: "fileNames" }] : /* istanbul ignore next */ []));
+    isUploading = signal(false, ...(ngDevMode ? [{ debugName: "isUploading" }] : /* istanbul ignore next */ []));
+    uploadFileInput;
+    documentsService = inject(UiEntityDocumentsService);
+    toast = inject(UiToastService);
+    uploadFiles = [];
+    isOpenEffect = effect(() => {
+        if (!this.isOpen()) {
+            this.resetState();
+        }
+    }, ...(ngDevMode ? [{ debugName: "isOpenEffect" }] : /* istanbul ignore next */ []));
+    close() {
+        this.closed.emit();
+    }
+    onFilesSelected(event) {
+        const input = event.target;
+        const files = Array.from(input?.files ?? []);
+        this.uploadFiles = files;
+        this.fileNames.set(files.map((file) => file.name));
+    }
+    onDocumentTypeChange(value) {
+        this.documentTypeId.set(Array.isArray(value) ? value[0] ?? null : value);
+    }
+    submitUpload() {
+        const entity = String(this.entity() || '').trim();
+        const id = String(this.id() || '').trim();
+        if (!entity || !id) {
+            this.toast.show('Немає entity або id запису', 'warning', 2400);
+            return;
+        }
+        if (!this.uploadFiles.length) {
+            this.toast.show('Оберіть файл для завантаження', 'warning', 2400);
+            return;
+        }
+        this.isUploading.set(true);
+        forkJoin(this.uploadFiles.map((file) => this.documentsService.upload(file).pipe(switchMap((result) => this.documentsService.attach({
+            entity,
+            entityId: id,
+            fileId: result.id,
+            documentTypeId: this.documentTypeId(),
+        }))))).subscribe({
+            next: () => {
+                this.toast.show(this.uploadFiles.length > 1 ? `Додано документів: ${this.uploadFiles.length}` : 'Документ додано', 'success', 2200);
+                this.isUploading.set(false);
+                this.saved.emit();
+                this.closed.emit();
+            },
+            error: (error) => {
+                this.toast.show(error?.error?.message || 'Не вдалося додати документи', 'error', 3200);
+                this.isUploading.set(false);
+            },
+        });
+    }
+    resetState() {
+        this.documentTypeId.set(null);
+        this.fileNames.set([]);
+        this.isUploading.set(false);
+        this.uploadFiles = [];
+        if (this.uploadFileInput) {
+            this.uploadFileInput.nativeElement.value = '';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsUploadModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: DocumentsUploadModalComponent, isStandalone: true, selector: "app-documents-upload-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", saved: "saved" }, viewQueries: [{ propertyName: "uploadFileInput", first: true, predicate: ["uploadFileInput"], descendants: true }], ngImport: i0, template: "<core-modal\n  title=\"\u0414\u043E\u0434\u0430\u0442\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\"\n  [isOpen]=\"isOpen()\"\n  (closed)=\"close()\"\n>\n  <div class=\"space-y-4\">\n    <forms-select\n      [data]=\"'doc_type'\"\n      name=\"uploadDocumentTypeId\"\n      label=\"\u0422\u0438\u043F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\"\n      hint=\"\u041D\u0435\u043E\u0431\u043E\u0432'\u044F\u0437\u043A\u043E\u0432\u043E\"\n      [ngModel]=\"documentTypeId()\"\n      (ngModelChange)=\"onDocumentTypeChange($event)\"\n      placeholder=\"\u0422\u0438\u043F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\"\n      [fullWidth]=\"true\"\n      [searchable]=\"true\"\n    ></forms-select>\n\n    <div class=\"space-y-2\">\n      <label class=\"block text-sm font-medium text-slate-700\" for=\"document-files\">\u0424\u0430\u0439\u043B\u0438</label>\n      <input\n        #uploadFileInput\n        id=\"document-files\"\n        type=\"file\"\n        class=\"block w-full rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm text-slate-900 outline-none transition file:mr-3 file:rounded-lg file:border-0 file:bg-slate-900 file:px-3 file:py-2 file:text-sm file:font-medium file:text-white focus:border-slate-400 focus:ring-2 focus:ring-slate-200\"\n        multiple\n        (change)=\"onFilesSelected($event)\"\n      />\n      @if (fileNames().length) {\n        <div class=\"rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600\">\n          @for (fileName of fileNames(); track fileName) {\n            <div class=\"truncate\">{{ fileName }}</div>\n          }\n        </div>\n      } @else {\n        <p class=\"text-xs text-slate-500\">\u041C\u043E\u0436\u043D\u0430 \u043E\u0431\u0440\u0430\u0442\u0438 \u043E\u0434\u0438\u043D \u0430\u0431\u043E \u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0444\u0430\u0439\u043B\u0456\u0432.</p>\n      }\n    </div>\n  </div>\n\n  <div slot=\"footer\" class=\"flex justify-end gap-2\">\n    <ui-button variant=\"ghost\" [disabled]=\"isUploading()\" (click)=\"close()\">\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438</ui-button>\n    <ui-button variant=\"primary\" [disabled]=\"isUploading()\" (click)=\"submitUpload()\">\n      {{ isUploading() ? '\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F...' : '\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438' }}\n    </ui-button>\n  </div>\n</core-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: UiModalComponent, selector: "core-modal", inputs: ["isOpen", "title", "size", "position", "closable", "closeOnBackdrop", "closeOnEscape"], outputs: ["closed"] }, { kind: "component", type: UiSelectComponent, selector: "forms-select", inputs: ["label", "placeholder", "name", "data", "required", "fullWidth", "disabled", "multiple", "includeBlankOption", "blankOptionLabel", "emptyStateLabel", "searchable", "remoteSearch", "searchPlaceholder", "options", "error", "hint", "triggerClass", "panelClass"], outputs: ["valueChange", "searchChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsUploadModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-documents-upload-modal', standalone: true, imports: [CommonModule, FormsModule, LucideAngularModule, UiButtonComponent, UiModalComponent, UiSelectComponent], template: "<core-modal\n  title=\"\u0414\u043E\u0434\u0430\u0442\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\"\n  [isOpen]=\"isOpen()\"\n  (closed)=\"close()\"\n>\n  <div class=\"space-y-4\">\n    <forms-select\n      [data]=\"'doc_type'\"\n      name=\"uploadDocumentTypeId\"\n      label=\"\u0422\u0438\u043F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\"\n      hint=\"\u041D\u0435\u043E\u0431\u043E\u0432'\u044F\u0437\u043A\u043E\u0432\u043E\"\n      [ngModel]=\"documentTypeId()\"\n      (ngModelChange)=\"onDocumentTypeChange($event)\"\n      placeholder=\"\u0422\u0438\u043F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\"\n      [fullWidth]=\"true\"\n      [searchable]=\"true\"\n    ></forms-select>\n\n    <div class=\"space-y-2\">\n      <label class=\"block text-sm font-medium text-slate-700\" for=\"document-files\">\u0424\u0430\u0439\u043B\u0438</label>\n      <input\n        #uploadFileInput\n        id=\"document-files\"\n        type=\"file\"\n        class=\"block w-full rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm text-slate-900 outline-none transition file:mr-3 file:rounded-lg file:border-0 file:bg-slate-900 file:px-3 file:py-2 file:text-sm file:font-medium file:text-white focus:border-slate-400 focus:ring-2 focus:ring-slate-200\"\n        multiple\n        (change)=\"onFilesSelected($event)\"\n      />\n      @if (fileNames().length) {\n        <div class=\"rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600\">\n          @for (fileName of fileNames(); track fileName) {\n            <div class=\"truncate\">{{ fileName }}</div>\n          }\n        </div>\n      } @else {\n        <p class=\"text-xs text-slate-500\">\u041C\u043E\u0436\u043D\u0430 \u043E\u0431\u0440\u0430\u0442\u0438 \u043E\u0434\u0438\u043D \u0430\u0431\u043E \u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0444\u0430\u0439\u043B\u0456\u0432.</p>\n      }\n    </div>\n  </div>\n\n  <div slot=\"footer\" class=\"flex justify-end gap-2\">\n    <ui-button variant=\"ghost\" [disabled]=\"isUploading()\" (click)=\"close()\">\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438</ui-button>\n    <ui-button variant=\"primary\" [disabled]=\"isUploading()\" (click)=\"submitUpload()\">\n      {{ isUploading() ? '\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F...' : '\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438' }}\n    </ui-button>\n  </div>\n</core-modal>\n" }]
+        }], propDecorators: { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], saved: [{ type: i0.Output, args: ["saved"] }], uploadFileInput: [{
+                type: ViewChild,
+                args: ['uploadFileInput']
+            }] } });
+
+class DocumentsTextModalComponent {
+    isOpen = input(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    document = input(null, ...(ngDevMode ? [{ debugName: "document" }] : /* istanbul ignore next */ []));
+    closed = output();
+    recognizeRequested = output();
+    close() {
+        this.closed.emit();
+    }
+    requestRecognize() {
+        this.recognizeRequested.emit();
+    }
+    isImage() {
+        return String(this.document()?.type || '').toLowerCase().startsWith('image/');
+    }
+    hasDocumentHtml() {
+        return !!String(this.document()?.text || '').trim();
+    }
+    getDocumentHtml() {
+        const text = String(this.document()?.text || '').trim();
+        if (!text) {
+            return '';
+        }
+        if (this.looksLikeHtml(text)) {
+            return text;
+        }
+        return this.escapeHtml(text).replace(/\r?\n/g, '<br>');
+    }
+    looksLikeHtml(value) {
+        return /<\/?[a-z][\s\S]*>/i.test(value);
+    }
+    escapeHtml(value) {
+        return value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsTextModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: DocumentsTextModalComponent, isStandalone: true, selector: "app-documents-text-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", recognizeRequested: "recognizeRequested" }, ngImport: i0, template: "<core-modal\n  title=\"\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u043D\u0456 \u0434\u0430\u043D\u0456\"\n  size=\"lg\"\n  [isOpen]=\"isOpen()\"\n  (closed)=\"close()\"\n>\n  <div class=\"space-y-3\">\n    @if (hasDocumentHtml()) {\n      <div\n        class=\"max-h-[32rem] overflow-auto rounded-xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-900\"\n        [innerHTML]=\"getDocumentHtml()\"\n      ></div>\n    } @else {\n      <div class=\"rounded-xl border border-dashed border-slate-200 bg-slate-50 px-4 py-6 text-sm text-slate-500\">\n        \u0414\u0430\u043D\u0456 \u0449\u0435 \u043D\u0435 \u0440\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u043D\u0456. \u041D\u0430\u0442\u0438\u0441\u043D\u0438 \u201C\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0442\u0438 \u0434\u0430\u043D\u0456\u201D.\n      </div>\n    }\n  </div>\n\n  <div slot=\"footer\" class=\"flex justify-end gap-2\">\n    @if (isImage()) {\n      <ui-button variant=\"secondary\" (click)=\"requestRecognize()\">\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0442\u0438 \u0449\u0435 \u0440\u0430\u0437</ui-button>\n    }\n    <ui-button variant=\"primary\" (click)=\"close()\">\u0417\u0430\u043A\u0440\u0438\u0442\u0438</ui-button>\n  </div>\n</core-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: UiModalComponent, selector: "core-modal", inputs: ["isOpen", "title", "size", "position", "closable", "closeOnBackdrop", "closeOnEscape"], outputs: ["closed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsTextModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-documents-text-modal', standalone: true, imports: [CommonModule, UiButtonComponent, UiModalComponent], template: "<core-modal\n  title=\"\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u043D\u0456 \u0434\u0430\u043D\u0456\"\n  size=\"lg\"\n  [isOpen]=\"isOpen()\"\n  (closed)=\"close()\"\n>\n  <div class=\"space-y-3\">\n    @if (hasDocumentHtml()) {\n      <div\n        class=\"max-h-[32rem] overflow-auto rounded-xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-900\"\n        [innerHTML]=\"getDocumentHtml()\"\n      ></div>\n    } @else {\n      <div class=\"rounded-xl border border-dashed border-slate-200 bg-slate-50 px-4 py-6 text-sm text-slate-500\">\n        \u0414\u0430\u043D\u0456 \u0449\u0435 \u043D\u0435 \u0440\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u043D\u0456. \u041D\u0430\u0442\u0438\u0441\u043D\u0438 \u201C\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0442\u0438 \u0434\u0430\u043D\u0456\u201D.\n      </div>\n    }\n  </div>\n\n  <div slot=\"footer\" class=\"flex justify-end gap-2\">\n    @if (isImage()) {\n      <ui-button variant=\"secondary\" (click)=\"requestRecognize()\">\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0442\u0438 \u0449\u0435 \u0440\u0430\u0437</ui-button>\n    }\n    <ui-button variant=\"primary\" (click)=\"close()\">\u0417\u0430\u043A\u0440\u0438\u0442\u0438</ui-button>\n  </div>\n</core-modal>\n" }]
+        }], propDecorators: { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], recognizeRequested: [{ type: i0.Output, args: ["recognizeRequested"] }] } });
+
+class DocumentsImagePreviewModalComponent {
+    isOpen = input(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    document = input(null, ...(ngDevMode ? [{ debugName: "document" }] : /* istanbul ignore next */ []));
+    closed = output();
+    close() {
+        this.closed.emit();
+    }
+    getPreviewUrl(url) {
+        const match = String(url || '').match(/^(.*\/api\/files\/[^/?#]+)(?:\?.*)?$/i);
+        return match ? `${match[1]}/preview?scale=25` : url;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsImagePreviewModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: DocumentsImagePreviewModalComponent, isStandalone: true, selector: "app-documents-image-preview-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<core-modal\n  [title]=\"document()?.name || '\u041F\u0435\u0440\u0435\u0433\u043B\u044F\u0434 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430'\"\n  size=\"lg\"\n  [isOpen]=\"isOpen()\"\n  (closed)=\"close()\"\n>\n  @if (document()) {\n    <div class=\"overflow-hidden rounded-2xl bg-slate-100\">\n      <img\n        [src]=\"getPreviewUrl(document()!.downloadUrl)\"\n        [alt]=\"document()!.name || '\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442'\"\n        decoding=\"async\"\n        class=\"max-h-[75vh] w-full object-contain\"\n      >\n    </div>\n  }\n\n  <div slot=\"footer\" class=\"flex justify-end gap-2\">\n    <ui-button variant=\"primary\" (click)=\"close()\">\u0417\u0430\u043A\u0440\u0438\u0442\u0438</ui-button>\n  </div>\n</core-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: UiModalComponent, selector: "core-modal", inputs: ["isOpen", "title", "size", "position", "closable", "closeOnBackdrop", "closeOnEscape"], outputs: ["closed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsImagePreviewModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-documents-image-preview-modal', standalone: true, imports: [CommonModule, UiButtonComponent, UiModalComponent], template: "<core-modal\n  [title]=\"document()?.name || '\u041F\u0435\u0440\u0435\u0433\u043B\u044F\u0434 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430'\"\n  size=\"lg\"\n  [isOpen]=\"isOpen()\"\n  (closed)=\"close()\"\n>\n  @if (document()) {\n    <div class=\"overflow-hidden rounded-2xl bg-slate-100\">\n      <img\n        [src]=\"getPreviewUrl(document()!.downloadUrl)\"\n        [alt]=\"document()!.name || '\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442'\"\n        decoding=\"async\"\n        class=\"max-h-[75vh] w-full object-contain\"\n      >\n    </div>\n  }\n\n  <div slot=\"footer\" class=\"flex justify-end gap-2\">\n    <ui-button variant=\"primary\" (click)=\"close()\">\u0417\u0430\u043A\u0440\u0438\u0442\u0438</ui-button>\n  </div>\n</core-modal>\n" }]
+        }], propDecorators: { isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+const DOCUMENT_TYPE_DICTIONARY = 'doc_type';
+const RECOGNITION_POLLING_TIMEOUT_MS = 5 * 60 * 1000;
+class DocumentsComponent {
+    entity = input('', ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+    id = input('', ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    documentTypeDictionary = DOCUMENT_TYPE_DICTIONARY;
+    documents = signal([], ...(ngDevMode ? [{ debugName: "documents" }] : /* istanbul ignore next */ []));
+    documentTypeOptions = signal([], ...(ngDevMode ? [{ debugName: "documentTypeOptions" }] : /* istanbul ignore next */ []));
+    isUploadOpen = signal(false, ...(ngDevMode ? [{ debugName: "isUploadOpen" }] : /* istanbul ignore next */ []));
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    recognizingDocumentId = signal(null, ...(ngDevMode ? [{ debugName: "recognizingDocumentId" }] : /* istanbul ignore next */ []));
+    isTextOpen = signal(false, ...(ngDevMode ? [{ debugName: "isTextOpen" }] : /* istanbul ignore next */ []));
+    isImagePreviewOpen = signal(false, ...(ngDevMode ? [{ debugName: "isImagePreviewOpen" }] : /* istanbul ignore next */ []));
+    textTarget = signal(null, ...(ngDevMode ? [{ debugName: "textTarget" }] : /* istanbul ignore next */ []));
+    imagePreviewTarget = signal(null, ...(ngDevMode ? [{ debugName: "imagePreviewTarget" }] : /* istanbul ignore next */ []));
+    deletingDocumentId = signal(null, ...(ngDevMode ? [{ debugName: "deletingDocumentId" }] : /* istanbul ignore next */ []));
+    eyeIcon = Eye;
+    fileIcon = FileText;
+    plusIcon = Plus;
+    sparkleIcon = Sparkles;
+    deleteIcon = Trash;
+    isAdmin = toSignal(inject(CardCurrentUserService).getCurrentUser().pipe(map((user) => String(user.role || '').trim().toUpperCase() === 'ADMIN')), { initialValue: false });
+    documentsService = inject(UiEntityDocumentsService);
+    dictionaryService = inject(CardDictionaryService);
+    toast = inject(UiToastService);
+    confirmService = inject(UiConfirmService);
+    destroyRef = inject(DestroyRef);
+    loadedDocumentTypeDictionary = '';
+    recognitionPolling;
+    reloadEffect = effect(() => {
+        this.entity();
+        this.id();
+        this.loadDocuments();
+    }, ...(ngDevMode ? [{ debugName: "reloadEffect" }] : /* istanbul ignore next */ []));
+    documentTypeDictionaryEffect = effect(() => {
+        const dictionaryName = this.documentTypeDictionary.trim();
+        if (!dictionaryName) {
+            this.loadedDocumentTypeDictionary = '';
+            this.documentTypeOptions.set([]);
+            return;
+        }
+        if (dictionaryName === this.loadedDocumentTypeDictionary) {
+            return;
+        }
+        this.loadedDocumentTypeDictionary = dictionaryName;
+        this.dictionaryService.getSuggestByName(dictionaryName).subscribe({
+            next: (items) => {
+                this.documentTypeOptions.set((items || [])
+                    .map((item) => ({
+                    value: String(item.key || ''),
+                    label: String(item.label || item.key || ''),
+                }))
+                    .filter((item) => !!item.value));
+            },
+            error: () => {
+                this.documentTypeOptions.set([]);
+            },
+        });
+    }, ...(ngDevMode ? [{ debugName: "documentTypeDictionaryEffect" }] : /* istanbul ignore next */ []));
+    openUploadModal() {
+        this.isUploadOpen.set(true);
+    }
+    closeUploadModal() {
+        this.isUploadOpen.set(false);
+    }
+    openTextModal(document) {
+        this.textTarget.set(document);
+        this.isTextOpen.set(true);
+    }
+    closeTextModal() {
+        this.isTextOpen.set(false);
+        this.textTarget.set(null);
+    }
+    openImagePreview(document) {
+        if (!this.isImage(document)) {
+            return;
+        }
+        this.imagePreviewTarget.set(document);
+        this.isImagePreviewOpen.set(true);
+    }
+    closeImagePreview() {
+        this.isImagePreviewOpen.set(false);
+        this.imagePreviewTarget.set(null);
+    }
+    recognizeText(document) {
+        if (!this.isImage(document)) {
+            return;
+        }
+        if (document.recognitionStatus === 'COMPLETED') {
+            return;
+        }
+        if (this.isDocumentRecognizing(document)) {
+            return;
+        }
+        this.recognizingDocumentId.set(document.id);
+        this.documentsService.recognize(document.id).subscribe({
+            next: (updated) => {
+                this.recognizingDocumentId.set(null);
+                this.upsertDocument(updated);
+                this.updateRecognitionPolling();
+                this.toast.show('Розпізнавання запущено', 'success', 2200);
+                if (this.textTarget()?.id === updated.id) {
+                    this.textTarget.set(updated);
+                }
+            },
+            error: (error) => {
+                this.recognizingDocumentId.set(null);
+                this.toast.show(error?.error?.message || 'Не вдалося розпізнати дані', 'error', 3200);
+            },
+        });
+    }
+    removeDocument(document) {
+        if (!this.isAdmin() || this.deletingDocumentId()) {
+            return;
+        }
+        this.confirmService.open({
+            title: 'Видалити документ',
+            text: `Видалити документ «${document.name || 'Без назви'}»? Дію не можна буде скасувати.`,
+            submit: 'Видалити',
+            danger: true,
+        }).subscribe((confirmed) => {
+            if (!confirmed)
+                return;
+            this.deletingDocumentId.set(document.id);
+            this.documentsService.remove(document.id).subscribe({
+                next: () => {
+                    this.documents.update((documents) => documents.filter((item) => item.id !== document.id));
+                    if (this.textTarget()?.id === document.id)
+                        this.closeTextModal();
+                    if (this.imagePreviewTarget()?.id === document.id)
+                        this.closeImagePreview();
+                    this.deletingDocumentId.set(null);
+                    this.updateRecognitionPolling();
+                    this.toast.show('Документ видалено', 'success', 2200);
+                },
+                error: (error) => {
+                    this.deletingDocumentId.set(null);
+                    this.toast.show(error?.error?.message || 'Не вдалося видалити документ', 'error', 3200);
+                },
+            });
+        });
+    }
+    isDocumentRecognizing(document) {
+        return !!document?.id && this.recognizingDocumentId() === document.id;
+    }
+    trackDocument(_, document) {
+        return document.id;
+    }
+    getImagePreviewUrl(document) {
+        const match = String(document.downloadUrl || '').match(/^(.*\/api\/files\/[^/?#]+)(?:\?.*)?$/i);
+        return match ? `${match[1]}/preview?scale=25` : document.downloadUrl;
+    }
+    upsertDocument(updated) {
+        this.documents.update((current) => {
+            const next = current.slice();
+            const index = next.findIndex((item) => item.id === updated.id);
+            if (index >= 0) {
+                next[index] = { ...next[index], ...updated };
+            }
+            return next;
+        });
+    }
+    loadDocuments() {
+        const entity = this.resolveEntity();
+        const id = this.resolveId();
+        if (!entity || !id) {
+            this.documents.set([]);
+            return;
+        }
+        this.isLoading.set(true);
+        this.documentsService.list(entity, id).subscribe({
+            next: (rows) => {
+                this.documents.set(rows || []);
+                this.isLoading.set(false);
+                this.updateRecognitionPolling();
+            },
+            error: () => {
+                this.documents.set([]);
+                this.isLoading.set(false);
+            },
+        });
+    }
+    formatSize(size) {
+        const normalizedSize = Number(size);
+        if (!Number.isFinite(normalizedSize))
+            return '-';
+        size = normalizedSize;
+        const bytes = Number(size || 0);
+        if (!Number.isFinite(bytes) || bytes <= 0)
+            return '0 B';
+        const units = ['B', 'KB', 'MB', 'GB'];
+        let value = bytes;
+        let index = 0;
+        while (value >= 1024 && index < units.length - 1) {
+            value /= 1024;
+            index += 1;
+        }
+        return `${value >= 10 || index === 0 ? Math.round(value) : value.toFixed(1)} ${units[index]}`;
+    }
+    resolveEntity() {
+        return String(this.entity() || '').trim();
+    }
+    resolveId() {
+        return String(this.id() || '').trim();
+    }
+    isImage(document) {
+        return String(document.type || '').startsWith('image/');
+    }
+    isPdf(document) {
+        const type = String(document.type || '').toLowerCase();
+        const name = String(document.name || '').toLowerCase();
+        return type === 'application/pdf' || name.endsWith('.pdf');
+    }
+    getFileBadge(document) {
+        if (this.isPdf(document))
+            return 'PDF';
+        if (this.isImage(document))
+            return 'IMG';
+        const name = String(document.name || '').trim();
+        if (name.includes('.')) {
+            return name.split('.').pop().slice(0, 5).toUpperCase();
+        }
+        return 'FILE';
+    }
+    getDocumentTypeLabel(document) {
+        const label = String(document.documentTypeLabel || '').trim();
+        if (label)
+            return label;
+        const documentTypeId = String(document.documentTypeId || '').trim();
+        if (!documentTypeId)
+            return '';
+        return this.documentTypeOptions().find((option) => option.value === documentTypeId)?.label ?? documentTypeId;
+    }
+    reloadDocuments() {
+        this.loadDocuments();
+    }
+    isRecognitionPending(document) {
+        return this.isImage(document) && (document.recognitionStatus === 'PENDING' || document.recognitionStatus === 'PROCESSING');
+    }
+    isRecognitionCompleted(document) {
+        return this.isImage(document) && document.recognitionStatus === 'COMPLETED';
+    }
+    getRecognitionStatusLabel(document) {
+        if (document.recognitionStatus === 'FAILED')
+            return 'Не вдалося розпізнати';
+        if (this.isRecognitionPending(document)) {
+            return document.recognitionStatus === 'PROCESSING' ? 'Розпізнається у фоні' : 'Очікує розпізнавання';
+        }
+        return document.recognitionStatus === 'COMPLETED' ? 'Розпізнано' : '';
+    }
+    updateRecognitionPolling() {
+        if (!this.documents().some((document) => this.isRecognitionPending(document))) {
+            this.recognitionPolling?.unsubscribe();
+            this.recognitionPolling = undefined;
+            return;
+        }
+        if (this.recognitionPolling)
+            return;
+        this.recognitionPolling = timer(2500, 4000)
+            .pipe(exhaustMap(() => {
+            const pendingDocuments = this.documents().filter((document) => this.isRecognitionPending(document));
+            if (!pendingDocuments.length)
+                return of([]);
+            return forkJoin(pendingDocuments.map((document) => this.documentsService.recognitionStatus(document.id).pipe(catchError(() => of(null))))).pipe(map((statuses) => statuses.filter((status) => !!status)));
+        }), map((statuses) => {
+            statuses.forEach((status) => this.upsertDocument(status));
+            return statuses;
+        }), takeWhile(() => this.documents().some((document) => this.isRecognitionPending(document)), true), takeUntilDestroyed(this.destroyRef), takeUntil(timer(RECOGNITION_POLLING_TIMEOUT_MS)), finalize(() => {
+            this.recognitionPolling = undefined;
+        }))
+            .subscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: DocumentsComponent, isStandalone: true, selector: "app-documents", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"space-y-4\">\n  <div>\n    @if (isLoading()) {\n      <div class=\"rounded-2xl border border-dashed border-slate-200 bg-slate-50 px-4 py-8 text-center text-sm text-slate-500\">\n        \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456\u0432...\n      </div>\n    } @else if (documents().length === 0) {\n      <div class=\"rounded-2xl border border-dashed border-slate-200 bg-slate-50 px-4 py-8 text-center text-sm text-slate-500\">\n        \u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0438 \u0432\u0456\u0434\u0441\u0443\u0442\u043D\u0456\n      </div>\n    } @else {\n      <div class=\"grid gap-3\">\n        @for (document of documents(); track trackDocument($index, document)) {\n          <article class=\"flex flex-col gap-4 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm sm:flex-row sm:items-center sm:justify-between\">\n            @if (isImage(document)) {\n              <button\n                type=\"button\"\n                class=\"block shrink-0 overflow-hidden rounded-2xl border border-slate-200 bg-slate-50 transition hover:border-slate-300 hover:bg-slate-100 h-28 w-40\"\n                (click)=\"openImagePreview(document)\"\n              >\n                <img [src]=\"getImagePreviewUrl(document)\" [alt]=\"document.name || '\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442'\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-cover\">\n              </button>\n            } @else {\n              <a\n                class=\"block shrink-0 overflow-hidden rounded-2xl border border-slate-200 bg-slate-50 transition hover:border-slate-300 hover:bg-slate-100\"\n                [href]=\"document.downloadUrl\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                [class.h-28]=\"isPdf(document)\"\n                [class.w-40]=\"isPdf(document)\"\n                [class.h-20]=\"!isPdf(document)\"\n                [class.w-24]=\"!isPdf(document)\"\n              >\n                @if (isPdf(document)) {\n                  <div class=\"flex h-full w-full flex-col items-center justify-center gap-2 px-3 py-4 text-slate-700\">\n                    <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-white text-slate-900 shadow-sm\">\n                      <lucide-icon [img]=\"fileIcon\"></lucide-icon>\n                    </div>\n                    <span class=\"text-xs font-semibold uppercase tracking-[0.18em] text-slate-600\">PDF</span>\n                  </div>\n                } @else {\n                  <div class=\"flex h-full w-full flex-col items-center justify-center gap-2 px-3 py-4 text-slate-700\">\n                    <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-white text-slate-900 shadow-sm\">\n                      <lucide-icon [img]=\"fileIcon\"></lucide-icon>\n                    </div>\n                    <span class=\"text-[10px] font-semibold uppercase tracking-[0.18em] text-slate-500\">\n                      {{ getFileBadge(document) }}\n                    </span>\n                  </div>\n                }\n              </a>\n            }\n\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"flex flex-col gap-2 lg:flex-row lg:items-start lg:justify-between\">\n                <div class=\"min-w-0\">\n                  <div class=\"flex flex-wrap items-center gap-2\">\n                    <h4 class=\"truncate text-sm font-semibold text-slate-900\">\n                      {{ document.name || '\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0438' }}\n                    </h4>\n                    @if (getDocumentTypeLabel(document)) {\n                      <span class=\"inline-flex shrink-0 items-center rounded-full border border-sky-200 bg-sky-50 px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-sky-700\">\n                        {{ getDocumentTypeLabel(document) }}\n                      </span>\n                    }\n                  </div>\n                  <p class=\"mt-1 text-xs text-slate-500\">\n                    {{ formatSize(document.size) }} \u00B7 {{ document.type }}\n                  </p>\n                </div>\n\n                <div class=\"flex flex-wrap items-center gap-2\">\n                  <ui-button variant=\"ghost\" size=\"sm\" (click)=\"openTextModal(document)\">\n                    <lucide-icon [img]=\"eyeIcon\"></lucide-icon>\n                    \u041F\u0435\u0440\u0435\u0433\u043B\u044F\u0434\n                  </ui-button>\n                  @if (isImage(document)) {\n                    <ui-button variant=\"ghost\" size=\"sm\" [disabled]=\"isDocumentRecognizing(document) || isRecognitionPending(document) || isRecognitionCompleted(document)\" (click)=\"recognizeText(document)\">\n                      <lucide-icon [img]=\"sparkleIcon\"></lucide-icon>\n                      {{ isDocumentRecognizing(document) ? '\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0432\u0430\u043D\u043D\u044F...' : '\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0442\u0438 \u0434\u0430\u043D\u0456' }}\n                    </ui-button>\n                  }\n                  @if (isAdmin()) {\n                    <ui-button variant=\"ghost\" size=\"sm\" [disabled]=\"deletingDocumentId() === document.id\" (click)=\"removeDocument(document)\">\n                      <lucide-icon [img]=\"deleteIcon\"></lucide-icon>\n                      {{ deletingDocumentId() === document.id ? '\u0412\u0438\u0434\u0430\u043B\u0435\u043D\u043D\u044F...' : '\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438' }}\n                    </ui-button>\n                  }\n                </div>\n              </div>\n\n              <div class=\"mt-3 flex flex-wrap items-center justify-between gap-2\">\n                <a\n                  class=\"inline-flex items-center rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-700 transition hover:border-slate-300 hover:bg-slate-50\"\n                  [href]=\"document.downloadUrl\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438\n                </a>\n                @if (isImage(document) && getRecognitionStatusLabel(document)) {\n                  <span\n                    class=\"inline-flex items-center rounded-full border px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.12em]\"\n                    [class.border-amber-200]=\"isRecognitionPending(document)\"\n                    [class.bg-amber-50]=\"isRecognitionPending(document)\"\n                    [class.text-amber-700]=\"isRecognitionPending(document)\"\n                    [class.border-rose-200]=\"document.recognitionStatus === 'FAILED'\"\n                    [class.bg-rose-50]=\"document.recognitionStatus === 'FAILED'\"\n                    [class.text-rose-700]=\"document.recognitionStatus === 'FAILED'\"\n                    [class.border-emerald-200]=\"document.recognitionStatus === 'COMPLETED'\"\n                    [class.bg-emerald-50]=\"document.recognitionStatus === 'COMPLETED'\"\n                    [class.text-emerald-700]=\"document.recognitionStatus === 'COMPLETED'\"\n                  >\n                    {{ getRecognitionStatusLabel(document) }}\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"flex flex-col gap-3 rounded-2xl border border-dashed border-slate-200 bg-slate-50 px-4 py-4\">\n    <div>\n      <h4 class=\"text-sm font-semibold text-slate-900\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456\u0432 \u0443 \u0444\u0430\u0439\u043B\u043E\u0432\u0435 \u0441\u0445\u043E\u0432\u0438\u0449\u0435</h4>\n      <p class=\"mt-1 text-xs text-slate-500\">\u0414\u043E\u0434\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u0456 \u0444\u0430\u0439\u043B\u0438 \u0434\u043E \u043A\u0430\u0440\u0442\u043A\u0438 \u0431\u0435\u0437\u043F\u043E\u0441\u0435\u0440\u0435\u0434\u043D\u044C\u043E \u0442\u0443\u0442.</p>\n    </div>\n\n    <div class=\"flex w-full flex-col gap-2 sm:w-auto\">\n      <ui-button variant=\"secondary\" size=\"sm\" (click)=\"openUploadModal()\">\n        <lucide-icon [img]=\"plusIcon\"></lucide-icon>\n        \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\n      </ui-button>\n    </div>\n  </div>\n</div>\n\n<app-documents-text-modal\n  [isOpen]=\"isTextOpen()\"\n  [document]=\"textTarget()\"\n  (closed)=\"closeTextModal()\"\n  (recognizeRequested)=\"textTarget() && recognizeText(textTarget()!)\"\n></app-documents-text-modal>\n\n<app-documents-upload-modal\n  [isOpen]=\"isUploadOpen()\"\n  [entity]=\"entity()\"\n  [id]=\"id()\"\n  (closed)=\"closeUploadModal()\"\n  (saved)=\"reloadDocuments()\"\n></app-documents-upload-modal>\n\n<app-documents-image-preview-modal\n  [isOpen]=\"isImagePreviewOpen()\"\n  [document]=\"imagePreviewTarget()\"\n  (closed)=\"closeImagePreview()\"\n></app-documents-image-preview-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1$2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: DocumentsUploadModalComponent, selector: "app-documents-upload-modal", inputs: ["isOpen", "entity", "id"], outputs: ["closed", "saved"] }, { kind: "component", type: DocumentsTextModalComponent, selector: "app-documents-text-modal", inputs: ["isOpen", "document"], outputs: ["closed", "recognizeRequested"] }, { kind: "component", type: DocumentsImagePreviewModalComponent, selector: "app-documents-image-preview-modal", inputs: ["isOpen", "document"], outputs: ["closed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DocumentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-documents', standalone: true, imports: [
+                        CommonModule,
+                        LucideAngularModule,
+                        UiButtonComponent,
+                        DocumentsUploadModalComponent,
+                        DocumentsTextModalComponent,
+                        DocumentsImagePreviewModalComponent,
+                    ], template: "<div class=\"space-y-4\">\n  <div>\n    @if (isLoading()) {\n      <div class=\"rounded-2xl border border-dashed border-slate-200 bg-slate-50 px-4 py-8 text-center text-sm text-slate-500\">\n        \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456\u0432...\n      </div>\n    } @else if (documents().length === 0) {\n      <div class=\"rounded-2xl border border-dashed border-slate-200 bg-slate-50 px-4 py-8 text-center text-sm text-slate-500\">\n        \u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0438 \u0432\u0456\u0434\u0441\u0443\u0442\u043D\u0456\n      </div>\n    } @else {\n      <div class=\"grid gap-3\">\n        @for (document of documents(); track trackDocument($index, document)) {\n          <article class=\"flex flex-col gap-4 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm sm:flex-row sm:items-center sm:justify-between\">\n            @if (isImage(document)) {\n              <button\n                type=\"button\"\n                class=\"block shrink-0 overflow-hidden rounded-2xl border border-slate-200 bg-slate-50 transition hover:border-slate-300 hover:bg-slate-100 h-28 w-40\"\n                (click)=\"openImagePreview(document)\"\n              >\n                <img [src]=\"getImagePreviewUrl(document)\" [alt]=\"document.name || '\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442'\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-cover\">\n              </button>\n            } @else {\n              <a\n                class=\"block shrink-0 overflow-hidden rounded-2xl border border-slate-200 bg-slate-50 transition hover:border-slate-300 hover:bg-slate-100\"\n                [href]=\"document.downloadUrl\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                [class.h-28]=\"isPdf(document)\"\n                [class.w-40]=\"isPdf(document)\"\n                [class.h-20]=\"!isPdf(document)\"\n                [class.w-24]=\"!isPdf(document)\"\n              >\n                @if (isPdf(document)) {\n                  <div class=\"flex h-full w-full flex-col items-center justify-center gap-2 px-3 py-4 text-slate-700\">\n                    <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-white text-slate-900 shadow-sm\">\n                      <lucide-icon [img]=\"fileIcon\"></lucide-icon>\n                    </div>\n                    <span class=\"text-xs font-semibold uppercase tracking-[0.18em] text-slate-600\">PDF</span>\n                  </div>\n                } @else {\n                  <div class=\"flex h-full w-full flex-col items-center justify-center gap-2 px-3 py-4 text-slate-700\">\n                    <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-white text-slate-900 shadow-sm\">\n                      <lucide-icon [img]=\"fileIcon\"></lucide-icon>\n                    </div>\n                    <span class=\"text-[10px] font-semibold uppercase tracking-[0.18em] text-slate-500\">\n                      {{ getFileBadge(document) }}\n                    </span>\n                  </div>\n                }\n              </a>\n            }\n\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"flex flex-col gap-2 lg:flex-row lg:items-start lg:justify-between\">\n                <div class=\"min-w-0\">\n                  <div class=\"flex flex-wrap items-center gap-2\">\n                    <h4 class=\"truncate text-sm font-semibold text-slate-900\">\n                      {{ document.name || '\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0438' }}\n                    </h4>\n                    @if (getDocumentTypeLabel(document)) {\n                      <span class=\"inline-flex shrink-0 items-center rounded-full border border-sky-200 bg-sky-50 px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.18em] text-sky-700\">\n                        {{ getDocumentTypeLabel(document) }}\n                      </span>\n                    }\n                  </div>\n                  <p class=\"mt-1 text-xs text-slate-500\">\n                    {{ formatSize(document.size) }} \u00B7 {{ document.type }}\n                  </p>\n                </div>\n\n                <div class=\"flex flex-wrap items-center gap-2\">\n                  <ui-button variant=\"ghost\" size=\"sm\" (click)=\"openTextModal(document)\">\n                    <lucide-icon [img]=\"eyeIcon\"></lucide-icon>\n                    \u041F\u0435\u0440\u0435\u0433\u043B\u044F\u0434\n                  </ui-button>\n                  @if (isImage(document)) {\n                    <ui-button variant=\"ghost\" size=\"sm\" [disabled]=\"isDocumentRecognizing(document) || isRecognitionPending(document) || isRecognitionCompleted(document)\" (click)=\"recognizeText(document)\">\n                      <lucide-icon [img]=\"sparkleIcon\"></lucide-icon>\n                      {{ isDocumentRecognizing(document) ? '\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0432\u0430\u043D\u043D\u044F...' : '\u0420\u043E\u0437\u043F\u0456\u0437\u043D\u0430\u0442\u0438 \u0434\u0430\u043D\u0456' }}\n                    </ui-button>\n                  }\n                  @if (isAdmin()) {\n                    <ui-button variant=\"ghost\" size=\"sm\" [disabled]=\"deletingDocumentId() === document.id\" (click)=\"removeDocument(document)\">\n                      <lucide-icon [img]=\"deleteIcon\"></lucide-icon>\n                      {{ deletingDocumentId() === document.id ? '\u0412\u0438\u0434\u0430\u043B\u0435\u043D\u043D\u044F...' : '\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438' }}\n                    </ui-button>\n                  }\n                </div>\n              </div>\n\n              <div class=\"mt-3 flex flex-wrap items-center justify-between gap-2\">\n                <a\n                  class=\"inline-flex items-center rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-700 transition hover:border-slate-300 hover:bg-slate-50\"\n                  [href]=\"document.downloadUrl\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438\n                </a>\n                @if (isImage(document) && getRecognitionStatusLabel(document)) {\n                  <span\n                    class=\"inline-flex items-center rounded-full border px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.12em]\"\n                    [class.border-amber-200]=\"isRecognitionPending(document)\"\n                    [class.bg-amber-50]=\"isRecognitionPending(document)\"\n                    [class.text-amber-700]=\"isRecognitionPending(document)\"\n                    [class.border-rose-200]=\"document.recognitionStatus === 'FAILED'\"\n                    [class.bg-rose-50]=\"document.recognitionStatus === 'FAILED'\"\n                    [class.text-rose-700]=\"document.recognitionStatus === 'FAILED'\"\n                    [class.border-emerald-200]=\"document.recognitionStatus === 'COMPLETED'\"\n                    [class.bg-emerald-50]=\"document.recognitionStatus === 'COMPLETED'\"\n                    [class.text-emerald-700]=\"document.recognitionStatus === 'COMPLETED'\"\n                  >\n                    {{ getRecognitionStatusLabel(document) }}\n                  </span>\n                }\n              </div>\n            </div>\n          </article>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"flex flex-col gap-3 rounded-2xl border border-dashed border-slate-200 bg-slate-50 px-4 py-4\">\n    <div>\n      <h4 class=\"text-sm font-semibold text-slate-900\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456\u0432 \u0443 \u0444\u0430\u0439\u043B\u043E\u0432\u0435 \u0441\u0445\u043E\u0432\u0438\u0449\u0435</h4>\n      <p class=\"mt-1 text-xs text-slate-500\">\u0414\u043E\u0434\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u0456 \u0444\u0430\u0439\u043B\u0438 \u0434\u043E \u043A\u0430\u0440\u0442\u043A\u0438 \u0431\u0435\u0437\u043F\u043E\u0441\u0435\u0440\u0435\u0434\u043D\u044C\u043E \u0442\u0443\u0442.</p>\n    </div>\n\n    <div class=\"flex w-full flex-col gap-2 sm:w-auto\">\n      <ui-button variant=\"secondary\" size=\"sm\" (click)=\"openUploadModal()\">\n        <lucide-icon [img]=\"plusIcon\"></lucide-icon>\n        \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\n      </ui-button>\n    </div>\n  </div>\n</div>\n\n<app-documents-text-modal\n  [isOpen]=\"isTextOpen()\"\n  [document]=\"textTarget()\"\n  (closed)=\"closeTextModal()\"\n  (recognizeRequested)=\"textTarget() && recognizeText(textTarget()!)\"\n></app-documents-text-modal>\n\n<app-documents-upload-modal\n  [isOpen]=\"isUploadOpen()\"\n  [entity]=\"entity()\"\n  [id]=\"id()\"\n  (closed)=\"closeUploadModal()\"\n  (saved)=\"reloadDocuments()\"\n></app-documents-upload-modal>\n\n<app-documents-image-preview-modal\n  [isOpen]=\"isImagePreviewOpen()\"\n  [document]=\"imagePreviewTarget()\"\n  (closed)=\"closeImagePreview()\"\n></app-documents-image-preview-modal>\n" }]
+        }], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+class HistoryTabComponent {
+    entity = input('', ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+    primaryEntity = input('', ...(ngDevMode ? [{ debugName: "primaryEntity" }] : /* istanbul ignore next */ []));
+    id = input('', ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    entityLabels = input({}, ...(ngDevMode ? [{ debugName: "entityLabels" }] : /* istanbul ignore next */ []));
+    operations = signal([], ...(ngDevMode ? [{ debugName: "operations" }] : /* istanbul ignore next */ []));
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    hasError = signal(false, ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    expandedOperationIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedOperationIds" }] : /* istanbul ignore next */ []));
+    viewerUrls = signal([], ...(ngDevMode ? [{ debugName: "viewerUrls" }] : /* istanbul ignore next */ []));
+    isViewerOpen = signal(false, ...(ngDevMode ? [{ debugName: "isViewerOpen" }] : /* istanbul ignore next */ []));
+    http = inject(HttpClient);
+    imageService = inject(CardImageService);
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    eventBus = inject(EventBus);
+    destroyRef = inject(DestroyRef);
+    refreshSequence = signal(0, ...(ngDevMode ? [{ debugName: "refreshSequence" }] : /* istanbul ignore next */ []));
+    lastRequestKey = '';
+    constructor() {
+        this.eventBus.on(ENTITY_UPDATED)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
+            if (event.entity && event.entity !== this.entity())
+                return;
+            if (event.recordId && event.recordId !== this.id())
+                return;
+            this.refreshSequence.update((value) => value + 1);
+        });
+        // Document events contain the useful information in the related entity
+        // change. Keep those details visible without requiring an extra click.
+        effect(() => {
+            const documentOperationIds = new Set(this.operations()
+                .filter((operation) => operation.actionCode.startsWith('documents.'))
+                .map((operation) => operation.id));
+            if (!documentOperationIds.size)
+                return;
+            const next = new Set(untracked(() => this.expandedOperationIds()));
+            documentOperationIds.forEach((id) => next.add(id));
+            this.expandedOperationIds.set(next);
+        });
+    }
+    loadEffect = effect(() => {
+        const entity = this.entity().trim();
+        const id = this.id().trim();
+        const refreshSequence = this.refreshSequence();
+        const requestKey = `${entity}:${id}:${refreshSequence}`;
+        if (requestKey === this.lastRequestKey)
+            return;
+        this.lastRequestKey = requestKey;
+        if (!entity || !id) {
+            this.operations.set([]);
+            return;
+        }
+        this.isLoading.set(true);
+        this.hasError.set(false);
+        const cacheBuster = Date.now();
+        this.http
+            .get(cardApiResourceUrl(this.baseUrl, `/api/crud/${encodeURIComponent(entity)}/${encodeURIComponent(id)}/history?_ts=${cacheBuster}`), {
+            headers: new HttpHeaders({
+                'Cache-Control': 'no-cache, no-store, max-age=0',
+                Pragma: 'no-cache',
+            }),
+        })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (operations) => {
+                this.operations.set(operations || []);
+                this.isLoading.set(false);
+            },
+            error: () => {
+                this.operations.set([]);
+                this.hasError.set(true);
+                this.isLoading.set(false);
+            },
+        });
+    }, ...(ngDevMode ? [{ debugName: "loadEffect" }] : /* istanbul ignore next */ []));
+    toggleOperation(id) {
+        const next = new Set(this.expandedOperationIds());
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        this.expandedOperationIds.set(next);
+    }
+    isExpanded(id) {
+        return this.expandedOperationIds().has(id);
+    }
+    getEntityLabel(entityType) {
+        const labels = {
+            entity_files: 'Документ',
+            files: 'Файл',
+        };
+        return this.entityLabels()[entityType] || labels[entityType] || entityType;
+    }
+    getActionLabel(action) {
+        const labels = {
+            created: 'Створено',
+            updated: 'Змінено',
+            deleted: 'Видалено',
+        };
+        return labels[action] || action;
+    }
+    isImageField(field) {
+        return field.type === 'image';
+    }
+    isHtmlField(field) {
+        return field.type === 'html';
+    }
+    isFileField(field) {
+        return field.type === 'file';
+    }
+    getImageUrls(value) {
+        const values = Array.isArray(value) ? value : [value];
+        return values
+            .map((item) => String(item ?? '').trim())
+            .filter(Boolean)
+            .map((id) => this.imageService.getPhotoLink(id) || '')
+            .filter(Boolean);
+    }
+    openImageViewer(urls) {
+        if (!urls.length)
+            return;
+        this.viewerUrls.set(urls);
+        this.isViewerOpen.set(true);
+    }
+    closeImageViewer() {
+        this.isViewerOpen.set(false);
+    }
+    getAffectedSummary(operation) {
+        const counts = new Map();
+        for (const change of this.getRelatedChanges(operation)) {
+            counts.set(change.entityType, (counts.get(change.entityType) || 0) + 1);
+        }
+        return [...counts.entries()]
+            .map(([type, count]) => `${this.getEntityLabel(type)}: ${count}`)
+            .join(' · ');
+    }
+    getPrimaryChanges(operation) {
+        const primaryTypes = new Set([this.entity(), this.primaryEntity()].filter(Boolean));
+        return (operation.changes || []).filter((change) => primaryTypes.has(change.entityType));
+    }
+    getRelatedChanges(operation) {
+        const primaryChanges = this.getPrimaryChanges(operation);
+        const primaryTypes = new Set([this.entity(), this.primaryEntity()].filter(Boolean));
+        return primaryChanges.length
+            ? (operation.changes || []).filter((change) => !primaryTypes.has(change.entityType))
+            : operation.changes || [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HistoryTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: HistoryTabComponent, isStandalone: true, selector: "app-history-tab", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, primaryEntity: { classPropertyName: "primaryEntity", publicName: "primaryEntity", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, entityLabels: { classPropertyName: "entityLabels", publicName: "entityLabels", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"space-y-4\">\n  @if (isLoading()) {\n    <div class=\"rounded-2xl border border-slate-200 bg-white p-6 text-sm text-slate-500\">\n      \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0456\u0441\u0442\u043E\u0440\u0456\u0457\u2026\n    </div>\n  } @else if (hasError()) {\n    <div class=\"rounded-2xl border border-red-200 bg-red-50 p-6 text-sm text-red-700\">\n      \u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0456\u0441\u0442\u043E\u0440\u0456\u044E \u0437\u043C\u0456\u043D.\n    </div>\n  } @else if (!operations().length) {\n    <div class=\"rounded-2xl border border-slate-200 bg-white p-6 text-sm text-slate-500\">\n      \u0406\u0441\u0442\u043E\u0440\u0456\u044F \u0437\u043C\u0456\u043D \u043F\u043E\u043A\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044F.\n    </div>\n  } @else {\n    <div class=\"space-y-3\">\n      @for (operation of operations(); track operation.id) {\n        <article class=\"rounded-2xl border border-slate-200 bg-white p-5 shadow-sm\">\n          <div class=\"flex flex-wrap items-start justify-between gap-3\">\n            <div>\n              <h3 class=\"text-sm font-semibold text-slate-900\">{{ operation.description }}</h3>\n              @if (operation.actorName) {\n                <p class=\"mt-1 text-sm text-slate-500\">{{ operation.actorName }}</p>\n              }\n            </div>\n            <time class=\"text-xs text-slate-400\" [dateTime]=\"operation.createdAt\">\n              {{ operation.createdAt | date: 'dd.MM.yyyy HH:mm' }}\n            </time>\n          </div>\n\n          @if (getPrimaryChanges(operation).length) {\n            <div class=\"mt-4 space-y-2 border-t border-slate-100 pt-4\">\n              @for (change of getPrimaryChanges(operation); track change.entityId + change.entityType) {\n                @for (field of (change.changedFields | keyvalue); track field.key) {\n                  <div class=\"flex flex-wrap items-center gap-2 text-sm\">\n                    <span class=\"font-medium text-slate-700\">{{ field.value.label }}</span>\n                    @if (isImageField(field.value)) {\n                      @if (getImageUrls(field.value.from.value).length) {\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                          @for (url of getImageUrls(field.value.from.value); track url; let imageIndex = $index) {\n                            <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-slate-100\" (click)=\"openImageViewer(getImageUrls(field.value.from.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0441\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                              <img [src]=\"url\" [alt]=\"'\u0421\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isFileField(field.value)) {\n                      @if (field.value.from.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [href]=\"field.value.from.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                      } @else {\n                        <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isHtmlField(field.value)) {\n                      @if (field.value.from.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                        <div class=\"prose prose-sm max-w-none text-slate-500\" [innerHTML]=\"field.value.from.display\"></div>\n                      } @else {\n                        <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else {\n                      <span class=\"font-medium text-slate-900\">{{ field.value.from.display }}</span>\n                    }\n                    <span class=\"text-slate-400\">\u2192</span>\n                    @if (isImageField(field.value)) {\n                      @if (getImageUrls(field.value.to.value).length) {\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                          @for (url of getImageUrls(field.value.to.value); track url; let imageIndex = $index) {\n                            <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-slate-100\" (click)=\"openImageViewer(getImageUrls(field.value.to.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u043D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                              <img [src]=\"url\" [alt]=\"'\u041D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isFileField(field.value)) {\n                      @if (field.value.to.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [href]=\"field.value.to.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isHtmlField(field.value)) {\n                      @if (field.value.to.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                        <div class=\"prose prose-sm max-w-none text-slate-900\" [innerHTML]=\"field.value.to.display\"></div>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else {\n                      <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                    }\n                  </div>\n                }\n              }\n            </div>\n          }\n\n          @if (getRelatedChanges(operation).length) {\n            <div class=\"mt-4 border-t border-slate-100 pt-4\">\n              <button\n                type=\"button\"\n                class=\"flex w-full items-center justify-between gap-3 text-left text-sm text-slate-600\"\n                [attr.aria-expanded]=\"isExpanded(operation.id)\"\n                (click)=\"toggleOperation(operation.id)\"\n              >\n                <span>\n                  \u0414\u0435\u0442\u0430\u043B\u0456 \u0437\u043C\u0456\u043D:\n                  <span class=\"font-medium text-slate-900\">{{ getAffectedSummary(operation) }}</span>\n                </span>\n                <span class=\"text-lg leading-none text-slate-400\">{{ isExpanded(operation.id) ? '\u2212' : '+' }}</span>\n              </button>\n\n              @if (isExpanded(operation.id)) {\n                <div class=\"mt-4 space-y-4\">\n                  @for (change of getRelatedChanges(operation); track change.entityId + change.entityType) {\n                    <div class=\"rounded-xl bg-slate-50 p-3\">\n                      <p class=\"mb-2 text-xs font-semibold uppercase tracking-[0.16em] text-slate-500\">\n                        {{ getEntityLabel(change.entityType) }} \u00B7 {{ getActionLabel(change.action) }}\n                      </p>\n                      @for (field of (change.changedFields | keyvalue); track field.key) {\n                        <div class=\"flex flex-wrap items-center gap-2 text-sm\">\n                          <span class=\"font-medium text-slate-700\">{{ field.value.label }}</span>\n                          @if (isImageField(field.value)) {\n                            @if (getImageUrls(field.value.from.value).length) {\n                              <div class=\"flex flex-wrap items-center gap-2\">\n                                @for (url of getImageUrls(field.value.from.value); track url; let imageIndex = $index) {\n                                  <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-white\" (click)=\"openImageViewer(getImageUrls(field.value.from.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0441\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                                    <img [src]=\"url\" [alt]=\"'\u0421\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                                  </button>\n                                }\n                              </div>\n                            } @else {\n                              <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isFileField(field.value)) {\n                            @if (field.value.from.url) {\n                              <a class=\"text-sky-700 underline\" [href]=\"field.value.from.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                            } @else {\n                              <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isHtmlField(field.value)) {\n                            @if (field.value.from.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                              <div class=\"prose prose-sm max-w-none text-slate-500\" [innerHTML]=\"field.value.from.display\"></div>\n                            } @else {\n                              <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else {\n                            <span class=\"text-slate-400\">{{ field.value.from.display }}</span>\n                          }\n                          <span class=\"text-slate-400\">\u2192</span>\n                          @if (isImageField(field.value)) {\n                            @if (getImageUrls(field.value.to.value).length) {\n                              <div class=\"flex flex-wrap items-center gap-2\">\n                                @for (url of getImageUrls(field.value.to.value); track url; let imageIndex = $index) {\n                                  <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-white\" (click)=\"openImageViewer(getImageUrls(field.value.to.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u043D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                                    <img [src]=\"url\" [alt]=\"'\u041D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                                  </button>\n                                }\n                              </div>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isFileField(field.value)) {\n                            @if (field.value.to.url) {\n                              <a class=\"font-medium text-sky-700 underline\" [href]=\"field.value.to.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isHtmlField(field.value)) {\n                            @if (field.value.to.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                              <div class=\"prose prose-sm max-w-none text-slate-900\" [innerHTML]=\"field.value.to.display\"></div>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else {\n                            <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </article>\n      }\n    </div>\n  }\n</section>\n\n@if (isViewerOpen()) {\n  <app-images-viewer [urls]=\"viewerUrls()\" (closed)=\"closeImageViewer()\" />\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ImagesViewerComponent, selector: "app-images-viewer", inputs: ["urls", "initialIndex"], outputs: ["closed"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HistoryTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-history-tab', standalone: true, imports: [CommonModule, ImagesViewerComponent], template: "<section class=\"space-y-4\">\n  @if (isLoading()) {\n    <div class=\"rounded-2xl border border-slate-200 bg-white p-6 text-sm text-slate-500\">\n      \u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F \u0456\u0441\u0442\u043E\u0440\u0456\u0457\u2026\n    </div>\n  } @else if (hasError()) {\n    <div class=\"rounded-2xl border border-red-200 bg-red-50 p-6 text-sm text-red-700\">\n      \u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0456\u0441\u0442\u043E\u0440\u0456\u044E \u0437\u043C\u0456\u043D.\n    </div>\n  } @else if (!operations().length) {\n    <div class=\"rounded-2xl border border-slate-200 bg-white p-6 text-sm text-slate-500\">\n      \u0406\u0441\u0442\u043E\u0440\u0456\u044F \u0437\u043C\u0456\u043D \u043F\u043E\u043A\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044F.\n    </div>\n  } @else {\n    <div class=\"space-y-3\">\n      @for (operation of operations(); track operation.id) {\n        <article class=\"rounded-2xl border border-slate-200 bg-white p-5 shadow-sm\">\n          <div class=\"flex flex-wrap items-start justify-between gap-3\">\n            <div>\n              <h3 class=\"text-sm font-semibold text-slate-900\">{{ operation.description }}</h3>\n              @if (operation.actorName) {\n                <p class=\"mt-1 text-sm text-slate-500\">{{ operation.actorName }}</p>\n              }\n            </div>\n            <time class=\"text-xs text-slate-400\" [dateTime]=\"operation.createdAt\">\n              {{ operation.createdAt | date: 'dd.MM.yyyy HH:mm' }}\n            </time>\n          </div>\n\n          @if (getPrimaryChanges(operation).length) {\n            <div class=\"mt-4 space-y-2 border-t border-slate-100 pt-4\">\n              @for (change of getPrimaryChanges(operation); track change.entityId + change.entityType) {\n                @for (field of (change.changedFields | keyvalue); track field.key) {\n                  <div class=\"flex flex-wrap items-center gap-2 text-sm\">\n                    <span class=\"font-medium text-slate-700\">{{ field.value.label }}</span>\n                    @if (isImageField(field.value)) {\n                      @if (getImageUrls(field.value.from.value).length) {\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                          @for (url of getImageUrls(field.value.from.value); track url; let imageIndex = $index) {\n                            <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-slate-100\" (click)=\"openImageViewer(getImageUrls(field.value.from.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0441\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                              <img [src]=\"url\" [alt]=\"'\u0421\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isFileField(field.value)) {\n                      @if (field.value.from.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [href]=\"field.value.from.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                      } @else {\n                        <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isHtmlField(field.value)) {\n                      @if (field.value.from.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                        <div class=\"prose prose-sm max-w-none text-slate-500\" [innerHTML]=\"field.value.from.display\"></div>\n                      } @else {\n                        <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else {\n                      <span class=\"font-medium text-slate-900\">{{ field.value.from.display }}</span>\n                    }\n                    <span class=\"text-slate-400\">\u2192</span>\n                    @if (isImageField(field.value)) {\n                      @if (getImageUrls(field.value.to.value).length) {\n                        <div class=\"flex flex-wrap items-center gap-2\">\n                          @for (url of getImageUrls(field.value.to.value); track url; let imageIndex = $index) {\n                            <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-slate-100\" (click)=\"openImageViewer(getImageUrls(field.value.to.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u043D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                              <img [src]=\"url\" [alt]=\"'\u041D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                            </button>\n                          }\n                        </div>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isFileField(field.value)) {\n                      @if (field.value.to.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [href]=\"field.value.to.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else if (isHtmlField(field.value)) {\n                      @if (field.value.to.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                        <div class=\"prose prose-sm max-w-none text-slate-900\" [innerHTML]=\"field.value.to.display\"></div>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                      }\n                    } @else {\n                      <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                    }\n                  </div>\n                }\n              }\n            </div>\n          }\n\n          @if (getRelatedChanges(operation).length) {\n            <div class=\"mt-4 border-t border-slate-100 pt-4\">\n              <button\n                type=\"button\"\n                class=\"flex w-full items-center justify-between gap-3 text-left text-sm text-slate-600\"\n                [attr.aria-expanded]=\"isExpanded(operation.id)\"\n                (click)=\"toggleOperation(operation.id)\"\n              >\n                <span>\n                  \u0414\u0435\u0442\u0430\u043B\u0456 \u0437\u043C\u0456\u043D:\n                  <span class=\"font-medium text-slate-900\">{{ getAffectedSummary(operation) }}</span>\n                </span>\n                <span class=\"text-lg leading-none text-slate-400\">{{ isExpanded(operation.id) ? '\u2212' : '+' }}</span>\n              </button>\n\n              @if (isExpanded(operation.id)) {\n                <div class=\"mt-4 space-y-4\">\n                  @for (change of getRelatedChanges(operation); track change.entityId + change.entityType) {\n                    <div class=\"rounded-xl bg-slate-50 p-3\">\n                      <p class=\"mb-2 text-xs font-semibold uppercase tracking-[0.16em] text-slate-500\">\n                        {{ getEntityLabel(change.entityType) }} \u00B7 {{ getActionLabel(change.action) }}\n                      </p>\n                      @for (field of (change.changedFields | keyvalue); track field.key) {\n                        <div class=\"flex flex-wrap items-center gap-2 text-sm\">\n                          <span class=\"font-medium text-slate-700\">{{ field.value.label }}</span>\n                          @if (isImageField(field.value)) {\n                            @if (getImageUrls(field.value.from.value).length) {\n                              <div class=\"flex flex-wrap items-center gap-2\">\n                                @for (url of getImageUrls(field.value.from.value); track url; let imageIndex = $index) {\n                                  <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-white\" (click)=\"openImageViewer(getImageUrls(field.value.from.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0441\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                                    <img [src]=\"url\" [alt]=\"'\u0421\u0442\u0430\u0440\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                                  </button>\n                                }\n                              </div>\n                            } @else {\n                              <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isFileField(field.value)) {\n                            @if (field.value.from.url) {\n                              <a class=\"text-sky-700 underline\" [href]=\"field.value.from.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                            } @else {\n                              <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isHtmlField(field.value)) {\n                            @if (field.value.from.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                              <div class=\"prose prose-sm max-w-none text-slate-500\" [innerHTML]=\"field.value.from.display\"></div>\n                            } @else {\n                              <span class=\"text-slate-400\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else {\n                            <span class=\"text-slate-400\">{{ field.value.from.display }}</span>\n                          }\n                          <span class=\"text-slate-400\">\u2192</span>\n                          @if (isImageField(field.value)) {\n                            @if (getImageUrls(field.value.to.value).length) {\n                              <div class=\"flex flex-wrap items-center gap-2\">\n                                @for (url of getImageUrls(field.value.to.value); track url; let imageIndex = $index) {\n                                  <button type=\"button\" class=\"h-14 w-14 overflow-hidden rounded-lg border border-slate-200 bg-white\" (click)=\"openImageViewer(getImageUrls(field.value.to.value))\" [attr.aria-label]=\"'\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u043D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\">\n                                    <img [src]=\"url\" [alt]=\"'\u041D\u043E\u0432\u0435 \u0444\u043E\u0442\u043E ' + (imageIndex + 1)\" class=\"h-full w-full object-cover\" />\n                                  </button>\n                                }\n                              </div>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isFileField(field.value)) {\n                            @if (field.value.to.url) {\n                              <a class=\"font-medium text-sky-700 underline\" [href]=\"field.value.to.url\" target=\"_blank\" rel=\"noopener noreferrer\">\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B</a>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else if (isHtmlField(field.value)) {\n                            @if (field.value.to.display !== '\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E') {\n                              <div class=\"prose prose-sm max-w-none text-slate-900\" [innerHTML]=\"field.value.to.display\"></div>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">\u041D\u0435 \u0437\u0430\u0434\u0430\u043D\u043E</span>\n                            }\n                          } @else {\n                            <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </article>\n      }\n    </div>\n  }\n</section>\n\n@if (isViewerOpen()) {\n  <app-images-viewer [urls]=\"viewerUrls()\" (closed)=\"closeImageViewer()\" />\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: false }] }], primaryEntity: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryEntity", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], entityLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityLabels", required: false }] }] } });
+
+const ACTION_API = 'ACTION_API';
+const ACTION_FORM = 'ACTION_FORM';
+const ACTION_PRINT = 'ACTION_PRINT';
+const normalizeActionType = (value) => {
+    const raw = String(value || '').trim().toLowerCase();
+    if (raw === 'api' || raw === ACTION_API.toLowerCase())
+        return ACTION_API;
+    if (raw === 'form' || raw === ACTION_FORM.toLowerCase())
+        return ACTION_FORM;
+    if (raw === 'print' || raw === ACTION_PRINT.toLowerCase())
+        return ACTION_PRINT;
+    return raw ? raw.toUpperCase() : null;
+};
+class CardTableDataService {
+    http = inject(HttpClient);
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    getTableView(code, options) {
+        let params = new HttpParams();
+        for (const [key, value] of Object.entries(options)) {
+            if (value !== undefined && value !== null && value !== '')
+                params = params.set(key, typeof value === 'object' ? JSON.stringify(value) : String(value));
+        }
+        return this.http.get(cardApiResourceUrl(this.baseUrl, `/api/crud/${encodeURIComponent(code)}`), { params }).pipe(map$1((response) => ({
+            ...(response.config || response),
+            rows: response.rows ?? response.items ?? [],
+            pagination: {
+                page: response.page,
+                size: response.size,
+                totalElements: response.total,
+                totalPages: response.totalPages,
+            },
+        })));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableDataService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableDataService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class CardTableWarehouseService {
+    http = inject(HttpClient);
+    baseUrl = inject(UI_CARD_API_BASE_URL);
+    getWarehouses() {
+        return this.http.get(cardApiResourceUrl(this.baseUrl, '/api/warehouses')).pipe(map$1((items) => ({ items: items || [] })));
+    }
+    getWarehouseItems(id) {
+        return this.http.get(cardApiResourceUrl(this.baseUrl, `/api/warehouses/${encodeURIComponent(id)}/items`));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableWarehouseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableWarehouseService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableWarehouseService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class CardTableBarcodeService {
+    printBarcode(options) {
+        const barcode = String(options.barcode || '').trim();
+        if (!barcode || typeof window === 'undefined')
+            return;
+        const printWindow = window.open('', '_blank', 'width=860,height=920');
+        if (!printWindow)
+            return;
+        const barcodeSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        try {
+            JsBarcode(barcodeSvg, barcode, { format: 'CODE128', displayValue: false, margin: 0, width: 2.1, height: 88, lineColor: '#0f172a', background: '#ffffff' });
+        }
+        catch {
+            printWindow.close();
+            return;
+        }
+        printWindow.document.write(`<!doctype html><html><head><title>${this.escape(options.title)}</title><style>body{font-family:Arial;text-align:center;padding:10mm}.barcode{width:58mm;margin:auto}.barcode svg{width:100%;height:18mm}</style></head><body><h2>${this.escape(options.title)}</h2><div class="barcode">${barcodeSvg.outerHTML}</div></body></html>`);
+        printWindow.document.close();
+        printWindow.focus();
+        printWindow.print();
+    }
+    escape(value) { return value.replace(/[&<>'"]/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', "'": '&#39;', '"': '&quot;' }[char] || char)); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableBarcodeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableBarcodeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableBarcodeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class CardTablePrintService {
+    openPrintWindow() { return typeof window === 'undefined' ? null : window.open('', '_blank', 'width=860,height=920'); }
+    print(config) {
+        const printWindow = this.openPrintWindow();
+        return printWindow ? this.printInWindow(printWindow, config) : false;
+    }
+    printInWindow(printWindow, config) {
+        printWindow.document.write(`<!doctype html><html><head><title>${config.title || 'Друк'}</title></head><body>${config.html}</body></html>`);
+        printWindow.document.close();
+        printWindow.focus();
+        printWindow.print();
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTablePrintService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTablePrintService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTablePrintService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const getConditionPathValue = (source, pathRaw) => {
+    const path = String(pathRaw || '').trim();
+    if (!path)
+        return undefined;
+    const parts = path.split('.');
+    let current = source;
+    for (const part of parts) {
+        if (current == null || typeof current !== 'object')
+            return undefined;
+        current = current[part];
+    }
+    return current;
+};
+const evaluateCondition = (conditionRaw, context) => {
+    const condition = String(conditionRaw || '').trim();
+    if (!condition)
+        return true;
+    const tokens = [];
+    let index = 0;
+    const pushOperator = (value) => {
+        tokens.push({ type: 'operator', value });
+    };
+    while (index < condition.length) {
+        const char = condition[index];
+        if (/\s/.test(char)) {
+            index += 1;
+            continue;
+        }
+        const nextThree = condition.slice(index, index + 3);
+        const nextTwo = condition.slice(index, index + 2);
+        if (nextThree === '===') {
+            pushOperator('===');
+            index += 3;
+            continue;
+        }
+        if (nextThree === '!==') {
+            pushOperator('!==');
+            index += 3;
+            continue;
+        }
+        if (nextTwo === '==') {
+            pushOperator('==');
+            index += 2;
+            continue;
+        }
+        if (nextTwo === '!=') {
+            pushOperator('!=');
+            index += 2;
+            continue;
+        }
+        if (nextTwo === '&&') {
+            pushOperator('&&');
+            index += 2;
+            continue;
+        }
+        if (nextTwo === '||') {
+            pushOperator('||');
+            index += 2;
+            continue;
+        }
+        if (char === '!' || char === '(' || char === ')') {
+            pushOperator(char);
+            index += 1;
+            continue;
+        }
+        if (char === '"' || char === "'") {
+            const quote = char;
+            index += 1;
+            let value = '';
+            let escaped = false;
+            let closed = false;
+            while (index < condition.length) {
+                const current = condition[index];
+                index += 1;
+                if (escaped) {
+                    value += current;
+                    escaped = false;
+                    continue;
+                }
+                if (current === '\\') {
+                    escaped = true;
+                    continue;
+                }
+                if (current === quote) {
+                    closed = true;
+                    break;
+                }
+                value += current;
+            }
+            if (!closed)
+                return true;
+            tokens.push({ type: 'string', value });
+            continue;
+        }
+        if (/[0-9.-]/.test(char)) {
+            const match = condition.slice(index).match(/^-?\d+(?:\.\d+)?/);
+            if (match) {
+                tokens.push({ type: 'number', value: Number(match[0]) });
+                index += match[0].length;
+                continue;
+            }
+        }
+        if (/[A-Za-z_$]/.test(char)) {
+            const match = condition.slice(index).match(/^[A-Za-z_$][A-Za-z0-9_.$-]*/);
+            if (match) {
+                const raw = match[0];
+                const normalized = raw.toLowerCase();
+                if (normalized === 'true' || normalized === 'false') {
+                    tokens.push({ type: 'boolean', value: normalized === 'true' });
+                }
+                else if (normalized === 'null') {
+                    tokens.push({ type: 'null', value: null });
+                }
+                else {
+                    tokens.push({ type: 'identifier', value: raw });
+                }
+                index += raw.length;
+                continue;
+            }
+        }
+        return true;
+    }
+    let tokenIndex = 0;
+    const peek = () => tokens[tokenIndex];
+    const consume = () => {
+        const token = tokens[tokenIndex];
+        tokenIndex += 1;
+        return token;
+    };
+    const matchOperator = (...values) => {
+        const token = peek();
+        if (token?.type !== 'operator')
+            return false;
+        if (!values.includes(token.value))
+            return false;
+        tokenIndex += 1;
+        return true;
+    };
+    const toBoolean = (value) => {
+        if (typeof value === 'string')
+            return value.trim().length > 0;
+        return Boolean(value);
+    };
+    const getValue = (identifierRaw) => {
+        const identifier = String(identifierRaw || '').trim();
+        if (!identifier)
+            return undefined;
+        if (identifier === 'data')
+            return context;
+        if (identifier.startsWith('data.'))
+            return getConditionPathValue(context, identifier.slice(5));
+        return getConditionPathValue(context, identifier);
+    };
+    const parseExpression = () => parseOr();
+    const parseOr = () => {
+        let left = parseAnd();
+        while (matchOperator('||')) {
+            const right = parseAnd();
+            left = toBoolean(left) || toBoolean(right);
+        }
+        return left;
+    };
+    const parseAnd = () => {
+        let left = parseEquality();
+        while (matchOperator('&&')) {
+            const right = parseEquality();
+            left = toBoolean(left) && toBoolean(right);
+        }
+        return left;
+    };
+    const parseEquality = () => {
+        let left = parseUnary();
+        while (true) {
+            if (matchOperator('==')) {
+                left = left == parseUnary();
+                continue;
+            }
+            if (matchOperator('!=')) {
+                left = left != parseUnary();
+                continue;
+            }
+            if (matchOperator('===')) {
+                left = left === parseUnary();
+                continue;
+            }
+            if (matchOperator('!==')) {
+                left = left !== parseUnary();
+                continue;
+            }
+            break;
+        }
+        return left;
+    };
+    const parseUnary = () => {
+        if (matchOperator('!')) {
+            return !toBoolean(parseUnary());
+        }
+        return parsePrimary();
+    };
+    const parsePrimary = () => {
+        const token = consume();
+        if (!token)
+            return undefined;
+        if (token.type === 'operator' && token.value === '(') {
+            const value = parseExpression();
+            matchOperator(')');
+            return value;
+        }
+        if (token.type === 'identifier')
+            return getValue(token.value);
+        return token.value;
+    };
+    return toBoolean(parseExpression());
+};
+class CardTableComponent {
+    tab;
+    data = null;
+    tableViewsService = inject(CardTableDataService);
+    warehouseService = inject(CardTableWarehouseService);
+    barcodePrintService = inject(CardTableBarcodeService);
+    eventBus = inject(EventBus);
+    host = inject(UI_ENTITY_CARD_HOST, { optional: true });
+    actionBus = inject(CardTablePrintService);
+    tableColumnsSignal = signal([], ...(ngDevMode ? [{ debugName: "tableColumnsSignal" }] : /* istanbul ignore next */ []));
+    tableRowsSignal = signal([], ...(ngDevMode ? [{ debugName: "tableRowsSignal" }] : /* istanbul ignore next */ []));
+    tablePaginationSignal = signal({ page: 0, pageSize: 10, total: 0 }, ...(ngDevMode ? [{ debugName: "tablePaginationSignal" }] : /* istanbul ignore next */ []));
+    tableHeaderActionsSignal = signal([], ...(ngDevMode ? [{ debugName: "tableHeaderActionsSignal" }] : /* istanbul ignore next */ []));
+    editableColumnOptionsSignal = signal({}, ...(ngDevMode ? [{ debugName: "editableColumnOptionsSignal" }] : /* istanbul ignore next */ []));
+    isTableLoadingSignal = signal(false, ...(ngDevMode ? [{ debugName: "isTableLoadingSignal" }] : /* istanbul ignore next */ []));
+    isTableActionRunningSignal = signal(false, ...(ngDevMode ? [{ debugName: "isTableActionRunningSignal" }] : /* istanbul ignore next */ []));
+    activeEditableCellSignal = signal(null, ...(ngDevMode ? [{ debugName: "activeEditableCellSignal" }] : /* istanbul ignore next */ []));
+    activeFormTargetSignal = signal(null, ...(ngDevMode ? [{ debugName: "activeFormTargetSignal" }] : /* istanbul ignore next */ []));
+    activeFormTarget = computed(() => this.activeFormTargetSignal(), ...(ngDevMode ? [{ debugName: "activeFormTarget" }] : /* istanbul ignore next */ []));
+    tableData = computed(() => ({
+        items: this.tableRowsSignal(),
+        pagination: this.tablePaginationSignal(),
+    }), ...(ngDevMode ? [{ debugName: "tableData" }] : /* istanbul ignore next */ []));
+    pageIndex = 0;
+    pageSize = 10;
+    sortField = '';
+    sortDirection = '';
+    tableViewColumns = [];
+    editableColumnsLoaded = false;
+    ngOnChanges() {
+        this.pageIndex = 0;
+        this.pageSize = this.resolvePageSize();
+        this.sortField = '';
+        this.sortDirection = '';
+        this.editableColumnsLoaded = false;
+        this.activeEditableCellSignal.set(null);
+        this.editableColumnOptionsSignal.set({});
+        this.loadTable();
+    }
+    get disablePaging() {
+        const value = this.tab?.props?.['disablePaging'];
+        return value === true || value === 'true';
+    }
+    get tableColumns() {
+        return this.tableColumnsSignal();
+    }
+    get tableHeaderActions() {
+        return this.tableHeaderActionsSignal();
+    }
+    get tableActions() {
+        const blockActions = Array.isArray(this.tab?.actions) ? this.tab.actions : [];
+        return [
+            ...blockActions.map((action, index) => {
+                const rawAction = action;
+                return {
+                    ...action,
+                    variant: rawAction.variant || (index === 0 ? 'primary' : 'ghost'),
+                };
+            }),
+            ...this.tableHeaderActions.map((action) => ({
+                ...action,
+                variant: 'ghost',
+            })),
+        ];
+    }
+    get isTableLoading() {
+        return this.isTableLoadingSignal();
+    }
+    get isTableActionRunning() {
+        return this.isTableActionRunningSignal();
+    }
+    get rowClickable() {
+        return this.isEditEnabled();
+    }
+    onTablePageChange(event) {
+        this.pageIndex = Math.max(0, Number(event['pageIndex'] ?? this.pageIndex) || 0);
+        this.pageSize = Math.max(1, Number(event['pageSize'] ?? this.pageSize) || this.pageSize);
+        const active = String(event['active'] ?? '').trim();
+        this.sortField = this.tableViewColumns.find((column) => column.id === active)?.id || '';
+        const direction = String(event['direction'] ?? '').toLowerCase();
+        this.sortDirection = direction === 'asc' || direction === 'desc' ? direction : '';
+        this.loadTable();
+    }
+    onTableAction(event) {
+        if (normalizeActionType(event.action.type) === ACTION_PRINT || event.action.component === 'warehouseBarcodePrint' || event.action.template || event.action.id === 'print-certificate') {
+            this.runPrintAction(event.action, event.row);
+            return;
+        }
+        if (normalizeActionType(event.action.type) === ACTION_FORM && String(event.action.formId || '').trim()) {
+            this.runFormAction(event.action, event.row);
+            return;
+        }
+        if (!event.action.api) {
+            return;
+        }
+        const payload = this.resolveTemplatePayload(event.action.payload || {}, event.row);
+        this.runApiAction({
+            api: this.resolveTemplateString(event.action.api, {
+                ...event.row,
+                ...payload,
+            }),
+            method: event.action.method || 'POST',
+            payload,
+            title: event.action.title,
+            text: event.action.text,
+            submit: event.action.submit,
+            danger: event.action.danger,
+            successMessage: event.action.id === 'issue'
+                ? 'Матеріали списано зі складу'
+                : event.action.id === 'delete'
+                    ? 'Позицію видалено'
+                    : 'Дію виконано',
+            errorMessage: 'Не вдалося виконати дію',
+        });
+    }
+    onHeaderAction(action) {
+        if (!action?.formId) {
+            if (action?.api) {
+                this.runApiAction({
+                    api: action.api,
+                    method: action.method || 'POST',
+                    payload: this.resolveTemplatePayload(action.payload || {}, this.data || {}),
+                    title: action.title,
+                    text: action.text,
+                    submit: action.submit,
+                    danger: action.variant === 'danger',
+                    successMessage: 'Дію виконано',
+                    errorMessage: 'Не вдалося виконати дію',
+                });
+            }
+            return;
+        }
+        this.runHeaderFormAction(action);
+    }
+    onTableRowClick(row) {
+        if (!this.isEditEnabled()) {
+            return;
+        }
+        this.runRowEditAction(row);
+    }
+    onTableCellChange(event) {
+        const editableConfig = this.resolveEditableColumnsConfig().find((column) => column.key === event.column.key);
+        if (!editableConfig) {
+            return;
+        }
+        const rowId = String(event.row['id'] ?? '').trim();
+        if (!rowId) {
+            return;
+        }
+        const nextValue = String(event.value ?? '').trim();
+        const nextRow = {
+            ...event.row,
+            [event.column.bindKey || event.column.key]: nextValue,
+        };
+        if (editableConfig.editor === 'select') {
+            nextRow[event.column.key] =
+                this.resolveEditableColumnOptions(event.column.key).find((option) => String(option.value ?? '').trim() === nextValue)?.label ?? '';
+        }
+        this.tableRowsSignal.update((rows) => rows.map((row) => (String(row['id'] ?? '').trim() === rowId ? nextRow : row)));
+        if (editableConfig.api) {
+            this.saveEditableColumnChange(editableConfig, nextRow);
+        }
+    }
+    onEditableCellActivate(row, columnKey, event) {
+        event.stopPropagation();
+        const rowId = String(row['id'] ?? '').trim();
+        const key = String(columnKey || '').trim();
+        if (!rowId || !key) {
+            return;
+        }
+        this.activeEditableCellSignal.set({ rowId, columnKey: key });
+    }
+    isEditableCellActive(row, columnKey) {
+        const active = this.activeEditableCellSignal();
+        return !!active && active.rowId === String(row['id'] ?? '').trim() && active.columnKey === String(columnKey || '').trim();
+    }
+    resolveEditableDisplayValue(row, column) {
+        const rawValue = this.getCellValue(row, column.bindKey || column.key);
+        if (rawValue === null || rawValue === undefined || rawValue === '') {
+            return '—';
+        }
+        if (column.editor === 'select') {
+            const value = String(rawValue).trim();
+            const option = this.resolveEditableColumnOptions(column.key).find((item) => String(item.value ?? '').trim() === value);
+            return String(option?.label || rawValue).trim() || '—';
+        }
+        return String(rawValue);
+    }
+    getCellValue(row, column) {
+        return row?.[column];
+    }
+    runPrintAction(action, row) {
+        const template = String(action.template || (action.id === 'print-certificate' ? 'print-certificate' : '')).trim();
+        const recordId = String(row['id'] || '').trim();
+        if (template && recordId) {
+            const printWindow = this.actionBus.openPrintWindow();
+            const entity = encodeURIComponent(this.resolveTableSource());
+            const id = encodeURIComponent(recordId);
+            const actionId = encodeURIComponent(template);
+            this.host?.callApi({
+                api: `/api/crud/${entity}/${id}/action/${actionId}`,
+                method: 'GET',
+            }).subscribe({
+                next: (response) => {
+                    const html = String(response?.data?.html || '').trim();
+                    const title = String(response?.data?.title || action.label || 'Друк');
+                    if (!html) {
+                        printWindow?.close();
+                        this.notify('Шаблон друку порожній', 'error');
+                        return;
+                    }
+                    const config = { html, title };
+                    if (printWindow)
+                        this.actionBus.printInWindow(printWindow, config);
+                    else
+                        this.actionBus.print(config);
+                },
+                error: (error) => {
+                    printWindow?.close();
+                    this.notify(error?.error?.message || 'Не вдалося завантажити сертифікат', 'error');
+                },
+            });
+            return;
+        }
+        const payload = this.resolveTemplatePayload(action.payload || {}, row);
+        const barcode = String(payload['barcode'] ?? row['barcode'] ?? '').trim();
+        if (!barcode) {
+            this.notify('У рядку немає штрихкоду', 'warning');
+            return;
+        }
+        const title = String(payload['title'] ?? row['name'] ?? this.tab?.title ?? 'Штрихкод').trim() || 'Штрихкод';
+        this.barcodePrintService.printBarcode({ barcode, title });
+    }
+    closeFormAction() {
+        this.activeFormTargetSignal.set(null);
+    }
+    refreshTable() {
+        this.loadTable();
+    }
+    loadTable() {
+        const table = this.resolveTableSource();
+        this.isTableLoadingSignal.set(true);
+        this.tableRowsSignal.set([]);
+        this.tablePaginationSignal.set({ page: this.pageIndex, pageSize: this.pageSize, total: 0 });
+        if (!table) {
+            this.tableColumnsSignal.set([]);
+            this.isTableLoadingSignal.set(false);
+            return;
+        }
+        this.tableViewsService.getTableView(table, {
+            page: this.pageIndex,
+            size: this.pageSize,
+            sortField: this.sortField,
+            sortDirection: this.sortDirection,
+            filters: this.resolveTableFilters(),
+        }).subscribe({
+            next: (view) => {
+                const rows = this.normalizeTableRows(view);
+                this.tableViewColumns = view.columns || [];
+                this.tableHeaderActionsSignal.set(view.actions?.header?.custom || []);
+                this.tableColumnsSignal.set(this.normalizeTableColumns(this.tableViewColumns));
+                this.tableRowsSignal.set(rows);
+                this.activeEditableCellSignal.set(null);
+                this.loadEditableColumnOptions();
+                this.pageIndex = view.pagination?.page ?? this.pageIndex;
+                this.pageSize = view.pagination?.size ?? this.pageSize;
+                this.tablePaginationSignal.set({
+                    page: this.pageIndex,
+                    pageSize: this.pageSize,
+                    total: view.pagination?.totalElements ?? rows.length,
+                });
+                this.isTableLoadingSignal.set(false);
+            },
+            error: (error) => {
+                this.tableRowsSignal.set([]);
+                this.tableHeaderActionsSignal.set([]);
+                this.tablePaginationSignal.set({ page: this.pageIndex, pageSize: this.pageSize, total: 0 });
+                this.activeEditableCellSignal.set(null);
+                this.isTableLoadingSignal.set(false);
+                this.notify(error?.error?.message || 'Не вдалося завантажити таблицю', 'error');
+            },
+        });
+    }
+    runApiAction(config) {
+        const api = String(config.api || '').trim();
+        if (!api) {
+            return;
+        }
+        this.isTableActionRunningSignal.set(true);
+        this.host?.callApi({
+            api,
+            method: config.method || 'POST',
+            title: config.title,
+            text: config.text,
+            submit: typeof config.submit === 'string' ? config.submit : undefined,
+            danger: config.danger,
+            payload: config.payload,
+        }).subscribe({
+            next: () => {
+                this.notify(config.successMessage, 'success');
+                this.isTableActionRunningSignal.set(false);
+                this.loadTable();
+                this.eventBus.emit(ENTITY_UPDATED, {
+                    source: 'card-table.row-action',
+                });
+            },
+            error: (error) => {
+                this.isTableActionRunningSignal.set(false);
+                this.notify(error?.error?.message || config.errorMessage, 'error');
+            },
+        });
+    }
+    runFormAction(action, row) {
+        const formId = String(action.formId || '').trim();
+        const recordId = String(row['id'] || '').trim();
+        if (!formId || !recordId) {
+            this.notify('Не вдалося відкрити форму редагування', 'warning');
+            return;
+        }
+        const actionPayload = this.resolveTemplatePayload(action.payload || {}, row);
+        this.activeFormTargetSignal.set({
+            formId,
+            recordId,
+            initialValue: { ...row, ...actionPayload },
+        });
+    }
+    runRowEditAction(row) {
+        const recordId = String(row['id'] || '').trim();
+        const formId = this.resolveTableSource();
+        if (!recordId || !formId) {
+            return;
+        }
+        this.activeFormTargetSignal.set({
+            formId,
+            recordId,
+            initialValue: { ...row },
+        });
+    }
+    runHeaderFormAction(action) {
+        const formId = String(action.formId || '').trim();
+        if (!formId) {
+            return;
+        }
+        this.activeFormTargetSignal.set({
+            formId,
+            recordId: '',
+            initialValue: this.resolveTemplatePayload(action.payload || {}, this.data || {}),
+        });
+    }
+    normalizeTableColumns(columns) {
+        const editableColumns = this.resolveEditableColumnsConfig();
+        return (columns || [])
+            .filter((column) => !column.hidden)
+            .map((column) => {
+            const editableConfig = editableColumns.find((item) => item.key === column.id);
+            if (!editableConfig) {
+                return {
+                    key: column.id,
+                    labelKey: column.label,
+                    sortable: true,
+                    type: column.type,
+                    width: column.width,
+                    link: column.link,
+                };
+            }
+            return {
+                key: column.id,
+                labelKey: column.label,
+                sortable: true,
+                type: column.type,
+                width: column.width,
+                link: column.link,
+                editable: true,
+                editableCondition: this.resolveEditableCondition(),
+                bindKey: editableConfig.bindKey || column.sourceColumn || column.dataKey || column.id,
+                editor: editableConfig.editor,
+                options: this.resolveEditableColumnOptions(column.id),
+                includeBlankOption: editableConfig.includeBlankOption,
+                blankOptionLabel: editableConfig.blankOptionLabel,
+                placeholder: editableConfig.placeholder,
+                inputType: editableConfig.inputType,
+            };
+        });
+    }
+    normalizeTableRows(view) {
+        const columns = view.columns || [];
+        const hiddenRowActions = new Set(Array.isArray(this.tab?.props?.['hiddenRowActions'])
+            ? this.tab.props['hiddenRowActions'].map((id) => String(id || '').trim()).filter(Boolean)
+            : []);
+        const rowActions = (view.actions?.row?.custom || []).filter((action) => !hiddenRowActions.has(action.id));
+        const configuredRowActions = view.actions?.row || {};
+        const defaultRowActions = {
+            edit: view.viewActions?.edit !== false && configuredRowActions.edit !== false,
+            editCondition: configuredRowActions.edit && typeof configuredRowActions.edit === 'object'
+                ? configuredRowActions.edit.condition
+                : undefined,
+            delete: view.viewActions?.delete !== false && configuredRowActions.delete !== false,
+            deleteCondition: configuredRowActions.delete && typeof configuredRowActions.delete === 'object'
+                ? configuredRowActions.delete.condition
+                : undefined,
+        };
+        return (view.rows || []).map((row) => this.toTableRowData(row, columns, rowActions, defaultRowActions));
+    }
+    toTableRowData(row, columns, rowActions = [], configuredActions = {}) {
+        const baseRow = Array.isArray(row)
+            ? columns.reduce((acc, column, index) => {
+                acc[column.id] = row[index] ?? '';
+                return acc;
+            }, { id: String(row[0] ?? '') })
+            : {
+                ...row,
+                id: String(row['id'] ?? ''),
+            };
+        if (this.resolveTableSource() === 'invoice-lines' && String(baseRow['line_id'] || '').trim()) {
+            baseRow['id'] = String(baseRow['line_id']).trim();
+        }
+        if (!Array.isArray(baseRow['actions']) && rowActions.length) {
+            baseRow['actions'] = rowActions.map((action) => ({ ...action }));
+        }
+        if (!Array.isArray(baseRow['actions'])) {
+            const actions = [];
+            const editAllowed = configuredActions.edit !== false
+                && (this.isEditEnabled() || evaluateCondition(configuredActions.editCondition, baseRow));
+            if (editAllowed) {
+                actions.push({
+                    id: 'edit',
+                    label: 'Редагувати',
+                    type: ACTION_FORM,
+                    formId: this.resolveTableSource(),
+                });
+            }
+            const deleteAllowed = configuredActions.delete !== false
+                && (this.isDeleteEnabled(baseRow) || evaluateCondition(configuredActions.deleteCondition, baseRow));
+            if (deleteAllowed) {
+                actions.push({
+                    id: 'delete',
+                    label: 'Видалити',
+                    type: ACTION_API,
+                    api: `/api/${this.resolveTableSource()}/{{id}}`,
+                    method: 'DELETE',
+                    danger: true,
+                    payload: { id: '{{id}}' },
+                });
+            }
+            if (actions.length)
+                baseRow['actions'] = actions;
+        }
+        return baseRow;
+    }
+    saveEditableColumnChange(editableConfig, row) {
+        const api = String(editableConfig.api || '').trim();
+        if (!api) {
+            return;
+        }
+        const payload = this.resolveEditableColumnPayload(editableConfig, row);
+        if (!payload) {
+            return;
+        }
+        this.isTableActionRunningSignal.set(true);
+        this.host?.callApi({
+            api,
+            method: editableConfig.method || 'PATCH',
+            payload,
+        }).subscribe({
+            next: () => {
+                this.isTableActionRunningSignal.set(false);
+                this.notify(editableConfig.successMessage || 'Збережено', 'success');
+                this.loadTable();
+                this.eventBus.emit(ENTITY_UPDATED, {
+                    source: 'card-table.editable-cell',
+                });
+            },
+            error: (error) => {
+                this.isTableActionRunningSignal.set(false);
+                this.notify(error?.error?.message || editableConfig.errorMessage || 'Не вдалося зберегти зміни', 'error');
+            },
+        });
+    }
+    loadEditableColumnOptions() {
+        if (this.editableColumnsLoaded) {
+            return;
+        }
+        const editableColumns = this.resolveEditableColumnsConfig();
+        const columnsNeedingOptions = editableColumns.filter((column) => column.optionsSource === 'warehouses' || column.optionsSource === 'warehouse-items');
+        if (!columnsNeedingOptions.length) {
+            this.editableColumnsLoaded = true;
+            return;
+        }
+        this.editableColumnsLoaded = true;
+        this.warehouseService.getWarehouses().subscribe({
+            next: (response) => {
+                const warehouses = response.items ?? [];
+                const warehouseOptions = warehouses
+                    .map((warehouse) => ({
+                    value: warehouse.id ? String(warehouse.id) : null,
+                    label: String(warehouse.name || warehouse.labelName || warehouse.id || 'Склад').trim() || 'Склад',
+                }))
+                    .filter((option) => !!option.value);
+                const loadWarehouseItemOptions = (done) => {
+                    if (!warehouses.length) {
+                        done([]);
+                        return;
+                    }
+                    const options = [];
+                    let remaining = warehouses.length;
+                    for (const warehouse of warehouses) {
+                        const warehouseId = String(warehouse.id || '').trim();
+                        if (!warehouseId) {
+                            remaining -= 1;
+                            continue;
+                        }
+                        this.warehouseService.getWarehouseItems(warehouseId).subscribe({
+                            next: (items) => {
+                                for (const item of items ?? []) {
+                                    options.push({
+                                        value: item.id ? String(item.id) : null,
+                                        label: [
+                                            String(warehouse.labelName || warehouse.name || warehouse.id || '').trim(),
+                                            String(item.name || item.id || '').trim(),
+                                        ]
+                                            .filter(Boolean)
+                                            .join(' / '),
+                                    });
+                                }
+                                remaining -= 1;
+                                if (remaining <= 0) {
+                                    done(options.filter((option) => !!option.value));
+                                }
+                            },
+                            error: () => {
+                                remaining -= 1;
+                                if (remaining <= 0) {
+                                    done(options.filter((option) => !!option.value));
+                                }
+                            },
+                        });
+                    }
+                };
+                const applyOptions = (warehouseItemOptions = []) => {
+                    this.editableColumnOptionsSignal.set(columnsNeedingOptions.reduce((acc, column) => {
+                        acc[column.key] = column.optionsSource === 'warehouses' ? warehouseOptions : warehouseItemOptions;
+                        return acc;
+                    }, {}));
+                    this.tableColumnsSignal.set(this.normalizeTableColumns(this.tableViewColumns));
+                };
+                if (!columnsNeedingOptions.some((column) => column.optionsSource === 'warehouse-items')) {
+                    applyOptions();
+                    return;
+                }
+                loadWarehouseItemOptions(applyOptions);
+            },
+            error: () => {
+                this.editableColumnOptionsSignal.set({});
+                this.tableColumnsSignal.set(this.normalizeTableColumns(this.tableViewColumns));
+            },
+        });
+    }
+    resolveEditableColumnsConfig() {
+        const value = this.tab?.props?.['editableColumns'];
+        return Array.isArray(value)
+            ? value.filter((item) => !!item && typeof item === 'object' && typeof item.key === 'string')
+            : [];
+    }
+    resolveEditableColumnPayload(editableConfig, row) {
+        const baseRow = {
+            ...row,
+            id: String(row['id'] ?? '').trim(),
+        };
+        const payloadConfig = editableConfig.payload && typeof editableConfig.payload === 'object' ? editableConfig.payload : {};
+        const payload = this.resolveTemplatePayload(payloadConfig, {
+            ...this.data,
+            ...baseRow,
+        });
+        if (!Object.keys(payload).length) {
+            return baseRow;
+        }
+        return {
+            ...baseRow,
+            ...payload,
+        };
+    }
+    resolveEditableColumnOptions(columnKey) {
+        return this.editableColumnOptionsSignal()[columnKey] || [];
+    }
+    isEditEnabled() {
+        const value = this.tab?.props?.['edit'];
+        const enabled = value === true || String(value).trim().toLowerCase() === 'true';
+        if (!enabled) {
+            return false;
+        }
+        return evaluateCondition(String(this.tab?.props?.['editCondition'] || '').trim(), this.data || {});
+    }
+    isDeleteEnabled(row) {
+        const value = this.tab?.props?.['delete'];
+        const enabled = value === true || String(value).trim().toLowerCase() === 'true';
+        if (!enabled)
+            return false;
+        return evaluateCondition(String(this.tab?.props?.['deleteCondition'] || '').trim(), row);
+    }
+    resolveTableSource() {
+        return this.resolveTemplateString(String(this.tab?.props?.['table'] || '').trim(), this.data || {});
+    }
+    resolveTableFilters() {
+        return {
+            ...this.resolveFiltersObject(this.tab?.props?.['initialFilters']),
+            ...this.resolveFiltersObject(this.tab?.props?.['filter']),
+        };
+    }
+    resolveFiltersObject(filter) {
+        if (!filter || typeof filter !== 'object' || Array.isArray(filter)) {
+            return {};
+        }
+        return this.resolveTemplatePayload(filter, this.data || {});
+    }
+    resolveTemplatePayload(payload, source) {
+        return Object.entries(payload || {}).reduce((acc, [key, value]) => {
+            const next = this.resolveTemplateValue(value, source);
+            if (next !== null && next !== undefined && next !== '') {
+                acc[key] = next;
+            }
+            return acc;
+        }, {});
+    }
+    resolveTemplateString(value, source) {
+        return String(value || '').replace(/\{\{([a-zA-Z_][a-zA-Z0-9_.]*)\}\}/g, (_match, key) => {
+            const next = String(key).split('.').reduce((current, part) => {
+                if (current == null || typeof current !== 'object')
+                    return undefined;
+                return current[part];
+            }, source);
+            return next == null || next === '' ? '' : encodeURIComponent(String(next));
+        });
+    }
+    resolveTemplateValue(value, source) {
+        if (typeof value !== 'string') {
+            return value;
+        }
+        const raw = value.trim();
+        const match = raw.match(/^\{\{([a-zA-Z_][a-zA-Z0-9_.]*)\}\}$/);
+        if (match) {
+            return String(match[1]).split('.').reduce((current, part) => {
+                if (current == null || typeof current !== 'object')
+                    return undefined;
+                return current[part];
+            }, source) ?? '';
+        }
+        return value;
+    }
+    resolvePageSize() {
+        const value = Number(this.tab?.props?.['pageSize'] ?? 10);
+        return Number.isFinite(value) && value > 0 ? Math.floor(value) : 10;
+    }
+    resolveEditCondition() {
+        const condition = String(this.tab?.props?.['editCondition'] || '').trim();
+        return condition || undefined;
+    }
+    resolveEditableCondition() {
+        const condition = String(this.tab?.props?.['editableCondition'] || '').trim();
+        return condition || this.resolveEditCondition();
+    }
+    notify(message, variant) {
+        this.host?.notify(message, variant, 2800);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CardTableComponent, isStandalone: true, selector: "app-card-table", inputs: { tab: "tab", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"space-y-4\">\n  @if (tableHeaderActions.length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of tableHeaderActions; track action.id) {\n        <ui-button\n          [variant]=\"action.variant || 'ghost'\"\n          [icon]=\"action.icon || ''\"\n          size=\"sm\"\n          type=\"button\"\n          (click)=\"onHeaderAction(action)\"\n        >\n          {{ action.label }}\n        </ui-button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns\"\n    [isLoading]=\"isTableLoading\"\n    [disablePaging]=\"disablePaging\"\n    [rowClickable]=\"rowClickable\"\n    (pageChange)=\"onTablePageChange($event)\"\n    (actionClick)=\"onTableAction($event)\"\n    (rowClick)=\"onTableRowClick($event)\"\n    (cellChange)=\"onTableCellChange($event)\"\n  ></app-ui-table>\n\n  @if (activeFormTarget(); as target) {\n    <forms-action-form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"closeFormAction()\"\n      (completed)=\"refreshTable()\"\n    ></forms-action-form-modal>\n  }\n</section>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiTableComponent, selector: "app-ui-table", inputs: ["columns", "isLoading", "data", "disablePaging", "rowClickable", "imageResolver"], outputs: ["pageChange", "rowClick", "actionClick", "cellChange"] }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: UiActionFormModalComponent, selector: "forms-action-form-modal", inputs: ["formId", "recordId", "size", "isOpen", "cancelLabel", "initialValue"], outputs: ["closed", "completed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-card-table', standalone: true, imports: [
+                        CommonModule,
+                        UiTableComponent,
+                        UiButtonComponent,
+                        UiActionFormModalComponent,
+                    ], template: "<section class=\"space-y-4\">\n  @if (tableHeaderActions.length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of tableHeaderActions; track action.id) {\n        <ui-button\n          [variant]=\"action.variant || 'ghost'\"\n          [icon]=\"action.icon || ''\"\n          size=\"sm\"\n          type=\"button\"\n          (click)=\"onHeaderAction(action)\"\n        >\n          {{ action.label }}\n        </ui-button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns\"\n    [isLoading]=\"isTableLoading\"\n    [disablePaging]=\"disablePaging\"\n    [rowClickable]=\"rowClickable\"\n    (pageChange)=\"onTablePageChange($event)\"\n    (actionClick)=\"onTableAction($event)\"\n    (rowClick)=\"onTableRowClick($event)\"\n    (cellChange)=\"onTableCellChange($event)\"\n  ></app-ui-table>\n\n  @if (activeFormTarget(); as target) {\n    <forms-action-form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"closeFormAction()\"\n      (completed)=\"refreshTable()\"\n    ></forms-action-form-modal>\n  }\n</section>\n" }]
+        }], propDecorators: { tab: [{
+                type: Input,
+                args: [{ required: true }]
+            }], data: [{
+                type: Input
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CARD_ACTION_COMPLETED, CARD_ACTION_FINISHED, CARD_ACTION_REQUESTED, CARD_ACTION_STARTED, CardComponent, CardSectionHeaderComponent, ENTITY_UPDATED, ImagesViewerComponent, UI_CARD_TAB_REGISTRY, UI_ENTITY_CARD_HOST };
+export { ACTION_API, ACTION_FORM, ACTION_PRINT, CARD_ACTION_COMPLETED, CARD_ACTION_FINISHED, CARD_ACTION_REQUESTED, CARD_ACTION_STARTED, CardComponent, CardCurrentUserService, CardDictionaryService, CardImageService, CardSectionHeaderComponent, CardTableBarcodeService, CardTableComponent, CardTableDataService, CardTablePrintService, CardTableWarehouseService, DocumentsComponent, ENTITY_UPDATED, HistoryTabComponent, ImagesViewerComponent, UI_CARD_API_BASE_URL, UI_CARD_TAB_REGISTRY, UI_ENTITY_CARD_HOST, UiEntityDocumentsService, cardApiParams, cardApiResourceUrl, normalizeActionType };
 //# sourceMappingURL=maro-tech-card.mjs.map