tin-spa 20.7.0 → 20.8.1

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EnvironmentProviders, OnInit, OnDestroy, TemplateRef, ViewContainerRef, OnChanges, SimpleChanges, EventEmitter, AfterViewInit, PipeTransform, ElementRef, AfterViewChecked, ChangeDetectorRef } from '@angular/core';
+import { InjectionToken, EnvironmentProviders, NgZone, OnInit, OnDestroy, TemplateRef, ViewContainerRef, OnChanges, SimpleChanges, EventEmitter, AfterViewInit, PipeTransform, ElementRef, AfterViewChecked, ChangeDetectorRef } from '@angular/core';
 import * as i12 from '@angular/material/snack-bar';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import * as i11 from '@angular/material/dialog';
@@ -8,7 +8,7 @@ import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import * as i1 from '@angular/router';
 import { Router, ActivatedRoute, CanActivateFn } from '@angular/router';
-import * as i62 from '@angular/common/http';
+import * as i64 from '@angular/common/http';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i7$1 from '@abacritt/angularx-social-login';
 import { SocialUser, SocialAuthService } from '@abacritt/angularx-social-login';
@@ -32,7 +32,9 @@ import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import * as i17 from '@angular/material/chips';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import * as i66 from '@angular/cdk/drag-drop';
+import * as i67 from '@kolkov/angular-editor';
+import { AngularEditorConfig } from '@kolkov/angular-editor';
+import * as i69 from '@angular/cdk/drag-drop';
 import { CdkDragEnter, CdkDragExit, CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i3$1 from '@angular/material/menu';
 import * as i4$1 from '@angular/material/slider';
@@ -56,8 +58,8 @@ import * as i28 from '@angular/material/progress-bar';
 import * as i29 from '@angular/material/sidenav';
 import * as i30 from '@angular/material/toolbar';
 import * as i32 from '@angular/material/expansion';
-import * as i64 from 'ngx-doc-viewer';
-import * as i65 from 'ng2-charts';
+import * as i66 from 'ngx-doc-viewer';
+import * as i68 from 'ng2-charts';
 import { MsalService } from '@azure/msal-angular';
 
 declare class TinSpaService {
@@ -483,6 +485,9 @@ interface TinSpaRuntimeConfig {
     pathRouting: boolean;
     /** Enable real-time (SignalR) features. Default false (disabled). */
     realTime: boolean;
+    /** Enable offline capability (TinSync: read cache + outbox + sync tray + connectivity indicator). Default false —
+     * apps that never use offline tables should leave this off so none of the offline machinery ever runs for them. */
+    offline?: boolean;
     /** Enable Microsoft SSO (MSAL). Only activates in a secure context (HTTPS/localhost). Default false. */
     microsoftAuth: boolean;
     /** MSAL credentials — required only when microsoftAuth is used. */
@@ -532,8 +537,19 @@ declare class SignalRService {
     constructor(runtimeConfig: TinSpaRuntimeConfig | null);
     /** Effective real-time enablement: legacy E2E kill-switch wins, else the configured runtime flag. */
     private realTimeEnabled;
+    /** Public: whether SignalR is the authoritative connection signal (used by OfflineService to pick SignalR vs ping). */
+    get isRealTime(): boolean;
     startConnection(hubUrl: string, token: string): void;
     updateToken(token: string): void;
+    private forcingReconnect;
+    /**
+     * Reconnect the hub NOW if real-time is enabled and the connection isn't up. Driven by OfflineService
+     * connectivity (the ping heartbeat) so the real-time indicator recovers on the SAME signal that flips the
+     * offline indicator back to online — they stay married "hand in glove". Handles both states the built-in
+     * auto-reconnect leaves us in: Reconnecting (stuck waiting on a long backoff interval → interrupt and connect
+     * now) and Disconnected (auto-reconnect exhausted after a long outage → start fresh). Safe to call repeatedly.
+     */
+    reconnectIfNeeded(): void;
     stopConnection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignalRService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SignalRService>;
@@ -677,6 +693,20 @@ declare class CacheConfig {
     getDuration(url: string): number | null;
     private matchesPattern;
 }
+type OfflineOpStatus = 'pending' | 'syncing' | 'synced' | 'failed' | 'conflict' | 'stale';
+interface OfflineConfig {
+    enabled: boolean;
+    cacheRows?: number;
+    cacheLookups?: boolean | string[];
+    lookupMaxAgeHours?: number;
+    queue?: {
+        create?: boolean;
+        edit?: boolean;
+        delete?: boolean;
+    };
+    maxQueueAgeHours?: number;
+    readOnly?: boolean;
+}
 interface SearchField extends Field {
     show?: boolean;
 }
@@ -702,7 +732,7 @@ interface AutoRefreshConfig {
 interface Field {
     securityConfig?: SecurityConfig;
     name: string;
-    type: 'text' | 'text-area' | 'text-single' | 'text-multi' | 'text-mask' | 'date' | 'date-short' | 'datetime' | 'datetimesec' | 'checkbox' | 'select' | 'select-multi' | 'money' | 'number' | 'section' | 'blank' | 'chip' | 'file' | 'file-view' | 'icon' | 'spinner' | 'button' | 'label' | 'email' | 'composite' | 'string' | 'html';
+    type: 'text' | 'text-area' | 'text-single' | 'text-multi' | 'text-mask' | 'date' | 'date-short' | 'datetime' | 'datetimesec' | 'checkbox' | 'select' | 'select-multi' | 'money' | 'number' | 'section' | 'blank' | 'chip' | 'file' | 'file-view' | 'icon' | 'spinner' | 'button' | 'label' | 'email' | 'composite' | 'string' | 'html' | 'editor';
     alias?: string;
     options?: any[];
     optionDisplay?: string;
@@ -754,6 +784,7 @@ interface Field {
     collapsed?: boolean;
     collapsedCondition?: (value: any) => boolean;
     maxHeight?: string;
+    editorConfig?: any;
     valueCalculation?: (value: any) => any;
     regex?: {
         pattern: string;
@@ -1044,6 +1075,7 @@ declare class TableConfig {
     };
     realTime?: boolean;
     entityName?: string;
+    offline?: OfflineConfig | boolean;
     allowUserKeepOpen?: boolean;
     keepOpenBehavior?: 'reset' | 'edit';
 }
@@ -1118,12 +1150,132 @@ declare class AppConfig {
     keepSignedIn: boolean;
 }
 
+interface ResolvedOfflineConfig {
+    enabled: boolean;
+    cacheRows: number;
+    cacheLookups: boolean | string[];
+    lookupMaxAgeHours: number;
+    queue: {
+        create: boolean;
+        edit: boolean;
+        delete: boolean;
+    };
+    maxQueueAgeHours: number;
+    readOnly: boolean;
+}
+interface OfflineEntry {
+    entity: string;
+    entityName: string;
+    idField: string;
+    config: ResolvedOfflineConfig;
+}
+interface OutboxOp {
+    seq?: number;
+    opId: string;
+    entity: string;
+    entityName: string;
+    url: string;
+    opAction: 'create' | 'edit' | 'delete';
+    payload: any;
+    clientRef?: string;
+    targetId?: any;
+    targetClientRef?: string;
+    refMap?: {
+        [field: string]: string;
+    };
+    status: OfflineOpStatus;
+    attempts: number;
+    lastError?: string;
+    serverRecord?: any;
+    maxAgeHours: number;
+    userId: string;
+    enqueuedAt: number;
+    syncedAt?: number;
+}
+declare class OfflineService {
+    private httpService;
+    private authService;
+    private storage;
+    private messageService;
+    private signalR;
+    private zone;
+    private runtimeConfig;
+    online$: BehaviorSubject<boolean>;
+    drained$: Subject<string[]>;
+    private db;
+    private reads;
+    private outbox;
+    private meta;
+    private entries;
+    private readUrls;
+    private readPrefixes;
+    registered$: BehaviorSubject<boolean>;
+    private connectivityStarted;
+    private syncStarted;
+    private draining;
+    private backoffTimer;
+    private periodicTimer;
+    private recoveryTimer;
+    constructor(httpService: HttpService, authService: AuthService, storage: StorageService, messageService: MessageService, signalR: SignalRService, zone: NgZone, runtimeConfig: TinSpaRuntimeConfig | null);
+    /** App-level gate: offline capability only runs when the app opts in via provideTinSpaRuntime({ offline: true }).
+     *  When off, register()/ensureConnectivity() no-op, so a consumer that never uses offline runs none of this. */
+    get enabled(): boolean;
+    get hasAny(): boolean;
+    get online(): boolean;
+    outboxView$(): Observable<any[]>;
+    private summarize;
+    private statusLabel;
+    register(config: TableConfig): OfflineEntry | null;
+    private registerLookups;
+    matchRead(url: string): OfflineEntry | null;
+    matchMutation(url: string): OfflineEntry | null;
+    suppressesUrl(absoluteUrl: string): boolean;
+    private resolveConfig;
+    private ensureOpen;
+    putRead(url: string, entity: string, data: any, maxRows: number): Promise<any>;
+    private getRead;
+    handleOfflineRead(action: Action, entry: OfflineEntry, networkCall: () => Observable<ApiResponse>): Observable<ApiResponse>;
+    private serveCachedRead;
+    enqueueOffline(action: Action, data: any, entry: OfflineEntry): Observable<ApiResponse>;
+    private enqueueMutation;
+    pendingOpsFor$(entity: string): Observable<OutboxOp[]>;
+    activeOps$(): Observable<OutboxOp[]>;
+    private pendingCreates;
+    private hasPending;
+    ensureConnectivity(): void;
+    reportNetworkFailure(): void;
+    private verify;
+    private setOnline;
+    private setOffline;
+    private startRecoveryPolling;
+    private stopRecoveryPolling;
+    private startSync;
+    drain(): Promise<void>;
+    private drainLoop;
+    private sendOp;
+    private finishOp;
+    private nextAutoOp;
+    private resetOrphans;
+    private cascadeFailure;
+    private scheduleBackoff;
+    retryOp(opId: string): Promise<void>;
+    discardOp(opId: string): Promise<any>;
+    resolveConflict(opId: string, choice: 'keepServer' | 'keepMine'): Promise<void>;
+    private getOp;
+    private parseAction;
+    private hash;
+    private sanitize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OfflineService, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OfflineService>;
+}
+
 declare class DataServiceLib {
     private httpService;
     router: Router;
     private route;
     private authService;
-    constructor(httpService: HttpService, router: Router, route: ActivatedRoute, authService: AuthService);
+    private offline;
+    constructor(httpService: HttpService, router: Router, route: ActivatedRoute, authService: AuthService, offline: OfflineService);
     appConfig: AppConfig;
     private appConfigSource;
     appConfigObserv: Observable<AppConfig>;
@@ -1317,6 +1469,27 @@ declare class LoaderService {
     static ɵprov: i0.ɵɵInjectableDeclaration<LoaderService>;
 }
 
+declare class viewerDialog implements OnInit {
+    private httpService;
+    private dataServiceLib;
+    data: any;
+    constructor(httpService: HttpService, dataServiceLib: DataServiceLib, data: any);
+    ngOnInit(): void;
+    isProcessing: boolean;
+    fullPath: string;
+    fileNames: any[];
+    fileName: string;
+    currIndex: number;
+    currentFileUrl: string;
+    previous(): void;
+    next(): void;
+    imageDoc: boolean;
+    setURL(): void;
+    change(fileName: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<viewerDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<viewerDialog, "app-editRequest", never, {}, {}, never, never, false, never>;
+}
+
 declare class DialogService {
     private dialog;
     private breakpointObserver;
@@ -1335,6 +1508,7 @@ declare class DialogService {
         inputChange: Observable<any>;
         dialogRef: MatDialogRef<any>;
     };
+    openViewerDialog(fileName: string, fileNames: string[] | string, path: string): MatDialogRef<viewerDialog>;
     openPrintDialog(htmlContent: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, [null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
@@ -1783,6 +1957,48 @@ declare class AnalyticsService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AnalyticsService>;
 }
 
+declare class OfflineIndicatorComponent {
+    private offline;
+    private router;
+    state$: Observable<{
+        online: boolean;
+        pending: number;
+        attention: number;
+        badge: number;
+    }>;
+    enabled: boolean;
+    constructor(offline: OfflineService, router: Router);
+    tooltip(s: {
+        online: boolean;
+        pending: number;
+        attention: number;
+        badge: number;
+    }): string;
+    openSyncPage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OfflineIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OfflineIndicatorComponent, "spa-offline-indicator", never, {}, {}, never, never, false, never>;
+}
+
+declare class SyncComponent implements OnInit, OnDestroy {
+    private offline;
+    private messageService;
+    ops: OutboxOp[];
+    alertConfig: AlertConfig | null;
+    private sub;
+    private retryButton;
+    private keepServerButton;
+    private keepMineButton;
+    private discardButton;
+    private syncNowButton;
+    tableConfig: TableConfig;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private discard;
+    private updateAlert;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SyncComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SyncComponent, "spa-sync", never, {}, {}, never, never, false, never>;
+}
+
 declare const authGuard: CanActivateFn;
 
 declare const featureGuard: (featureKey: string) => CanActivateFn;
@@ -2300,6 +2516,7 @@ declare class OptionComponent implements OnInit {
     infoMessage: string;
     copyContent: boolean;
     suffix: string;
+    editorConfig: any;
     loadAction: Action;
     valueChange: EventEmitter<any>;
     enterPress: EventEmitter<any>;
@@ -2309,7 +2526,7 @@ declare class OptionComponent implements OnInit {
     resetValue(): void;
     onInfoClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "spa-option", never, { "options": { "alias": "options"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisplay": { "alias": "optionDisplay"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "display": { "alias": "display"; "required": false; }; "show": { "alias": "show"; "required": false; }; "required": { "alias": "required"; "required": false; }; "infoMessage": { "alias": "infoMessage"; "required": false; }; "copyContent": { "alias": "copyContent"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "loadAction": { "alias": "loadAction"; "required": false; }; }, { "valueChange": "valueChange"; "enterPress": "enterPress"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "spa-option", never, { "options": { "alias": "options"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisplay": { "alias": "optionDisplay"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "display": { "alias": "display"; "required": false; }; "show": { "alias": "show"; "required": false; }; "required": { "alias": "required"; "required": false; }; "infoMessage": { "alias": "infoMessage"; "required": false; }; "copyContent": { "alias": "copyContent"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "editorConfig": { "alias": "editorConfig"; "required": false; }; "loadAction": { "alias": "loadAction"; "required": false; }; }, { "valueChange": "valueChange"; "enterPress": "enterPress"; }, never, never, false, never>;
 }
 
 declare class TilesComponent implements OnInit {
@@ -2487,7 +2704,9 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     private conditionService;
     private authService;
     private signalRService;
-    constructor(dataService: DataServiceLib, messageService: MessageService, breakpointObserver: BreakpointObserver, dialog: MatDialog, buttonService: ButtonService, dialogService: DialogService, tableConfigService: TableConfigService, conditionService: ConditionService, authService: AuthService, signalRService: SignalRService);
+    private offline;
+    constructor(dataService: DataServiceLib, messageService: MessageService, breakpointObserver: BreakpointObserver, dialog: MatDialog, buttonService: ButtonService, dialogService: DialogService, tableConfigService: TableConfigService, conditionService: ConditionService, authService: AuthService, signalRService: SignalRService, // Changed: Added SignalRService
+    offline: OfflineService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -2522,6 +2741,10 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     private realTimeSubs;
     private realTimeEntityName;
     isSignalRConnected: boolean;
+    private offlineEntry;
+    private pendingOps;
+    private rawRows;
+    private offlineSubs;
     private initializeComponent;
     private updateTableConfiguration;
     private setupDataLoading;
@@ -2558,7 +2781,14 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     execAction(button: Button, row: any): void;
     private getElevationClass;
     private realTimeRefreshOrFallback;
+    private setupOffline;
+    private placeStatusIcons;
+    private applyOfflineOverlay;
+    private computeOverlay;
+    private reapplyOverlay;
     private setupRealTimeSubscriptions;
+    private realTimeBaseRows;
+    private applyRealTimeData;
     private deriveEntityName;
     private findIdKey;
     ngOnDestroy(): void;
@@ -2764,27 +2994,6 @@ declare class ViewerComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<ViewerComponent, "spa-viewer", never, { "fileAction": { "alias": "fileAction"; "required": false; }; "path": { "alias": "path"; "required": false; }; "folderName": { "alias": "folderName"; "required": false; }; "fileNames": { "alias": "fileNames"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "display": { "alias": "display"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "remove": "remove"; }, never, never, false, never>;
 }
 
-declare class viewerDialog implements OnInit {
-    private httpService;
-    private dataServiceLib;
-    data: any;
-    constructor(httpService: HttpService, dataServiceLib: DataServiceLib, data: any);
-    ngOnInit(): void;
-    isProcessing: boolean;
-    fullPath: string;
-    fileNames: any[];
-    fileName: string;
-    currIndex: number;
-    currentFileUrl: string;
-    previous(): void;
-    next(): void;
-    imageDoc: boolean;
-    setURL(): void;
-    change(fileName: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<viewerDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<viewerDialog, "app-editRequest", never, {}, {}, never, never, false, never>;
-}
-
 declare class ListDialogComponent implements OnInit {
     private dataService;
     private dialogRef;
@@ -3175,6 +3384,30 @@ declare class HtmlComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<HtmlComponent, "spa-html", never, { "value": { "alias": "value"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "display": { "alias": "display"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+declare class EditorComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    display: string;
+    value: string;
+    readonly: boolean;
+    required: boolean;
+    hint: string;
+    infoMessage: string;
+    placeholder: string;
+    width: string;
+    height: string;
+    minHeight: string;
+    defaultFontName: string;
+    editorConfig: AngularEditorConfig;
+    valueChange: EventEmitter<any>;
+    config: AngularEditorConfig;
+    private buildConfig;
+    changed(val: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "spa-editor", never, { "display": { "alias": "display"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "infoMessage": { "alias": "infoMessage"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "defaultFontName": { "alias": "defaultFontName"; "required": false; }; "editorConfig": { "alias": "editorConfig"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
 declare class NotesComponent implements OnInit {
     private dataService;
     constructor(dataService: DataServiceLib);
@@ -3721,7 +3954,7 @@ declare class CurrencyInputModule {
 
 declare class TinSpaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TinSpaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TinSpaModule, [typeof TinSpaComponent, typeof TextComponent, typeof TextMaskComponent, typeof TextAreaComponent, typeof TextSingleComponent, typeof CheckComponent, typeof DateComponent, typeof DatetimeComponent, typeof LabelComponent, typeof SelectComponent, typeof ActivityComponent, typeof FilterComponent, typeof messageDialog, typeof MoneyComponent, typeof OptionComponent, typeof TilesComponent, typeof StepsComponent, typeof AttachComponent, typeof ChipsComponent, typeof LoaderComponent, typeof NavMenuComponent, typeof TableComponent, typeof DetailsDialog, typeof FormComponent, typeof CamelToWordsPipe, typeof NumberComponent, typeof SearchComponent, typeof ViewerComponent, typeof viewerDialog, typeof ListDialogComponent, typeof InvitationsTableComponent, typeof TableHeaderComponent, typeof TableRowComponent, typeof TableActionComponent, typeof AlertComponent, typeof EmailComponent, typeof PageComponent, typeof SelectCommonComponent, typeof SuffixComponent, typeof SelectContextDirective, typeof SelectLiteComponent, typeof TextMultiComponent, typeof SelectMultiComponent, typeof SelectBitwiseComponent, typeof HtmlComponent, typeof NotesComponent, typeof CapsulesComponent, typeof CardsComponent, typeof TabsComponent, typeof StatusesComponent, typeof GroupsComponent, typeof TitleActionsComponent, typeof WelcomeComponent, typeof TermsDialogComponent, typeof PrivacyDialogComponent, typeof ChartsComponent, typeof FeatureDirective, typeof SpaLandingComponent, typeof ToastComponent, typeof AgentComponent], [typeof SpaMatModule, typeof i62.HttpClientModule, typeof CurrencyInputModule, typeof i64.NgxDocViewerModule, typeof i65.BaseChartDirective, typeof i66.DragDropModule], [typeof TinSpaComponent, typeof SpaMatModule, typeof AlertComponent, typeof TextComponent, typeof TextMaskComponent, typeof TextAreaComponent, typeof TextSingleComponent, typeof TextMultiComponent, typeof messageDialog, typeof NavMenuComponent, typeof LoaderComponent, typeof TilesComponent, typeof DateComponent, typeof SelectComponent, typeof SelectBitwiseComponent, typeof SelectMultiComponent, typeof DatetimeComponent, typeof CheckComponent, typeof AttachComponent, typeof MoneyComponent, typeof ChipsComponent, typeof ActivityComponent, typeof OptionComponent, typeof LabelComponent, typeof StepsComponent, typeof FilterComponent, typeof TableComponent, typeof DetailsDialog, typeof FormComponent, typeof NumberComponent, typeof SearchComponent, typeof ViewerComponent, typeof viewerDialog, typeof ListDialogComponent, typeof ListDialogComponent, typeof EmailComponent, typeof PageComponent, typeof HtmlComponent, typeof NotesComponent, typeof CapsulesComponent, typeof TabsComponent, typeof StatusesComponent, typeof GroupsComponent, typeof TitleActionsComponent, typeof WelcomeComponent, typeof InvitationsTableComponent, typeof TermsDialogComponent, typeof PrivacyDialogComponent, typeof SelectLiteComponent, typeof ChartsComponent, typeof FeatureDirective, typeof SpaLandingComponent, typeof AgentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TinSpaModule, [typeof TinSpaComponent, typeof TextComponent, typeof TextMaskComponent, typeof TextAreaComponent, typeof TextSingleComponent, typeof CheckComponent, typeof DateComponent, typeof DatetimeComponent, typeof LabelComponent, typeof SelectComponent, typeof ActivityComponent, typeof FilterComponent, typeof messageDialog, typeof MoneyComponent, typeof OptionComponent, typeof TilesComponent, typeof StepsComponent, typeof AttachComponent, typeof ChipsComponent, typeof LoaderComponent, typeof NavMenuComponent, typeof TableComponent, typeof DetailsDialog, typeof FormComponent, typeof CamelToWordsPipe, typeof NumberComponent, typeof SearchComponent, typeof ViewerComponent, typeof viewerDialog, typeof ListDialogComponent, typeof InvitationsTableComponent, typeof TableHeaderComponent, typeof TableRowComponent, typeof TableActionComponent, typeof AlertComponent, typeof EmailComponent, typeof PageComponent, typeof SelectCommonComponent, typeof SuffixComponent, typeof SelectContextDirective, typeof SelectLiteComponent, typeof TextMultiComponent, typeof SelectMultiComponent, typeof SelectBitwiseComponent, typeof HtmlComponent, typeof EditorComponent, typeof NotesComponent, typeof CapsulesComponent, typeof CardsComponent, typeof TabsComponent, typeof StatusesComponent, typeof GroupsComponent, typeof TitleActionsComponent, typeof WelcomeComponent, typeof TermsDialogComponent, typeof PrivacyDialogComponent, typeof ChartsComponent, typeof FeatureDirective, typeof SpaLandingComponent, typeof ToastComponent, typeof AgentComponent, typeof OfflineIndicatorComponent], [typeof SpaMatModule, typeof i64.HttpClientModule, typeof CurrencyInputModule, typeof i66.NgxDocViewerModule, typeof i67.AngularEditorModule, typeof i68.BaseChartDirective, typeof i69.DragDropModule], [typeof TinSpaComponent, typeof SpaMatModule, typeof AlertComponent, typeof TextComponent, typeof TextMaskComponent, typeof TextAreaComponent, typeof TextSingleComponent, typeof TextMultiComponent, typeof messageDialog, typeof NavMenuComponent, typeof LoaderComponent, typeof TilesComponent, typeof DateComponent, typeof SelectComponent, typeof SelectBitwiseComponent, typeof SelectMultiComponent, typeof DatetimeComponent, typeof CheckComponent, typeof AttachComponent, typeof MoneyComponent, typeof ChipsComponent, typeof ActivityComponent, typeof OptionComponent, typeof LabelComponent, typeof StepsComponent, typeof FilterComponent, typeof TableComponent, typeof DetailsDialog, typeof FormComponent, typeof NumberComponent, typeof SearchComponent, typeof ViewerComponent, typeof viewerDialog, typeof ListDialogComponent, typeof ListDialogComponent, typeof EmailComponent, typeof PageComponent, typeof HtmlComponent, typeof EditorComponent, typeof NotesComponent, typeof CapsulesComponent, typeof TabsComponent, typeof StatusesComponent, typeof GroupsComponent, typeof TitleActionsComponent, typeof WelcomeComponent, typeof InvitationsTableComponent, typeof TermsDialogComponent, typeof PrivacyDialogComponent, typeof SelectLiteComponent, typeof ChartsComponent, typeof FeatureDirective, typeof SpaLandingComponent, typeof AgentComponent, typeof OfflineIndicatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TinSpaModule>;
 }
 
@@ -4839,7 +5072,7 @@ declare class NotificationsConfigComponent implements OnInit {
 
 declare class WorkflowModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkflowModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WorkflowModule, [typeof ApprovalsComponent, typeof ApprovalsConfigComponent, typeof NotificationsComponent, typeof AppModelsComponent, typeof NotificationsConfigComponent], [typeof i4.CommonModule, typeof SpaAdminModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WorkflowModule, [typeof ApprovalsComponent, typeof ApprovalsConfigComponent, typeof NotificationsComponent, typeof AppModelsComponent, typeof NotificationsConfigComponent, typeof SyncComponent], [typeof i4.CommonModule, typeof SpaAdminModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WorkflowModule>;
 }
 
@@ -4891,5 +5124,5 @@ declare class SpaHomeModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SpaHomeModule>;
 }
 
-export { ALSQUARE_SVG_DARK, ALSQUARE_SVG_WHITE, Account, AccountsComponent as AccountingAccountsComponent, AggregatesComponent as AccountingAggregatesComponent, AgingComponent as AccountingAgingComponent, CurrenciesComponent as AccountingCurrenciesComponent, AccountingDashboardComponent, InvoicesComponent as AccountingInvoicesComponent, AccountingModule, ReportsComponent as AccountingReportsComponent, AccountingService, StatementComponent as AccountingStatementComponent, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, Action, ActivityComponent, AdminModule, AgentComponent, AgentService, AlertComponent, AlertConfig, AlertMessage, AnalyticsService, ApiResponse, AppConfig, AppModelsComponent, AssetStatus, AssetsService, AttachComponent, AuthService, BillingPageComponent, BrandsComponent, CacheConfig, CapItem, CapsulesComponent, CategoriesComponent, ChangePasswordComponent, ChangeUserPassword, ChartConfig, ChartsComponent, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EmailComponent, EmployeesComponent, ExportService, FeatureDirective, FilterComponent, FormComponent, FormConfig, GeneralModule, GeneralService, GradesComponent, GroupsComponent, HRModule, HtmlComponent, HttpService, IndexModule, InventoryDashboardComponent, InventoryModule, InventoryService, InvitationsTableComponent, InvoiceDashboardComponent, InvoiceItemType, InvoiceStatus, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansModule, LoansService, LogLevel, LogService, LoginComponent, LogsComponent, ManufacturingModule, MembershipComponent, MessageService, MoneyComponent, MovementType, NavMenuComponent, NotesComponent, NotesConfig, NotificationsService, NumberComponent, OnboardingComponent, OptionComponent, OverviewDashboardComponent, OverviewModule, PageComponent, PageConfig, PayrollDashboardComponent, PayrollModule, PlansComponent, PositionsComponent, PreferencesComponent, PrivacyDialogComponent, Profile, ProfileComponent, PurchaseStatus, PurchasingDashboardComponent, PurchasingModule, PushNotificationService, ReceiptStatus, RecoverAccountComponent, Register, Role, RoleAccess, RolesComponent, SalesDashboardComponent, SalesModule, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SelectLiteComponent, SelectMultiComponent, SettingsComponent, SignupComponent, SignupData, SpaAdminModule, SpaHomeModule, SpaIndexModule, SpaLandingComponent, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SubCategoriesComponent, SubscriptionPageComponent, SubscriptionService, SuppliersComponent, TIN_SPA_RUNTIME_CONFIG, TabService, TableComponent, TableConfig, TabsComponent, TasksComponent, TenancyModule, TenantsComponent, TermsDialogComponent, TextAreaComponent, TextComponent, TextMaskComponent, TextMultiComponent, TextSingleComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, TransactionTiming, UnitOfMeasure, UpdateService, User, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, WorkflowModule, authGuard, dialogOptions, featureGuard, loginConfig, messageDialog, provideTinSpaRuntime, tinSpaLocationStrategyFactory, tinSpaMsalInstanceFactory, viewerDialog };
-export type { AgentMessage, AutoRefreshConfig, BitwiseOption, Button, CacheRule, CapsuleConfig, CardConfig, ChartItem, ChildField, CloseOptions, Color, Column, Confirm, ConversationSummary, Field, GroupConfig, GroupData, Icon, LandingBrandOverride, LandingColors, LandingConfig, LandingFeature, LandingFooterColumn, LandingFooterLink, LandingMetric, LandingModuleGroup, LandingModuleTile, LandingNavLink, LandingPricingPlan, LandingSecurityItem, LandingStep, LandingTestimonial, SearchField, SpaChartType, StatusConfig, StatusItem, StatusState, TableViewType, Tile, TileChartConfig, TileChartType, TileStyle, TinSpaMsalConfig, TinSpaRuntimeConfig, VisibleTab };
+export { ALSQUARE_SVG_DARK, ALSQUARE_SVG_WHITE, Account, AccountsComponent as AccountingAccountsComponent, AggregatesComponent as AccountingAggregatesComponent, AgingComponent as AccountingAgingComponent, CurrenciesComponent as AccountingCurrenciesComponent, AccountingDashboardComponent, InvoicesComponent as AccountingInvoicesComponent, AccountingModule, ReportsComponent as AccountingReportsComponent, AccountingService, StatementComponent as AccountingStatementComponent, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, Action, ActivityComponent, AdminModule, AgentComponent, AgentService, AlertComponent, AlertConfig, AlertMessage, AnalyticsService, ApiResponse, AppConfig, AppModelsComponent, AssetStatus, AssetsService, AttachComponent, AuthService, BillingPageComponent, BrandsComponent, CacheConfig, CapItem, CapsulesComponent, CategoriesComponent, ChangePasswordComponent, ChangeUserPassword, ChartConfig, ChartsComponent, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EditorComponent, EmailComponent, EmployeesComponent, ExportService, FeatureDirective, FilterComponent, FormComponent, FormConfig, GeneralModule, GeneralService, GradesComponent, GroupsComponent, HRModule, HtmlComponent, HttpService, IndexModule, InventoryDashboardComponent, InventoryModule, InventoryService, InvitationsTableComponent, InvoiceDashboardComponent, InvoiceItemType, InvoiceStatus, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansModule, LoansService, LogLevel, LogService, LoginComponent, LogsComponent, ManufacturingModule, MembershipComponent, MessageService, MoneyComponent, MovementType, NavMenuComponent, NotesComponent, NotesConfig, NotificationsService, NumberComponent, OfflineIndicatorComponent, OfflineService, OnboardingComponent, OptionComponent, OverviewDashboardComponent, OverviewModule, PageComponent, PageConfig, PayrollDashboardComponent, PayrollModule, PlansComponent, PositionsComponent, PreferencesComponent, PrivacyDialogComponent, Profile, ProfileComponent, PurchaseStatus, PurchasingDashboardComponent, PurchasingModule, PushNotificationService, ReceiptStatus, RecoverAccountComponent, Register, Role, RoleAccess, RolesComponent, SalesDashboardComponent, SalesModule, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SelectLiteComponent, SelectMultiComponent, SettingsComponent, SignupComponent, SignupData, SpaAdminModule, SpaHomeModule, SpaIndexModule, SpaLandingComponent, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SubCategoriesComponent, SubscriptionPageComponent, SubscriptionService, SuppliersComponent, SyncComponent, TIN_SPA_RUNTIME_CONFIG, TabService, TableComponent, TableConfig, TabsComponent, TasksComponent, TenancyModule, TenantsComponent, TermsDialogComponent, TextAreaComponent, TextComponent, TextMaskComponent, TextMultiComponent, TextSingleComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, TransactionTiming, UnitOfMeasure, UpdateService, User, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, WorkflowModule, authGuard, dialogOptions, featureGuard, loginConfig, messageDialog, provideTinSpaRuntime, tinSpaLocationStrategyFactory, tinSpaMsalInstanceFactory, viewerDialog };
+export type { AgentMessage, AutoRefreshConfig, BitwiseOption, Button, CacheRule, CapsuleConfig, CardConfig, ChartItem, ChildField, CloseOptions, Color, Column, Confirm, ConversationSummary, Field, GroupConfig, GroupData, Icon, LandingBrandOverride, LandingColors, LandingConfig, LandingFeature, LandingFooterColumn, LandingFooterLink, LandingMetric, LandingModuleGroup, LandingModuleTile, LandingNavLink, LandingPricingPlan, LandingSecurityItem, LandingStep, LandingTestimonial, OfflineConfig, OfflineEntry, OfflineOpStatus, OutboxOp, SearchField, SpaChartType, StatusConfig, StatusItem, StatusState, TableViewType, Tile, TileChartConfig, TileChartType, TileStyle, TinSpaMsalConfig, TinSpaRuntimeConfig, VisibleTab };

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "tin-spa",
-  "version": "20.7.0",
+  "version": "20.8.1",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@azure/msal-angular": "^4.0.0",
-    "@azure/msal-browser": "^4.0.0"
+    "@azure/msal-browser": "^4.0.0",
+    "@kolkov/angular-editor": "^3.0.5"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "dexie": "^4.0.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"