@maro-tech/card 0.0.10 → 0.1.0

package/fesm2022/maro-tech-card.mjs

@@ -4,7 +4,7 @@ import * as i0 from '@angular/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 { ActivatedRoute, Router, RouterLink } 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';
@@ -12,7 +12,7 @@ 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 { InputSelectComponent, FormModalComponent } from '@maro-tech/form';
 import { UiTableComponent } from '@maro-tech/table';
 import JsBarcode from 'jsbarcode';
 
@@ -765,11 +765,11 @@ class DocumentsUploadModalComponent {
         }
     }
     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"] }] });
+    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    <input-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    ></input-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: InputSelectComponent, selector: "input-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" }]
+            args: [{ selector: 'app-documents-upload-modal', standalone: true, imports: [CommonModule, FormsModule, LucideAngularModule, UiButtonComponent, UiModalComponent, InputSelectComponent], 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    <input-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    ></input-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']
@@ -1276,11 +1276,11 @@ class HistoryTabComponent {
             : 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" }] });
+    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                      @if (field.value.from.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [routerLink]=\"field.value.from.url\">{{ field.value.from.display }}</a>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">{{ field.value.from.display }}</span>\n                      }\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                      @if (field.value.to.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [routerLink]=\"field.value.to.url\">{{ field.value.to.display }}</a>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                      }\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                            @if (field.value.from.url) {\n                              <a class=\"text-sky-700 underline\" [routerLink]=\"field.value.from.url\">{{ field.value.from.display }}</a>\n                            } @else {\n                              <span class=\"text-slate-400\">{{ field.value.from.display }}</span>\n                            }\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                            @if (field.value.to.url) {\n                              <a class=\"font-medium text-sky-700 underline\" [routerLink]=\"field.value.to.url\">{{ field.value.to.display }}</a>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                            }\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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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" }]
+            args: [{ selector: 'app-history-tab', standalone: true, imports: [CommonModule, ImagesViewerComponent, RouterLink], 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                      @if (field.value.from.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [routerLink]=\"field.value.from.url\">{{ field.value.from.display }}</a>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">{{ field.value.from.display }}</span>\n                      }\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                      @if (field.value.to.url) {\n                        <a class=\"font-medium text-sky-700 underline\" [routerLink]=\"field.value.to.url\">{{ field.value.to.display }}</a>\n                      } @else {\n                        <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                      }\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                            @if (field.value.from.url) {\n                              <a class=\"text-sky-700 underline\" [routerLink]=\"field.value.from.url\">{{ field.value.from.display }}</a>\n                            } @else {\n                              <span class=\"text-slate-400\">{{ field.value.from.display }}</span>\n                            }\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                            @if (field.value.to.url) {\n                              <a class=\"font-medium text-sky-700 underline\" [routerLink]=\"field.value.to.url\">{{ field.value.to.display }}</a>\n                            } @else {\n                              <span class=\"font-medium text-slate-900\">{{ field.value.to.display }}</span>\n                            }\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';
@@ -2310,7 +2310,7 @@ class CardTableComponent {
         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)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted($event)\"\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"] }] });
+    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    <form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted($event)\"\n    ></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: FormModalComponent, selector: "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,
@@ -2318,8 +2318,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                         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)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted($event)\"\n    ></forms-action-form-modal>\n  }\n</section>\n" }]
+                        FormModalComponent,
+                    ], 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    <form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted($event)\"\n    ></form-modal>\n  }\n</section>\n" }]
         }], propDecorators: { tab: [{
                 type: Input,
                 args: [{ required: true }]