tin-spa 20.9.0 → 20.11.3

package/index.d.ts

@@ -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 i65 from '@angular/common/http';
+import * as i66 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,9 +32,9 @@ import * as i22 from '@angular/material/autocomplete';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import * as i17 from '@angular/material/chips';
 import { MatChipInputEvent } from '@angular/material/chips';
-import * as i67 from '@kolkov/angular-editor';
+import * as i68 from '@kolkov/angular-editor';
 import { AngularEditorConfig } from '@kolkov/angular-editor';
-import * as i69 from '@angular/cdk/drag-drop';
+import * as i70 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';
@@ -58,7 +58,7 @@ 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 i68 from 'ng2-charts';
+import * as i69 from 'ng2-charts';
 import { MsalService } from '@azure/msal-angular';
 
 declare class TinSpaService {
@@ -110,7 +110,8 @@ declare enum InvoiceStatus {
     Submitted = 1,
     Paid = 2,
     Discarded = 3,
-    Paying = 4
+    Paying = 4,
+    WrittenOff = 5
 }
 declare enum CreditNoteStatus {
     Draft = 0,
@@ -695,6 +696,7 @@ declare class DetailsDialogConfig {
     allowUserKeepOpen?: boolean;
     keepOpenBehavior?: 'reset' | 'edit';
     nestingLevel?: number;
+    localMode?: boolean;
 }
 declare class Action {
     method?: 'get' | 'post';
@@ -1048,6 +1050,12 @@ interface Column {
     detailsConfig?: DetailsDialogConfig;
     hiddenCondition?: (parentData: any) => boolean;
 }
+interface InlineEditConfig {
+    fields?: string[];
+}
+interface CreateTabConfig {
+    navigationProperty: string;
+}
 declare class PaginationConfig {
     pageSize?: number;
 }
@@ -1105,6 +1113,8 @@ declare class TableConfig {
     pagination?: PaginationConfig;
     allowUserKeepOpen?: boolean;
     keepOpenBehavior?: 'reset' | 'edit';
+    inlineEdit?: boolean | InlineEditConfig;
+    createConfig?: CreateTabConfig;
 }
 declare class PageConfig {
     title?: string;
@@ -1124,6 +1134,8 @@ declare class ApiResponse {
     message: string;
     data: any;
     total?: number;
+    reason?: string;
+    rowVersion?: string;
 }
 declare class Constants {
     static readonly AUTH_USER = "a";
@@ -1135,6 +1147,7 @@ declare class Constants {
     static readonly AUTH_REFRESH_TOKEN = "g";
     static readonly AUTH_REFRESH_TOKEN_EXPIRE = "h";
     static readonly AUTH_REMEMBER_ME = "r";
+    static readonly LAST_ROUTE = "lr";
 }
 declare class ListDialogConfig {
     name: string;
@@ -1183,6 +1196,7 @@ declare class AppConfig {
     navColor: string;
     navImage: string;
     keepSignedIn: boolean;
+    resumeLastRoute: boolean;
     setupConfig: SetupConfig;
 }
 interface SetupStepAction {
@@ -1298,6 +1312,8 @@ declare class OfflineService {
     matchMutation(url: string): OfflineEntry | null;
     suppressesUrl(absoluteUrl: string): boolean;
     private resolveConfig;
+    pendingCount(): Promise<number>;
+    clearCacheKeepOutbox(): Promise<void>;
     deleteLocalData(): Promise<void>;
     private ensureOpen;
     putRead(url: string, entity: string, data: any, maxRows: number): Promise<any>;
@@ -1318,6 +1334,7 @@ declare class OfflineService {
     private startRecoveryPolling;
     private stopRecoveryPolling;
     private startSync;
+    resumeQueue(): Promise<void>;
     drain(): Promise<void>;
     private drainLoop;
     private sendOp;
@@ -1398,6 +1415,7 @@ declare class DataServiceLib {
     capAggregates: CapItem;
     capReports: CapItem;
     capBudgets: CapItem;
+    capBudgetVsActual: CapItem;
     capAging: CapItem;
     capTaxRates: CapItem;
     capStandingOrders: CapItem;
@@ -1470,11 +1488,13 @@ declare class DataServiceLib {
     customerCreateButton: Button;
     customerEditButton: Button;
     customerDetailsConfig: DetailsDialogConfig;
+    customerCreateWithContactsButton: Button;
     customersTableConfig: TableConfig;
     supplierFormConfig: FormConfig;
     supplierCreateButton: Button;
     supplierEditButton: Button;
     supplierDetailsConfig: DetailsDialogConfig;
+    supplierCreateWithContactsButton: Button;
     suppliersTableConfig: TableConfig;
     gptCachesFormConfig: FormConfig;
     gptCachesTableConfig: TableConfig;
@@ -1613,6 +1633,7 @@ declare class AccountingService {
     invoiceRecordPaymentButton: Button;
     invoiceDiscardButton: Button;
     invoiceReturnButton: Button;
+    invoiceWriteOffButton: Button;
     invoiceSubmitButton: Button;
     invoiceEditButton: Button;
     invoiceDownloadButton: Button;
@@ -2096,6 +2117,25 @@ declare class SetupService {
     static ɵprov: i0.ɵɵInjectableDeclaration<SetupService>;
 }
 
+declare class LastRouteService {
+    private router;
+    private storage;
+    private dataService;
+    private started;
+    private excluded;
+    constructor(router: Router, storage: StorageService, dataService: DataServiceLib);
+    get enabled(): boolean;
+    private user;
+    start(): void;
+    resolve(): Promise<string | null>;
+    clear(): Promise<void>;
+    private save;
+    private normalize;
+    private isResumable;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LastRouteService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LastRouteService>;
+}
+
 declare class SetupGuideComponent implements OnInit {
     dataService: DataServiceLib;
     setupService: SetupService;
@@ -2822,7 +2862,9 @@ declare class NavMenuComponent {
     private dialog;
     subscriptionService: SubscriptionService;
     setupService: SetupService;
-    constructor(router: Router, authService: AuthService, storageService: StorageService, notificationsService: NotificationsService, breakpointObserver: BreakpointObserver, dataService: DataServiceLib, dialog: MatDialog, subscriptionService: SubscriptionService, setupService: SetupService);
+    private lastRouteService;
+    private offlineService;
+    constructor(router: Router, authService: AuthService, storageService: StorageService, notificationsService: NotificationsService, breakpointObserver: BreakpointObserver, dataService: DataServiceLib, dialog: MatDialog, subscriptionService: SubscriptionService, setupService: SetupService, lastRouteService: LastRouteService, offlineService: OfflineService);
     ngOnInit(): void;
     notificationCount$: any;
     setupCount$: Observable<number>;
@@ -2908,6 +2950,8 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     data: any;
     tileData: any;
     config: TableConfig;
+    localMode: boolean;
+    parentDetails: any;
     reload: Subject<boolean>;
     activeTab: boolean;
     inTab: boolean;
@@ -2939,6 +2983,16 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     private pagedUrlBase;
     private pageFetchInFlight;
     private initializeComponent;
+    get isLocal(): boolean;
+    private get localRows();
+    private refreshLocalData;
+    editingRow: any;
+    editingModel: any;
+    isRowEditing(row: any): boolean;
+    getInlineField(column: Column): Field | null;
+    startInlineEdit(row: any): void;
+    cancelInlineEdit(): void;
+    submitInlineEdit(): void;
     private updateTableConfiguration;
     private setupDataLoading;
     loadData(action: Action, data: any): void;
@@ -2999,7 +3053,7 @@ declare class TableComponent implements OnInit, AfterViewInit, OnDestroy {
     private rowIdKey;
     trackByRow: (index: number, row: any) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "spa-table", never, { "data": { "alias": "data"; "required": false; }; "tileData": { "alias": "tileData"; "required": false; }; "config": { "alias": "config"; "required": false; }; "reload": { "alias": "reload"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "inTab": { "alias": "inTab"; "required": false; }; "nestingLevel": { "alias": "nestingLevel"; "required": false; }; }, { "dataLoad": "dataLoad"; "actionSuccess": "actionSuccess"; "refreshClick": "refreshClick"; "searchClick": "searchClick"; "createClick": "createClick"; "actionClick": "actionClick"; "inputChange": "inputChange"; "actionResponse": "actionResponse"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "spa-table", never, { "data": { "alias": "data"; "required": false; }; "tileData": { "alias": "tileData"; "required": false; }; "config": { "alias": "config"; "required": false; }; "localMode": { "alias": "localMode"; "required": false; }; "parentDetails": { "alias": "parentDetails"; "required": false; }; "reload": { "alias": "reload"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "inTab": { "alias": "inTab"; "required": false; }; "nestingLevel": { "alias": "nestingLevel"; "required": false; }; }, { "dataLoad": "dataLoad"; "actionSuccess": "actionSuccess"; "refreshClick": "refreshClick"; "searchClick": "searchClick"; "createClick": "createClick"; "actionClick": "actionClick"; "inputChange": "inputChange"; "actionResponse": "actionResponse"; }, never, never, false, never>;
 }
 
 interface ExtraButtonVM {
@@ -3392,6 +3446,16 @@ declare class TableActionComponent implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<TableActionComponent, "app-table-action", never, { "displayedButtons": { "alias": "displayedButtons"; "required": false; }; "config": { "alias": "config"; "required": false; }; "row": { "alias": "row"; "required": false; }; "smallScreen": { "alias": "smallScreen"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, false, never>;
 }
 
+declare class InlineCellComponent {
+    field: Field;
+    data: any;
+    valueChange: EventEmitter<any>;
+    get display(): string;
+    cellChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineCellComponent, "app-inline-cell", never, { "field": { "alias": "field"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
 declare class AlertComponent implements OnInit {
     constructor();
     ngOnInit(): void;
@@ -3757,6 +3821,7 @@ declare class TabsComponent implements OnInit, OnChanges {
     tableConfigs: TableConfig[];
     reload: Subject<boolean>;
     parentDetails: any;
+    localMode: boolean;
     nestingLevel: number;
     formRefresh: EventEmitter<void>;
     actionSuccess: EventEmitter<void>;
@@ -3782,7 +3847,7 @@ declare class TabsComponent implements OnInit, OnChanges {
     updateVisibleTabs(): void;
     getReloadSubject(index: number): Subject<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "spa-tabs", never, { "tableConfigs": { "alias": "tableConfigs"; "required": false; }; "reload": { "alias": "reload"; "required": false; }; "parentDetails": { "alias": "parentDetails"; "required": false; }; "nestingLevel": { "alias": "nestingLevel"; "required": false; }; }, { "formRefresh": "formRefresh"; "actionSuccess": "actionSuccess"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "spa-tabs", never, { "tableConfigs": { "alias": "tableConfigs"; "required": false; }; "reload": { "alias": "reload"; "required": false; }; "parentDetails": { "alias": "parentDetails"; "required": false; }; "localMode": { "alias": "localMode"; "required": false; }; "nestingLevel": { "alias": "nestingLevel"; "required": false; }; }, { "formRefresh": "formRefresh"; "actionSuccess": "actionSuccess"; }, never, never, false, never>;
 }
 
 declare class StatusesComponent {
@@ -4088,6 +4153,7 @@ declare const ALSQUARE_SVG_WHITE = "<svg viewBox=\"0 0 80 80\" fill=\"none\" xml
 declare class SpaLandingComponent implements OnInit, AfterViewInit, OnDestroy {
     private router;
     private authService;
+    private lastRouteService;
     private el;
     private sanitizer;
     config: LandingConfig;
@@ -4095,7 +4161,8 @@ declare class SpaLandingComponent implements OnInit, AfterViewInit, OnDestroy {
     navScrolled: boolean;
     currentYear: number;
     private observer;
-    constructor(router: Router, authService: AuthService, el: ElementRef, sanitizer: DomSanitizer);
+    constructor(router: Router, authService: AuthService, lastRouteService: LastRouteService, // Added: resumeLastRoute
+    el: ElementRef, sanitizer: DomSanitizer);
     get safeNavBrandSvg(): SafeHtml | null;
     get safeHeroWatermarkSvg(): SafeHtml | null;
     get safeFooterBrandSvg(): SafeHtml | null;
@@ -4287,7 +4354,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 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 ImportDialogComponent], [typeof SpaMatModule, typeof i65.HttpClientModule, typeof CurrencyInputModule, 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 ImportDialogComponent, 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 ɵ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 InlineCellComponent, 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 ImportDialogComponent], [typeof SpaMatModule, typeof i66.HttpClientModule, typeof CurrencyInputModule, typeof i68.AngularEditorModule, typeof i69.BaseChartDirective, typeof i70.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 ImportDialogComponent, 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>;
 }
 
@@ -4305,7 +4372,9 @@ declare class LoginComponent implements OnInit {
     private msalService;
     private dialog;
     private setupService;
-    constructor(httpService: HttpService, storageService: StorageService, router: Router, messageService: MessageService, dataService: DataServiceLib, authService: AuthService, logService: LogService, route: ActivatedRoute, notificationsService: NotificationsService, signalRService: SignalRService, msalService: MsalService, dialog: MatDialog, setupService: SetupService);
+    private lastRouteService;
+    constructor(httpService: HttpService, storageService: StorageService, router: Router, messageService: MessageService, dataService: DataServiceLib, authService: AuthService, logService: LogService, route: ActivatedRoute, notificationsService: NotificationsService, signalRService: SignalRService, msalService: MsalService, dialog: MatDialog, setupService: SetupService, lastRouteService: LastRouteService);
+    private resumeTarget;
     ngOnInit(): void;
     loginWithMS(): void;
     autoLogin: boolean;
@@ -4646,6 +4715,8 @@ declare class AgingComponent implements OnInit {
     ngOnInit(): void;
     summaryData: any;
     loadSummaryData(): void;
+    postProvision(): void;
+    private messageService;
     agingTableConfigs: TableConfig[];
     tileConfig: TileConfig;
     constructor(dataServiceLib: DataServiceLib);
@@ -4768,9 +4839,13 @@ declare class ReportsComponent implements OnInit {
     accountingService: AccountingService;
     private httpService;
     private http;
+    from: string;
+    to: string;
     constructor(dataServiceLib: DataServiceLib, accountingService: AccountingService);
     ngOnInit(): void;
     reportTabConfigs: TableConfig[];
+    private withRange;
+    buildTabs(): void;
     export(report: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ReportsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ReportsComponent, "spa-reports", never, {}, {}, never, never, false, never>;
@@ -4828,6 +4903,7 @@ declare class VatReturnComponent implements OnInit {
     from: string;
     to: string;
     data: any;
+    whtData: any[];
     ngOnInit(): void;
     load(): void;
     export(): void;
@@ -5672,5 +5748,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, CreditNotesComponent as AccountingCreditNotesComponent, CurrenciesComponent as AccountingCurrenciesComponent, AccountingDashboardComponent, InvoicesComponent as AccountingInvoicesComponent, AccountingModule, ReportsComponent as AccountingReportsComponent, AccountingService, StatementComponent as AccountingStatementComponent, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, VatReturnComponent as AccountingVatReturnComponent, Action, ActivityComponent, AdminModule, AgentComponent, AgentService, AlertComponent, AlertConfig, AlertMessage, AnalyticsService, ApiResponse, AppConfig, AppModelsComponent, AssetStatus, AssetsService, AttachComponent, AuthService, BankReconciliationComponent, BillingPageComponent, BrandsComponent, CacheConfig, CapItem, CapsulesComponent, CategoriesComponent, ChangePasswordComponent, ChangeUserPassword, ChartConfig, ChartsComponent, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CreditNoteStatus, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EditorComponent, EmailComponent, EmployeesComponent, ExportService, FeatureDirective, FilterComponent, FiscalPeriodStatus, FiscalPeriodsComponent, FormComponent, FormConfig, GeneralModule, GeneralService, GradesComponent, GroupsComponent, HRModule, HtmlComponent, HttpService, ImportDialogComponent, IndexModule, InventoryDashboardComponent, InventoryModule, InventoryService, InvitationsTableComponent, InvoiceDashboardComponent, InvoiceItemType, InvoiceStatus, JournalEntryDialogComponent, 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, PaginationConfig, PayrollDashboardComponent, PayrollModule, PlansComponent, PositionsComponent, PreferencesComponent, PrivacyDialogComponent, Profile, ProfileComponent, PurchaseStatus, PurchasingDashboardComponent, PurchasingModule, PushNotificationService, QuoteStatus, QuotesComponent, ReceiptDialogComponent, ReceiptStatus, ReceiptsComponent, ReconcileDialogComponent, RecoverAccountComponent, Register, RevenueScheduleDialogComponent, RevenueSchedulesComponent, Role, RoleAccess, RolesComponent, SalesDashboardComponent, SalesModule, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SelectLiteComponent, SelectMultiComponent, SettingsComponent, SetupGuideComponent, SetupService, SignupComponent, SignupData, SpaAdminModule, SpaHomeModule, SpaIndexModule, SpaLandingComponent, SpaMatModule, SpaUserModule, StatementImportDialogComponent, 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, ImportConfig, LandingBrandOverride, LandingColors, LandingConfig, LandingFeature, LandingFooterColumn, LandingFooterLink, LandingMetric, LandingModuleGroup, LandingModuleTile, LandingNavLink, LandingPricingPlan, LandingSecurityItem, LandingStep, LandingTestimonial, OfflineConfig, OfflineEntry, OfflineOpStatus, OutboxOp, RefreshResult, SearchField, SetupConfig, SetupStatus, SetupStep, SetupStepAction, 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, CreditNotesComponent as AccountingCreditNotesComponent, CurrenciesComponent as AccountingCurrenciesComponent, AccountingDashboardComponent, InvoicesComponent as AccountingInvoicesComponent, AccountingModule, ReportsComponent as AccountingReportsComponent, AccountingService, StatementComponent as AccountingStatementComponent, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, VatReturnComponent as AccountingVatReturnComponent, Action, ActivityComponent, AdminModule, AgentComponent, AgentService, AlertComponent, AlertConfig, AlertMessage, AnalyticsService, ApiResponse, AppConfig, AppModelsComponent, AssetStatus, AssetsService, AttachComponent, AuthService, BankReconciliationComponent, BillingPageComponent, BrandsComponent, CacheConfig, CapItem, CapsulesComponent, CategoriesComponent, ChangePasswordComponent, ChangeUserPassword, ChartConfig, ChartsComponent, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CreditNoteStatus, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EditorComponent, EmailComponent, EmployeesComponent, ExportService, FeatureDirective, FilterComponent, FiscalPeriodStatus, FiscalPeriodsComponent, FormComponent, FormConfig, GeneralModule, GeneralService, GradesComponent, GroupsComponent, HRModule, HtmlComponent, HttpService, ImportDialogComponent, IndexModule, InventoryDashboardComponent, InventoryModule, InventoryService, InvitationsTableComponent, InvoiceDashboardComponent, InvoiceItemType, InvoiceStatus, JournalEntryDialogComponent, LabelComponent, LastRouteService, 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, PaginationConfig, PayrollDashboardComponent, PayrollModule, PlansComponent, PositionsComponent, PreferencesComponent, PrivacyDialogComponent, Profile, ProfileComponent, PurchaseStatus, PurchasingDashboardComponent, PurchasingModule, PushNotificationService, QuoteStatus, QuotesComponent, ReceiptDialogComponent, ReceiptStatus, ReceiptsComponent, ReconcileDialogComponent, RecoverAccountComponent, Register, RevenueScheduleDialogComponent, RevenueSchedulesComponent, Role, RoleAccess, RolesComponent, SalesDashboardComponent, SalesModule, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SelectLiteComponent, SelectMultiComponent, SettingsComponent, SetupGuideComponent, SetupService, SignupComponent, SignupData, SpaAdminModule, SpaHomeModule, SpaIndexModule, SpaLandingComponent, SpaMatModule, SpaUserModule, StatementImportDialogComponent, 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, CreateTabConfig, Field, GroupConfig, GroupData, Icon, ImportConfig, InlineEditConfig, LandingBrandOverride, LandingColors, LandingConfig, LandingFeature, LandingFooterColumn, LandingFooterLink, LandingMetric, LandingModuleGroup, LandingModuleTile, LandingNavLink, LandingPricingPlan, LandingSecurityItem, LandingStep, LandingTestimonial, OfflineConfig, OfflineEntry, OfflineOpStatus, OutboxOp, RefreshResult, SearchField, SetupConfig, SetupStatus, SetupStep, SetupStepAction, SpaChartType, StatusConfig, StatusItem, StatusState, TableViewType, Tile, TileChartConfig, TileChartType, TileStyle, TinSpaMsalConfig, TinSpaRuntimeConfig, VisibleTab };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tin-spa",
-  "version": "20.9.0",
+  "version": "20.11.3",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",

package/src/tin-styles.css

@@ -647,6 +647,24 @@ th.mat-mdc-header-cell {
   align-items: center;
 }
 
+/* Changed: Material gives every dialog-action button after the first a margin-left of 8px. On a wrapped row that
+   margin lands on the button that starts the new line, indenting it 8px past Submit. The gap above already spaces
+   them, so zero the margin and every row starts flush on the left. */
+.mat-mdc-dialog-actions .mat-button-base + .mat-button-base,
+.mat-mdc-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base,
+.mat-dialog-actions .mat-button-base + .mat-button-base {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+/* Changed: Material's invisible 48px tap area (.mat-mdc-button-touch-target) is wider than the 40px/32px icon
+   buttons this app renders, so a button sitting flush against the right edge of a scroll container (e.g. a table's
+   refresh icon inside a tab) pushed 4px of nothing past the edge and summoned a phantom horizontal scrollbar.
+   Capping it at the button's own width keeps the tap area but lets scrollbars appear only for real content. */
+.mat-mdc-button-touch-target {
+  max-width: 100%;
+}
+
 /* Override for spa-groups chip icons - maintain larger size */
 spa-groups .chip-icon,
 spa-groups .chip-additional-icon {
@@ -663,3 +681,55 @@ spa-groups mat-chip .mat-icon {
   height: inherit !important;
 
 }
+
+/* Read-only field styling: make readonly inputs look like Material disabled controls.
+   Applied via [class.spa-readonly] on mat-form-field in text/number/money/text-mask/
+   text-area/text-single/text-multi/email/date/datetime components, matching the
+   disabled look mat-select and mat-checkbox already get. Uses MDC disabled tokens. */
+.mat-mdc-form-field.spa-readonly .mdc-text-field--filled {
+  background-color: rgba(0, 0, 0, 0.06); /* slightly darker than MDC's 0.04 so the disabled state is unmistakable */
+}
+.mat-mdc-form-field.spa-readonly .mdc-text-field--outlined .mdc-notched-outline__leading,
+.mat-mdc-form-field.spa-readonly .mdc-text-field--outlined .mdc-notched-outline__notch,
+.mat-mdc-form-field.spa-readonly .mdc-text-field--outlined .mdc-notched-outline__trailing {
+  border-color: rgba(0, 0, 0, 0.12) !important; /* faded outline like a disabled outlined field */
+}
+.mat-mdc-form-field.spa-readonly .mat-mdc-input-element,
+.mat-mdc-form-field.spa-readonly textarea.mat-mdc-input-element {
+  color: rgba(0, 0, 0, 0.55) !important; /* dimmed value text — still legible but clearly not editable */
+  cursor: default;
+}
+.mat-mdc-form-field.spa-readonly .mat-mdc-floating-label,
+.mat-mdc-form-field.spa-readonly .mdc-floating-label {
+  color: rgba(0, 0, 0, 0.38) !important; /* MDC disabled label color */
+}
+.mat-mdc-form-field.spa-readonly .mat-mdc-form-field-focus-overlay {
+  display: none; /* no hover/focus highlight — the field should not invite interaction */
+}
+.mat-mdc-form-field.spa-readonly .mdc-line-ripple::before,
+.mat-mdc-form-field.spa-readonly .mdc-line-ripple::after {
+  border-bottom-style: dotted; /* dotted underline mirrors MDC's disabled filled-field underline */
+  border-bottom-color: rgba(0, 0, 0, 0.38) !important;
+}
+/* Dim prefix/suffix content (currency symbols, etc.) but keep info/copy icons usable */
+.mat-mdc-form-field.spa-readonly .mat-mdc-form-field-text-prefix,
+.mat-mdc-form-field.spa-readonly [matPrefix] {
+  color: rgba(0, 0, 0, 0.38);
+}
+/* Chip inputs (text-multi/email): gray out chips in readonly mode */
+.mat-mdc-form-field.spa-readonly .mat-mdc-chip {
+  opacity: 0.65;
+}
+/* Rich-text editor: gray out the editing surface when readonly */
+.spa-editor-wrap.spa-readonly .angular-editor-textarea {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+  color: rgba(0, 0, 0, 0.55) !important;
+  cursor: default;
+}
+.spa-editor-wrap.spa-readonly .angular-editor-toolbar {
+  opacity: 0.5;
+  pointer-events: none; /* toolbar buttons are meaningless when the surface is not editable */
+}
+.spa-editor-wrap.spa-readonly .spa-editor-label label {
+  color: rgba(0, 0, 0, 0.38);
+}