@maro-tech/card 0.0.2 → 0.0.3

package/package.json

@@ -1,16 +1,21 @@
 {
   "name": "@maro-tech/card",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": false,
   "peerDependencies": {
+    "@angular/cdk": "^21.2.0",
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0",
+    "@angular/forms": "^21.2.0",
     "@angular/router": "^21.2.0",
     "@maro-tech/core": "^0.0.4",
+    "@maro-tech/form": "^0.0.16",
     "@maro-tech/table": "^0.0.2",
+    "lucide-angular": "^0.577.0",
     "rxjs": "~7.8.0"
   },
   "dependencies": {
+    "jsbarcode": "^3.12.3",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/maro-tech-card.mjs",

package/types/maro-tech-card.d.ts

@@ -1,6 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Type } from '@angular/core';
+import { InjectionToken, Type, OnChanges } from '@angular/core';
 import { Observable } from 'rxjs';
+import { HttpParams } from '@angular/common/http';
+import * as lucide_angular from 'lucide-angular';
+import { UiSelectOption } from '@maro-tech/form';
+import { UiTableResponse, UiTableColumnConfig, UiTableFilter, UiTableRowAction, UiTableCellChange } from '@maro-tech/table';
 
 type ApiPluginMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 interface ApiPluginConfig {
@@ -149,6 +153,38 @@ interface EntityUpdatedEvent {
     source?: string;
 }
 
+declare const UI_CARD_API_BASE_URL: InjectionToken<string>;
+interface CardDictionarySuggestItem {
+    key: string;
+    label: string;
+    imageId?: string | null;
+}
+declare class CardDictionaryService {
+    private readonly http;
+    private readonly baseUrl;
+    getSuggestByName(name: string): Observable<CardDictionarySuggestItem[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardDictionaryService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardDictionaryService>;
+}
+declare class CardCurrentUserService {
+    private readonly http;
+    private readonly baseUrl;
+    private readonly user$;
+    getCurrentUser(): Observable<{
+        role?: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardCurrentUserService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardCurrentUserService>;
+}
+declare class CardImageService {
+    private readonly baseUrl;
+    getPhotoLink(id: string): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardImageService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardImageService>;
+}
+declare const cardApiResourceUrl: (baseUrl: string, path: string) => string;
+declare const cardApiParams: (params: Record<string, string | number | undefined>) => HttpParams;
+
 interface UiCardTabRegistration {
     key: string;
     component: Type<unknown>;
@@ -194,5 +230,315 @@ declare class ImagesViewerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImagesViewerComponent, "app-images-viewer", never, { "urls": { "alias": "urls"; "required": false; "isSignal": true; }; "initialIndex": { "alias": "initialIndex"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
 
-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 type { ApiPluginConfig, ApiPluginMethod, CardActionContext, CardActionLifecycleEvent, CardActionRequestedEvent, EntityUpdatedEvent, UiCardLayout, UiCardLayoutInput, UiCardTabComponent, UiCardTabConfig, UiCardTabField, UiCardTabRegistration, UiEntityCardAction, UiEntityCardHost, UiEntityCardResponse, UiEntityCardTab };
+interface UiEntityDocumentFile {
+    id: string;
+    entity: string;
+    entityId: string;
+    fileId: string;
+    name: string | null;
+    type: string;
+    size: number | string;
+    documentTypeId?: string | null;
+    documentTypeLabel?: string | null;
+    text?: string | null;
+    recognitionStatus?: 'PENDING' | 'PROCESSING' | 'COMPLETED' | 'FAILED' | null;
+    createdAt?: string;
+    updatedAt?: string;
+    downloadUrl: string;
+}
+interface UiEntityDocumentRecognitionStatus {
+    id: string;
+    text?: string | null;
+    recognitionStatus?: UiEntityDocumentFile['recognitionStatus'];
+    updatedAt?: string;
+}
+declare class UiEntityDocumentsService {
+    private readonly http;
+    private readonly baseUrl;
+    list(entity: string, entityId: string): Observable<UiEntityDocumentFile[]>;
+    recognitionStatus(id: string): Observable<UiEntityDocumentRecognitionStatus>;
+    upload(file: File): Observable<{
+        id: string;
+    }>;
+    attach(payload: {
+        entity: string;
+        entityId: string;
+        fileId: string;
+        documentTypeId?: string | null;
+    }): Observable<UiEntityDocumentFile>;
+    recognize(id: string): Observable<UiEntityDocumentFile>;
+    rename(id: string, name: string): Observable<UiEntityDocumentFile>;
+    remove(id: string): Observable<void>;
+    resolveDownloadUrl(fileId: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiEntityDocumentsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<UiEntityDocumentsService>;
+}
+
+declare class DocumentsComponent {
+    readonly entity: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly documentTypeDictionary = "doc_type";
+    readonly documents: _angular_core.WritableSignal<UiEntityDocumentFile[]>;
+    readonly documentTypeOptions: _angular_core.WritableSignal<UiSelectOption[]>;
+    readonly isUploadOpen: _angular_core.WritableSignal<boolean>;
+    readonly isLoading: _angular_core.WritableSignal<boolean>;
+    readonly recognizingDocumentId: _angular_core.WritableSignal<string | null>;
+    readonly isTextOpen: _angular_core.WritableSignal<boolean>;
+    readonly isImagePreviewOpen: _angular_core.WritableSignal<boolean>;
+    readonly textTarget: _angular_core.WritableSignal<UiEntityDocumentFile | null>;
+    readonly imagePreviewTarget: _angular_core.WritableSignal<UiEntityDocumentFile | null>;
+    readonly deletingDocumentId: _angular_core.WritableSignal<string | null>;
+    readonly eyeIcon: lucide_angular.LucideIconData;
+    readonly fileIcon: lucide_angular.LucideIconData;
+    readonly plusIcon: lucide_angular.LucideIconData;
+    readonly sparkleIcon: lucide_angular.LucideIconData;
+    readonly deleteIcon: lucide_angular.LucideIconData;
+    readonly isAdmin: _angular_core.Signal<boolean>;
+    private readonly documentsService;
+    private readonly dictionaryService;
+    private readonly toast;
+    private readonly confirmService;
+    private readonly destroyRef;
+    private loadedDocumentTypeDictionary;
+    private recognitionPolling?;
+    private readonly reloadEffect;
+    private readonly documentTypeDictionaryEffect;
+    openUploadModal(): void;
+    closeUploadModal(): void;
+    openTextModal(document: UiEntityDocumentFile): void;
+    closeTextModal(): void;
+    openImagePreview(document: UiEntityDocumentFile): void;
+    closeImagePreview(): void;
+    recognizeText(document: UiEntityDocumentFile): void;
+    removeDocument(document: UiEntityDocumentFile): void;
+    isDocumentRecognizing(document: UiEntityDocumentFile | null): boolean;
+    trackDocument(_: number, document: UiEntityDocumentFile): string;
+    getImagePreviewUrl(document: UiEntityDocumentFile): string;
+    private upsertDocument;
+    private loadDocuments;
+    formatSize(size?: number | string | null): string;
+    private resolveEntity;
+    private resolveId;
+    isImage(document: UiEntityDocumentFile): boolean;
+    isPdf(document: UiEntityDocumentFile): boolean;
+    getFileBadge(document: UiEntityDocumentFile): string;
+    getDocumentTypeLabel(document: UiEntityDocumentFile): string;
+    reloadDocuments(): void;
+    isRecognitionPending(document: UiEntityDocumentFile): boolean;
+    isRecognitionCompleted(document: UiEntityDocumentFile): boolean;
+    getRecognitionStatusLabel(document: UiEntityDocumentFile): string;
+    private updateRecognitionPolling;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DocumentsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DocumentsComponent, "app-documents", never, { "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AuditFieldChange {
+    label: string;
+    type?: string;
+    from: {
+        value: unknown;
+        display: string;
+        url?: string;
+    };
+    to: {
+        value: unknown;
+        display: string;
+        url?: string;
+    };
+}
+interface AuditChange {
+    action: string;
+    entityId: string;
+    entityType: string;
+    changedFields: Record<string, AuditFieldChange>;
+}
+interface AuditOperation {
+    id: string;
+    actorName?: string | null;
+    description: string;
+    actionCode: string;
+    createdAt: string;
+    changes: AuditChange[];
+}
+declare class HistoryTabComponent {
+    readonly entity: _angular_core.InputSignal<string>;
+    readonly primaryEntity: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly entityLabels: _angular_core.InputSignal<Record<string, string>>;
+    readonly operations: _angular_core.WritableSignal<AuditOperation[]>;
+    readonly isLoading: _angular_core.WritableSignal<boolean>;
+    readonly hasError: _angular_core.WritableSignal<boolean>;
+    readonly expandedOperationIds: _angular_core.WritableSignal<Set<string>>;
+    readonly viewerUrls: _angular_core.WritableSignal<string[]>;
+    readonly isViewerOpen: _angular_core.WritableSignal<boolean>;
+    private readonly http;
+    private readonly imageService;
+    private readonly baseUrl;
+    private readonly eventBus;
+    private readonly destroyRef;
+    private readonly refreshSequence;
+    private lastRequestKey;
+    constructor();
+    private readonly loadEffect;
+    toggleOperation(id: string): void;
+    isExpanded(id: string): boolean;
+    getEntityLabel(entityType: string): string;
+    getActionLabel(action: string): string;
+    isImageField(field: AuditFieldChange): boolean;
+    isHtmlField(field: AuditFieldChange): boolean;
+    isFileField(field: AuditFieldChange): boolean;
+    getImageUrls(value: unknown): string[];
+    openImageViewer(urls: string[]): void;
+    closeImageViewer(): void;
+    getAffectedSummary(operation: AuditOperation): string;
+    getPrimaryChanges(operation: AuditOperation): AuditChange[];
+    getRelatedChanges(operation: AuditOperation): AuditChange[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HistoryTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HistoryTabComponent, "app-history-tab", never, { "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "primaryEntity": { "alias": "primaryEntity"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "entityLabels": { "alias": "entityLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const ACTION_API = "ACTION_API";
+declare const ACTION_FORM = "ACTION_FORM";
+declare const ACTION_PRINT = "ACTION_PRINT";
+type ActionType = string;
+declare const normalizeActionType: (value: string | null | undefined) => string | null;
+declare class CardTableDataService {
+    private readonly http;
+    private readonly baseUrl;
+    getTableView(code: string, options: Record<string, unknown>): Observable<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableDataService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTableDataService>;
+}
+declare class CardTableWarehouseService {
+    private readonly http;
+    private readonly baseUrl;
+    getWarehouses(): Observable<{
+        items: any[];
+    }>;
+    getWarehouseItems(id: string | number): Observable<any[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableWarehouseService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTableWarehouseService>;
+}
+declare class CardTableBarcodeService {
+    printBarcode(options: {
+        barcode: string;
+        title: string;
+    }): void;
+    private escape;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableBarcodeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTableBarcodeService>;
+}
+declare class CardTablePrintService {
+    openPrintWindow(): Window | null;
+    print(config: {
+        html: string;
+        title?: string;
+    }): boolean;
+    printInWindow(printWindow: Window, config: {
+        html: string;
+        title?: string;
+    }): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTablePrintService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CardTablePrintService>;
+}
+
+type TableViewHeaderAction = any;
+declare class CardTableComponent implements OnChanges {
+    tab: UiCardTabConfig;
+    data: Record<string, unknown> | null;
+    private readonly tableViewsService;
+    private readonly warehouseService;
+    private readonly barcodePrintService;
+    private readonly eventBus;
+    private readonly host;
+    private readonly actionBus;
+    private readonly tableColumnsSignal;
+    private readonly tableRowsSignal;
+    private readonly tablePaginationSignal;
+    private readonly tableHeaderActionsSignal;
+    private readonly editableColumnOptionsSignal;
+    private readonly isTableLoadingSignal;
+    private readonly isTableActionRunningSignal;
+    private readonly activeEditableCellSignal;
+    private readonly activeFormTargetSignal;
+    readonly activeFormTarget: _angular_core.Signal<{
+        formId: string;
+        recordId: string;
+        initialValue: Record<string, unknown>;
+    } | null>;
+    readonly tableData: _angular_core.Signal<UiTableResponse<Record<string, unknown>>>;
+    private pageIndex;
+    private pageSize;
+    private sortField;
+    private sortDirection;
+    private tableViewColumns;
+    private editableColumnsLoaded;
+    ngOnChanges(): void;
+    get disablePaging(): boolean;
+    get tableColumns(): UiTableColumnConfig[];
+    get tableHeaderActions(): TableViewHeaderAction[];
+    get tableActions(): Array<{
+        id?: string;
+        label: string;
+        icon?: string;
+        variant?: 'primary' | 'ghost' | 'danger';
+        type?: ActionType;
+        component?: string;
+        formId?: string;
+        api?: string;
+        method?: 'GET' | 'POST' | 'PATCH' | 'PUT' | 'DELETE';
+        title?: string;
+        text?: string;
+        submit?: boolean | string;
+        payload?: Record<string, unknown>;
+        size?: 'sm' | 'md' | 'lg';
+    }>;
+    get isTableLoading(): boolean;
+    get isTableActionRunning(): boolean;
+    get rowClickable(): boolean;
+    onTablePageChange(event: UiTableFilter): void;
+    onTableAction(event: {
+        action: UiTableRowAction;
+        row: Record<string, unknown>;
+    }): void;
+    onHeaderAction(action: TableViewHeaderAction): void;
+    onTableRowClick(row: Record<string, unknown>): void;
+    onTableCellChange(event: UiTableCellChange<Record<string, unknown>>): void;
+    onEditableCellActivate(row: Record<string, unknown>, columnKey: string, event: MouseEvent): void;
+    isEditableCellActive(row: Record<string, unknown>, columnKey: string): boolean;
+    resolveEditableDisplayValue(row: Record<string, unknown>, column: UiTableColumnConfig): string;
+    private getCellValue;
+    private runPrintAction;
+    closeFormAction(): void;
+    refreshTable(): void;
+    private loadTable;
+    private runApiAction;
+    private runFormAction;
+    private runRowEditAction;
+    private runHeaderFormAction;
+    private normalizeTableColumns;
+    private normalizeTableRows;
+    private toTableRowData;
+    private saveEditableColumnChange;
+    private loadEditableColumnOptions;
+    private resolveEditableColumnsConfig;
+    private resolveEditableColumnPayload;
+    private resolveEditableColumnOptions;
+    private isEditEnabled;
+    private isDeleteEnabled;
+    private resolveTableSource;
+    private resolveTableFilters;
+    private resolveFiltersObject;
+    private resolveTemplatePayload;
+    private resolveTemplateString;
+    private resolveTemplateValue;
+    private resolvePageSize;
+    private resolveEditCondition;
+    private resolveEditableCondition;
+    private notify;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardTableComponent, "app-card-table", never, { "tab": { "alias": "tab"; "required": true; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+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 };
+export type { ActionType, ApiPluginConfig, ApiPluginMethod, CardActionContext, CardActionLifecycleEvent, CardActionRequestedEvent, CardDictionarySuggestItem, EntityUpdatedEvent, UiCardLayout, UiCardLayoutInput, UiCardTabComponent, UiCardTabConfig, UiCardTabField, UiCardTabRegistration, UiEntityCardAction, UiEntityCardHost, UiEntityCardResponse, UiEntityCardTab, UiEntityDocumentFile, UiEntityDocumentRecognitionStatus };