tin-spa 20.4.1 → 20.4.2

package/fesm2022/tin-spa.mjs

@@ -835,6 +835,14 @@ var InvoiceItemType;
     InvoiceItemType[InvoiceItemType["Product"] = 1] = "Product";
     InvoiceItemType[InvoiceItemType["Service"] = 2] = "Service";
 })(InvoiceItemType || (InvoiceItemType = {}));
+// Fixed asset status enum - mirrors backend AssetStatus
+var AssetStatus;
+(function (AssetStatus) {
+    AssetStatus[AssetStatus["Draft"] = 0] = "Draft";
+    AssetStatus[AssetStatus["Active"] = 1] = "Active";
+    AssetStatus[AssetStatus["FullyDepreciated"] = 2] = "FullyDepreciated";
+    AssetStatus[AssetStatus["Disposed"] = 3] = "Disposed";
+})(AssetStatus || (AssetStatus = {}));
 // Transaction timing enum - separates WHEN payment occurs from HOW
 var TransactionTiming;
 (function (TransactionTiming) {
@@ -1660,6 +1668,10 @@ class DataServiceLib {
         this.capDepartments = new CapItem;
         this.capPositions = new CapItem;
         this.capGrades = new CapItem;
+        this.capPayroll = new CapItem; // Changed: Added Payroll module sidebar items
+        this.capSalaryStructures = new CapItem;
+        this.capStatutoryDeductions = new CapItem;
+        this.capPayrollRuns = new CapItem;
         this.capApprovals = new CapItem;
         this.capApprovalsConfig = new CapItem;
         this.capNotifications = new CapItem;
@@ -1670,8 +1682,12 @@ class DataServiceLib {
         this.capAccounting = new CapItem;
         this.capAccounts = new CapItem;
         this.capAggregates = new CapItem; // Added: Capability for aggregates view
+        this.capReports = new CapItem; // Added: Capability for financial reports
         this.capAging = new CapItem; // Added: Capability for aging report
         this.capTaxRates = new CapItem; // Changed: Capability for tax rates management
+        this.capStandingOrders = new CapItem; // Changed: Capability for standing orders management
+        this.capFixedAssets = new CapItem; // Added: Capability for fixed assets management
+        this.capFixedAssetCategories = new CapItem; // Added: Capability for fixed asset categories management
         this.capTransactionTypes = new CapItem;
         this.capTransactions = new CapItem;
         this.capAccountingInvoices = new CapItem;
@@ -1700,6 +1716,7 @@ class DataServiceLib {
         this.capManufacturing = new CapItem; // Changed: Manufacturing module menu group
         this.capSalesModule = new CapItem; // Changed: Sales module menu group
         this.capPurchasingModule = new CapItem; // Changed: Purchasing module menu group
+        this.capSupplierAging = new CapItem; // Changed: AP Aging capability property
         this.tmpProfileuserName = "";
         this.isProcessing = false;
         //--------------------------Departmemts Form-------------------------
@@ -1757,6 +1774,7 @@ class DataServiceLib {
                 { name: 'employmentStatus', alias: 'Employment Status', type: 'select', loadAction: { url: 'employees/list/employment-status' } },
                 { name: 'activeStatus', alias: 'Active Status', type: 'select', loadAction: { url: 'employees/list/active-status' } },
                 { name: 'passportNumber', type: 'text', alias: 'Passport Number' },
+                { name: 'salaryStructureID', alias: 'Salary Structure', type: 'select', loadAction: { url: 'salarystructures/list/x' }, nullable: true }, // Changed: Added for payroll salary structure assignment
                 { name: 'userName', type: 'select', alias: 'User', loadAction: { url: 'user/list/x' }, optionDisplay: 'name', optionValue: 'value', nullable: true, infoMessage: 'Related user account' },
                 { name: 'address', type: 'text-area', rows: 2, span: true },
                 { name: 'phone', type: 'text' },
@@ -1767,6 +1785,8 @@ class DataServiceLib {
             heroField: 'employeeID',
             includeAudit: true,
         };
+        // Changed: Added edit button for employee details dialog
+        this.editEmployeeButton = { name: 'edit', dialog: true, inDialog: true, action: { url: 'employees?action=edit', method: 'post' } };
         this.employeesTableConfig = {
             showFilter: true,
             minColumns: ['name', 'departmentName', 'positionName'],
@@ -1777,13 +1797,70 @@ class DataServiceLib {
                 { name: 'genderName', type: 'text', alias: 'Gender' },
                 { name: 'departmentName', type: 'text', alias: 'Department' },
                 { name: 'positionName', type: 'text', alias: 'Position' },
+                { name: 'salaryStructureName', type: 'text', alias: 'Salary Structure' }, // Changed: Added for payroll display
                 { name: 'employmentStatusName', type: 'text', alias: 'Employment Status' },
                 { name: 'activeStatusName', type: 'text', alias: 'Active Status' },
                 { name: 'isLinked', type: 'checkbox', alias: 'Linked' },
             ],
             buttons: [
                 { name: 'create', display: 'Create', dialog: true, action: { url: 'employees?action=create', method: 'post' } },
-                { name: 'view', dialog: true },
+                {
+                    name: 'view',
+                    dialog: true,
+                    detailsConfig: {
+                        formConfig: this.employeeFormConfig,
+                        heroField: 'employeeID',
+                        buttons: [this.editEmployeeButton],
+                        tableConfigs: [
+                            // Changed: Employee salary components child table
+                            {
+                                tabTitle: 'Salary Components',
+                                showFilter: false,
+                                elevation: 'none',
+                                flatButtons: true,
+                                columns: [
+                                    { name: 'componentName', type: 'text', alias: 'Component' },
+                                    { name: 'componentType', type: 'text', alias: 'Type' },
+                                    { name: 'calculationMethod', type: 'text', alias: 'Calculation' },
+                                    { name: 'value', type: 'money', alias: 'Value' },
+                                ],
+                                buttons: [
+                                    { name: 'create', display: 'Create', dialog: true, action: { url: 'employeesalarycomponents?action=create', method: 'post' } },
+                                    { name: 'edit', dialog: true, action: { url: 'employeesalarycomponents?action=edit', method: 'post' } },
+                                    { name: 'delete', dialog: true, action: { url: 'employeesalarycomponents?action=delete', method: 'post' } },
+                                ],
+                                loadAction: { url: 'employeesalarycomponents/x/x' }, loadCriteria: 'employee', loadIDField: 'employeeID',
+                                formConfig: {
+                                    title: 'Salary Component',
+                                    fixedTitle: true,
+                                    fields: [
+                                        { name: 'salaryComponentID', alias: 'Component', type: 'select', loadAction: { url: 'salarycomponents/list/x' }, required: true },
+                                        { name: 'value', type: 'money', alias: 'Value', required: true },
+                                    ],
+                                    loadAction: { url: 'employeesalarycomponents/id' },
+                                    heroField: 'employeeSalaryComponentID',
+                                },
+                            },
+                            // Changed: Employee payslip history child table
+                            {
+                                tabTitle: 'Payslip History',
+                                showFilter: false,
+                                elevation: 'none',
+                                flatButtons: true,
+                                columns: [
+                                    { name: 'grossPay', type: 'money', alias: 'Gross Pay' },
+                                    { name: 'totalDeductions', type: 'money', alias: 'Deductions' },
+                                    { name: 'netPay', type: 'money', alias: 'Net Pay' },
+                                    { name: 'statusName', type: 'text', alias: 'Status' },
+                                ],
+                                buttons: [
+                                    { name: 'view', dialog: true },
+                                ],
+                                loadAction: { url: 'payslips/x/x' }, loadCriteria: 'employee', loadIDField: 'employeeID',
+                            },
+                        ],
+                    }
+                },
                 { name: 'edit', dialog: true, action: { url: 'employees?action=edit', method: 'post' } },
                 { name: 'delete', dialog: true, action: { url: 'employees?action=delete', method: 'post' } },
             ],
@@ -2350,6 +2427,23 @@ class DataServiceLib {
         this.capPositions.display = "Positions";
         this.capPositions.link = "home/admin/positions";
         this.capPositions.icon = "picture_in_picture_medium";
+        // Changed: Added Payroll module sidebar section
+        this.capPayroll.name = "cap110";
+        this.capPayroll.display = "Payroll";
+        this.capPayroll.icon = "payments";
+        this.capPayroll.capSubItems = [this.capSalaryStructures, this.capStatutoryDeductions, this.capPayrollRuns];
+        this.capSalaryStructures.name = "cap111";
+        this.capSalaryStructures.display = "Salary Structures";
+        this.capSalaryStructures.link = "home/admin/payroll-salary-structures";
+        this.capSalaryStructures.icon = "account_tree";
+        this.capStatutoryDeductions.name = "cap112";
+        this.capStatutoryDeductions.display = "Statutory Deductions";
+        this.capStatutoryDeductions.link = "home/admin/payroll-statutory-deductions";
+        this.capStatutoryDeductions.icon = "gavel";
+        this.capPayrollRuns.name = "cap113";
+        this.capPayrollRuns.display = "Payroll Runs";
+        this.capPayrollRuns.link = "home/admin/payroll-runs";
+        this.capPayrollRuns.icon = "play_circle";
         this.capApprovals.name = "cap21";
         this.capApprovals.display = "Approvals";
         this.capApprovals.link = "home/admin/approvals";
@@ -2376,7 +2470,7 @@ class DataServiceLib {
         this.capAccounting.name = "cap27";
         this.capAccounting.display = "Accounting";
         this.capAccounting.icon = "account_balance";
-        this.capAccounting.capSubItems = [this.capAccounts, this.capTransactions, this.capAggregates, this.capTransactionTypes, this.capTaxRates,]; // Changed: Added Tax Rates to Accounting submenu
+        this.capAccounting.capSubItems = [this.capAccounts, this.capTransactions, this.capAggregates, this.capReports, this.capTransactionTypes, this.capTaxRates, this.capStandingOrders, this.capFixedAssets, this.capFixedAssetCategories]; // Changed: Added Fixed Assets to Accounting submenu
         this.capAccounts.name = "cap52"; // Changed: Fixed conflict with capBrands (was cap14)
         this.capAccounts.display = "Accounts";
         this.capAccounts.link = "home/admin/accounting-accounts";
@@ -2385,10 +2479,26 @@ class DataServiceLib {
         this.capAggregates.display = "Aggregates";
         this.capAggregates.link = "home/admin/accounting-aggregates";
         this.capAggregates.icon = "bar_chart";
+        this.capReports.name = "cap61"; // Added: Financial reports capability
+        this.capReports.display = "Reports";
+        this.capReports.link = "home/admin/accounting-reports";
+        this.capReports.icon = "assessment";
         this.capTaxRates.name = "cap60"; // Changed: Tax rates capability
         this.capTaxRates.display = "Tax Rates";
         this.capTaxRates.link = "home/admin/accounting-tax-rates";
         this.capTaxRates.icon = "percent";
+        this.capStandingOrders.name = "cap64"; // Changed: Standing orders capability
+        this.capStandingOrders.display = "Standing Orders";
+        this.capStandingOrders.link = "home/admin/accounting-standing-orders";
+        this.capStandingOrders.icon = "schedule";
+        this.capFixedAssets.name = "cap70"; // Added: Fixed assets capability
+        this.capFixedAssets.display = "Fixed Assets";
+        this.capFixedAssets.link = "home/admin/accounting-fixed-assets";
+        this.capFixedAssets.icon = "precision_manufacturing";
+        this.capFixedAssetCategories.name = "cap71"; // Added: Fixed asset categories capability
+        this.capFixedAssetCategories.display = "Asset Categories";
+        this.capFixedAssetCategories.link = "home/admin/accounting-fixed-asset-categories";
+        this.capFixedAssetCategories.icon = "category";
         this.capTransactionTypes.name = "cap28";
         this.capTransactionTypes.display = "Transaction Types";
         this.capTransactionTypes.link = "home/admin/accounting-transaction-types";
@@ -2438,7 +2548,7 @@ class DataServiceLib {
         this.capPurchasingModule.name = "cap62";
         this.capPurchasingModule.display = "Purchasing";
         this.capPurchasingModule.icon = "shopping_cart";
-        this.capPurchasingModule.capSubItems = [this.capInventoryReceipts, this.capPurchaseOrders]; // Changed: Moved from capInventory
+        this.capPurchasingModule.capSubItems = [this.capInventoryReceipts, this.capPurchaseOrders, this.capSupplierAging]; // Changed: Added AP Aging to Purchasing menu
         this.capInventory.name = "cap34";
         this.capInventory.display = "Inventory";
         this.capInventory.icon = "inventory";
@@ -2485,6 +2595,10 @@ class DataServiceLib {
         this.capInventoryReceipts.display = "Receipts";
         this.capInventoryReceipts.link = "home/admin/inventory-receipts";
         this.capInventoryReceipts.icon = "receipt_long";
+        this.capSupplierAging.name = "cap63"; // Changed: AP Aging capability
+        this.capSupplierAging.display = "AP Aging";
+        this.capSupplierAging.link = "home/admin/accounting-supplier-aging";
+        this.capSupplierAging.icon = "schedule";
         this.capSalesOrders.name = "cap39";
         this.capSalesOrders.display = "Sales Orders";
         this.capSalesOrders.link = "home/admin/inventory-sales-orders";
@@ -3626,6 +3740,99 @@ class AccountingService {
             loadAction: { url: 'transactiontemplates/account/x' }, loadCriteria: 'account', loadIDField: 'accountID',
             formConfig: this.transactionTemplateFormConfig
         };
+        //--------------------------Standing Orders-------------------------
+        // Standing order form configuration — schedule recurring transactions linked to templates
+        this.standingOrderFormConfig = {
+            security: { allow: [this.dataService.capAccounting] },
+            title: 'Standing Order',
+            includeAudit: true,
+            fields: [
+                { name: 'name', type: 'text', required: true, span: true, alias: 'Name' },
+                { name: 'transactionTemplateID', type: 'select', required: true, alias: 'Transaction Template', loadAction: { url: 'transactiontemplates/list/x' } },
+                { name: 'frequency', type: 'select', required: true, alias: 'Frequency',
+                    options: [
+                        { name: 'Daily', value: 1 },
+                        { name: 'Weekly', value: 2 },
+                        { name: 'Monthly', value: 3 }
+                    ]
+                },
+                { name: 'dayOfMonth', type: 'number', alias: 'Day of Month (1-28)', min: 1, max: 28, nullable: true,
+                    hiddenCondition: (x) => x.frequency !== 3 },
+                { name: 'dayOfWeek', type: 'select', alias: 'Day of Week', nullable: true,
+                    hiddenCondition: (x) => x.frequency !== 2,
+                    options: [
+                        { name: 'Sunday', value: 0 }, { name: 'Monday', value: 1 },
+                        { name: 'Tuesday', value: 2 }, { name: 'Wednesday', value: 3 },
+                        { name: 'Thursday', value: 4 }, { name: 'Friday', value: 5 },
+                        { name: 'Saturday', value: 6 }
+                    ] },
+                { name: 'startDate', type: 'date', required: true, alias: 'Start Date' },
+                { name: 'endDate', type: 'date', alias: 'End Date', nullable: true },
+                { name: 'amount', type: 'money', alias: 'Amount (leave blank to use template default)', nullable: true },
+                { name: 'isActive', type: 'checkbox', alias: 'Active', defaultValue: true }
+            ],
+            loadAction: { url: 'standingorders/id' },
+            heroField: 'standingOrderID'
+        };
+        // Execution history child table — shows all execution attempts for a standing order
+        this.standingOrderExecutionsTableConfig = {
+            tabTitle: 'Execution History',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            minColumns: ['executionDate', 'success', 'message'],
+            columns: [
+                { name: 'executionDate', type: 'date', alias: 'Date' },
+                { name: 'executedAt', type: 'datetime', alias: 'Executed At' },
+                { name: 'success', type: 'checkbox', alias: 'Success' },
+                { name: 'isManual', type: 'checkbox', alias: 'Manual' },
+                { name: 'message', type: 'text', alias: 'Result' },
+                { name: 'transactionID', type: 'number', alias: 'Transaction ID' }
+            ],
+            buttons: [],
+            loadAction: { url: 'standingorderexecutions/order/x' }, loadCriteria: 'order', loadIDField: 'standingOrderID'
+        };
+        // Standing order action buttons
+        this.standingOrderCreateButton = { name: 'create', display: 'Create Standing Order', dialog: true, action: { url: 'standingorders?action=create', method: 'post' } };
+        this.standingOrderEditButton = { name: 'edit', dialog: true, action: { url: 'standingorders?action=edit', method: 'post' } };
+        this.standingOrderDeleteButton = { name: 'delete', inDialog: true, icon: { name: 'delete', color: 'red' }, action: { url: 'standingorders?action=delete', method: 'post', successMessage: 'Standing order deleted' }, confirm: { message: 'Delete this standing order?' } };
+        this.standingOrderExecuteButton = { name: 'execute', display: 'Run Now', icon: { name: 'play_arrow', color: 'green' }, inDialog: true, action: { url: 'standingorders?action=execute', method: 'post', successMessage: 'Standing order executed' }, confirm: { message: 'Manually trigger this standing order now?' }, visible: (x) => x.isActive };
+        this.standingOrderPauseButton = { name: 'toggle', display: 'Pause', inDialog: true, icon: { name: 'pause', color: 'orange' }, action: { url: 'standingorders?action=toggle', method: 'post', successMessage: 'Standing order paused' }, visible: (x) => x.isActive };
+        this.standingOrderResumeButton = { name: 'toggle', display: 'Resume', inDialog: true, icon: { name: 'play_arrow', color: 'green' }, action: { url: 'standingorders?action=toggle', method: 'post', successMessage: 'Standing order activated' }, visible: (x) => !x.isActive };
+        // Details config for standing order — includes execution history child table
+        this.standingOrderDetailsConfig = {
+            formConfig: this.standingOrderFormConfig,
+            heroField: 'standingOrderID',
+            tableConfigs: [this.standingOrderExecutionsTableConfig],
+            buttons: [this.standingOrderCreateButton, this.standingOrderEditButton, this.standingOrderExecuteButton, this.standingOrderDeleteButton]
+        };
+        // Standing orders management table — main page
+        this.standingOrdersTableConfig = {
+            showFilter: true,
+            minColumns: ['name', 'templateName', 'scheduleDisplay'],
+            flatButtons: true,
+            columns: [
+                { name: 'name', type: 'button', detailsConfig: this.standingOrderDetailsConfig },
+                { name: 'templateName', type: 'text', alias: 'Template' },
+                { name: 'scheduleDisplay', type: 'text', alias: 'Schedule' },
+                { name: 'amountDisplay', type: 'text', alias: 'Amount' },
+                { name: 'startDate', type: 'date', alias: 'Start Date' },
+                { name: 'endDate', type: 'date', alias: 'End Date' },
+                { name: 'lastRunDisplay', type: 'text', alias: 'Last Run' },
+                { name: 'isActive', type: 'checkbox', alias: 'Active' }
+            ],
+            buttons: [
+                this.standingOrderCreateButton,
+                { name: 'view', dialog: true, detailsConfig: this.standingOrderDetailsConfig },
+                this.standingOrderEditButton,
+                this.standingOrderPauseButton,
+                this.standingOrderResumeButton,
+                this.standingOrderExecuteButton,
+                this.standingOrderDeleteButton
+            ],
+            loadAction: { url: 'standingorders/all/x' },
+            formConfig: this.standingOrderFormConfig
+        };
         //--------------------------Accounts-------------------------
         this.accountDetailsConfig = {
             ...this.accountBaseDetailsConfig,
@@ -3659,6 +3866,63 @@ class AccountingService {
             loadAction: { url: 'accounts/all/x' },
             formConfig: this.accountFormConfig
         };
+        //--------------------------Financial Reports-------------------------
+        // Trial Balance table config — shows all accounts with debit/credit totals
+        this.trialBalanceTableConfig = {
+            showFilter: true,
+            pageSizes: [25, 50, 100],
+            minColumns: ['accountName', 'totalDebits', 'totalCredits'],
+            flatButtons: true,
+            columns: [
+                { name: 'accountName', type: 'text', alias: 'Account' },
+                { name: 'accountType', type: 'text', alias: 'Type' },
+                { name: 'totalDebits', type: 'money', alias: 'Debits' },
+                { name: 'totalCredits', type: 'money', alias: 'Credits' },
+                { name: 'closingBalance', type: 'money', alias: 'Balance',
+                    colors: [
+                        { name: 'green', condition: (x) => x.closingBalance > 0 },
+                        { name: 'red', condition: (x) => x.closingBalance < 0 }
+                    ]
+                }
+            ],
+            loadAction: { url: 'accounts/reports/trialbalance' }
+        };
+        // Profit & Loss table config — shows revenue and expense accounts with section
+        this.pnlTableConfig = {
+            showFilter: true,
+            pageSizes: [25, 50, 100],
+            minColumns: ['accountName', 'section', 'amount'],
+            flatButtons: true,
+            columns: [
+                { name: 'accountName', type: 'text', alias: 'Account' },
+                { name: 'section', type: 'text', alias: 'Section' },
+                { name: 'amount', type: 'money', alias: 'Amount',
+                    colors: [
+                        { name: 'green', condition: (x) => x.amount > 0 },
+                        { name: 'red', condition: (x) => x.amount < 0 }
+                    ]
+                }
+            ],
+            loadAction: { url: 'accounts/reports/pnl' }
+        };
+        // Balance Sheet report table config — shows asset, liability, equity accounts with section
+        this.balanceSheetReportTableConfig = {
+            showFilter: true,
+            pageSizes: [25, 50, 100],
+            minColumns: ['accountName', 'section', 'balance'],
+            flatButtons: true,
+            columns: [
+                { name: 'accountName', type: 'text', alias: 'Account' },
+                { name: 'section', type: 'text', alias: 'Section' },
+                { name: 'balance', type: 'money', alias: 'Balance',
+                    colors: [
+                        { name: 'green', condition: (x) => x.balance > 0 },
+                        { name: 'red', condition: (x) => x.balance < 0 }
+                    ]
+                }
+            ],
+            loadAction: { url: 'accounts/reports/balancesheet' }
+        };
         //--------------------------Aggregates-------------------------
         // Monthly aggregates table showing Assets, Liabilities, Income, Expenses, Profit, and Equity by month
         this.aggregatesTableConfig = {
@@ -3725,6 +3989,297 @@ class AccountingService {
             ],
             loadAction: { url: 'accounts/aggregates/balancesheet' }
         };
+        //--------------------------Fixed Asset Categories-------------------------
+        // Category form config for create/edit dialog
+        this.categoryFormConfig = {
+            title: 'Asset Category',
+            includeAudit: true,
+            heroField: 'fixedAssetCategoryID',
+            fields: [
+                { name: 'name', type: 'text', required: true },
+                { name: 'description', type: 'text' },
+                { name: 'defaultDepreciationMethod', alias: 'Depreciation Method', type: 'select', required: true, loadAction: { url: 'fixedassetcategories/list/depreciation-methods' }, defaultValue: 0 },
+                { name: 'defaultUsefulLifeMonths', alias: 'Useful Life (Months)', type: 'number', required: true, defaultValue: 60 },
+                { name: 'defaultResidualValuePercent', alias: 'Residual Value %', type: 'number', required: true, defaultValue: 10 },
+            ],
+        };
+        this.categoryCreateButton = { name: 'create', display: 'Create Category', dialog: true, action: { url: 'fixedassetcategories?action=create', method: 'post' } };
+        this.categoryEditButton = { name: 'edit', display: 'Edit', icon: { name: 'edit' }, dialog: true, action: { url: 'fixedassetcategories?action=edit', method: 'post' } };
+        this.categoryDetailsConfig = {
+            formConfig: this.categoryFormConfig,
+            tableConfigs: [],
+            heroField: 'fixedAssetCategoryID',
+            buttons: [this.categoryCreateButton, this.categoryEditButton]
+        };
+        // Category table for listing all asset categories
+        this.categoryTableConfig = {
+            showFilter: true,
+            minColumns: ['name', 'defaultDepreciationMethodName', 'assetCount'],
+            columns: [
+                { name: 'name', type: 'button', detailsConfig: this.categoryDetailsConfig },
+                { name: 'defaultDepreciationMethodName', alias: 'Method', type: 'text' },
+                { name: 'defaultUsefulLifeMonths', alias: 'Useful Life (Mo)', type: 'number' },
+                { name: 'defaultResidualValuePercent', alias: 'Residual %', type: 'number' },
+                { name: 'assetCount', alias: 'Assets', type: 'number' },
+                { name: 'updatedByDetails', alias: 'Last Updated', type: 'text' },
+            ],
+            buttons: [
+                { name: 'create', dialog: true, detailsConfig: this.categoryDetailsConfig, action: { url: 'fixedassetcategories?action=create', method: 'post' } },
+                { name: 'delete', display: 'Delete', icon: { name: 'delete', color: 'red' }, action: { url: 'fixedassetcategories?action=delete', method: 'post' }, confirm: { message: 'Delete this category?' } },
+            ],
+            loadAction: { url: 'fixedassetcategories/all/x' },
+        };
+        //--------------------------Fixed Assets-------------------------
+        // Fixed asset form config for create/edit dialog
+        this.assetFormConfig = {
+            title: 'Fixed Asset',
+            includeAudit: true,
+            heroField: 'fixedAssetID',
+            fields: [
+                { name: 'assetNumber', alias: 'Asset #', type: 'label', readonly: true, hideOnCreate: true },
+                { name: 'name', type: 'text', required: true },
+                { name: 'description', type: 'text' },
+                { name: 'fixedAssetCategoryID', alias: 'Category', type: 'select', required: true, loadAction: { url: 'fixedassetcategories/list/x' } },
+                { name: 'acquisitionDate', alias: 'Acquisition Date', type: 'date', required: true },
+                { name: 'acquisitionCost', alias: 'Cost', type: 'money', required: true },
+                { name: 'residualValue', alias: 'Residual Value', type: 'money', required: true, defaultValue: 0 },
+                { name: 'usefulLifeMonths', alias: 'Useful Life (Months)', type: 'number', required: true },
+                { name: 'depreciationMethod', alias: 'Depreciation Method', type: 'select', required: true, loadAction: { url: 'fixedassets/list/depreciation-methods' }, defaultValue: 0 },
+                { name: 'location', type: 'text' },
+                { name: 'serialNumber', alias: 'Serial Number', type: 'text' },
+                { name: 'assetTag', alias: 'Asset Tag', type: 'text' },
+                { name: 'statusName', alias: 'Status', type: 'label', readonly: true, hideOnCreate: true },
+                { name: 'netBookValueDisplay', alias: 'Net Book Value', type: 'label', readonly: true, hideOnCreate: true },
+                { name: 'accumulatedDepreciation', alias: 'Accum. Depreciation', type: 'label', readonly: true, hideOnCreate: true },
+            ],
+            loadAction: { url: 'fixedassets/id' },
+        };
+        // Depreciation entries nested table for asset details dialog
+        this.depreciationEntriesTableConfig = {
+            tabTitle: 'Depreciation History',
+            showFilter: false,
+            columns: [
+                { name: 'periodDate', alias: 'Period', type: 'date' },
+                { name: 'amountDisplay', alias: 'Amount', type: 'text' },
+                { name: 'accumulatedAmountDisplay', alias: 'Accumulated', type: 'text' },
+                { name: 'netBookValueDisplay', alias: 'NBV', type: 'text' },
+                { name: 'entryDate', alias: 'Posted', type: 'date' },
+            ],
+            buttons: [],
+            loadAction: { url: 'depreciationentries/{fixedAssetID}/x' }, loadCriteria: 'asset', loadIDField: 'fixedAssetID',
+        };
+        // Asset action buttons
+        this.assetCreateButton = { name: 'create', display: 'Create Asset', dialog: true, action: { url: 'fixedassets?action=create', method: 'post' } };
+        this.assetEditButton = { name: 'edit', display: 'Edit', icon: { name: 'edit' }, dialog: true, action: { url: 'fixedassets?action=edit', method: 'post' }, visible: x => x.status == AssetStatus.Draft };
+        this.assetActivateButton = { name: 'activate', display: 'Activate', icon: { name: 'check_circle', color: 'green' }, action: { url: 'fixedassets?action=activate', method: 'post' }, confirm: { message: 'Activate this asset? This will post the acquisition journal entry.' }, visible: x => x.status == AssetStatus.Draft };
+        this.assetDepreciateButton = { name: 'depreciate', display: 'Depreciate', icon: { name: 'trending_down', color: 'orange' }, action: { url: 'fixedassets?action=depreciate', method: 'post' }, confirm: { message: 'Post depreciation for current period?' }, visible: x => x.status == AssetStatus.Active };
+        // Dispose form for the dispose dialog
+        this.disposeFormConfig = {
+            title: 'Dispose Asset',
+            fixedTitle: true,
+            fields: [
+                { name: 'disposalType', alias: 'Disposal Type', type: 'select', required: true, loadAction: { url: 'fixedassets/list/disposal-types' }, defaultValue: 0 },
+                { name: 'disposalAmount', alias: 'Sale Amount', type: 'money', defaultValue: 0, hiddenCondition: x => x.disposalType !== 0 },
+            ]
+        };
+        this.assetDisposeButton = { name: 'dispose', display: 'Dispose', icon: { name: 'delete_forever', color: 'red' }, dialog: true, detailsConfig: { formConfig: this.disposeFormConfig, heroField: 'fixedAssetID', mode: 'edit', buttons: [{ name: 'dispose', display: 'Dispose Asset', inDialog: true, action: { url: 'fixedassets?action=dispose', method: 'post', successMessage: 'Asset disposed' } }] }, visible: x => x.status == AssetStatus.Active || x.status == AssetStatus.FullyDepreciated };
+        // Asset details dialog with depreciation history and action buttons
+        this.assetDetailsConfig = {
+            formConfig: this.assetFormConfig,
+            tableConfigs: [this.depreciationEntriesTableConfig],
+            heroField: 'fixedAssetID',
+            buttons: [this.assetCreateButton, this.assetEditButton, this.assetActivateButton, this.assetDepreciateButton, this.assetDisposeButton]
+        };
+        // Asset summary tiles
+        this.assetTileConfig = {
+            clickable: true,
+            tiles: [
+                { name: 'draft', alias: 'Draft', color: '#FFC107', action: { url: 'fixedassets/draft/x' } },
+                { name: 'active', alias: 'Active', color: '#4CAF50', action: { url: 'fixedassets/active/x' } },
+                { name: 'fullyDepreciated', alias: 'Fully Depreciated', color: '#2196F3' },
+                { name: 'disposed', alias: 'Disposed', color: '#9E9E9E' },
+            ],
+            loadAction: { url: 'fixedassets/summary/x' }
+        };
+        // Main fixed assets table
+        this.assetsTableConfig = {
+            showFilter: true,
+            minColumns: ['assetNumber', 'name', 'statusName'],
+            columns: [
+                { name: 'assetNumber', alias: 'Asset #', type: 'button', detailsConfig: this.assetDetailsConfig },
+                { name: 'name', type: 'text' },
+                { name: 'categoryName', alias: 'Category', type: 'text' },
+                { name: 'acquisitionDate', alias: 'Acquired', type: 'date' },
+                { name: 'acquisitionCostDisplay', alias: 'Cost', type: 'text' },
+                { name: 'netBookValueDisplay', alias: 'NBV', type: 'text' },
+                { name: 'depreciationMethodName', alias: 'Method', type: 'text' },
+                { name: 'statusName', alias: 'Status', type: 'chip',
+                    colors: [
+                        { name: '#FFCC80', condition: x => x.status == AssetStatus.Draft },
+                        { name: '#A5D6A7', condition: x => x.status == AssetStatus.Active },
+                        { name: '#90CAF9', condition: x => x.status == AssetStatus.FullyDepreciated },
+                        { name: '#BDBDBD', condition: x => x.status == AssetStatus.Disposed },
+                    ]
+                },
+                { name: 'updatedByDetails', alias: 'Last Updated', type: 'text' },
+            ],
+            buttons: [
+                { name: 'create', dialog: true, detailsConfig: this.assetDetailsConfig, action: { url: 'fixedassets?action=create', method: 'post' } },
+                this.assetActivateButton,
+                this.assetDepreciateButton,
+                { name: 'delete', display: 'Delete', icon: { name: 'delete', color: 'red' }, action: { url: 'fixedassets?action=delete', method: 'post' }, confirm: { message: 'Delete this asset?' }, visible: x => x.status == AssetStatus.Draft },
+            ],
+            loadAction: { url: 'fixedassets/all/x' },
+            tileConfig: this.assetTileConfig
+        };
+        //--------------------------Budgets-------------------------
+        // Budget form configuration
+        this.budgetFormConfig = {
+            title: 'Budget',
+            includeAudit: true,
+            fields: [
+                { name: 'name', type: 'text', required: true, alias: 'Budget Name' },
+                { name: 'fiscalYear', type: 'number', required: true, alias: 'Fiscal Year', defaultValue: new Date().getFullYear() },
+                { name: 'description', type: 'text', span: true },
+                { name: 'statusName', type: 'label', alias: 'Status', readonly: true, hideOnCreate: true },
+                { name: 'isActive', type: 'checkbox', alias: 'Active', readonly: true, hideOnCreate: true },
+                { name: 'totalBudgetedDisplay', type: 'label', alias: 'Total Budgeted', readonly: true, hideOnCreate: true }
+            ],
+            loadAction: { url: 'budgets/id' },
+            heroField: 'budgetID'
+        };
+        // Budget line form configuration
+        this.budgetLineFormConfig = {
+            title: 'Budget Line',
+            fields: [
+                { name: 'budgetID', type: 'number', hidden: true },
+                { name: 'accountID', type: 'select', alias: 'Account', required: true, loadAction: { url: 'accounts/list/x' } },
+                { name: 'departmentID', type: 'select', alias: 'Department', nullable: true, loadAction: { url: 'departments/list/x' } },
+                { name: 'period', type: 'date', required: true, alias: 'Period (1st of Month)' },
+                { name: 'budgetedAmount', type: 'money', required: true, alias: 'Budgeted Amount' }
+            ],
+            loadAction: { url: 'budgetlines/id' },
+            heroField: 'budgetLineID'
+        };
+        // Budget lines child table
+        this.budgetLinesTableConfig = {
+            tabTitle: 'Budget Lines',
+            showFilter: true,
+            minColumns: ['periodLabel', 'accountName', 'budgetedAmountDisplay'],
+            columns: [
+                { name: 'periodLabel', type: 'text', alias: 'Period' },
+                { name: 'accountName', type: 'text', alias: 'Account' },
+                { name: 'accountTypeName', type: 'text', alias: 'Type' },
+                { name: 'departmentName', type: 'text', alias: 'Department' },
+                { name: 'budgetedAmount', type: 'money', alias: 'Amount' }
+            ],
+            buttons: [
+                { name: 'create', display: 'Add Line', dialog: true, action: { url: 'budgetlines?action=create', method: 'post' }, disabled: (x) => x.status == 2 },
+                { name: 'edit', dialog: true, action: { url: 'budgetlines?action=edit', method: 'post' }, disabled: (x) => x.budgetStatus == 2 },
+                { name: 'delete', inDialog: true, icon: { name: 'delete', color: 'red' }, action: { url: 'budgetlines?action=delete', method: 'post', successMessage: 'Line deleted' }, confirm: { message: 'Delete this budget line?' }, disabled: (x) => x.budgetStatus == 2 }
+            ],
+            loadAction: { url: 'budgetlines/x/x' }, loadCriteria: 'budget', loadIDField: 'budgetID',
+            formConfig: this.budgetLineFormConfig
+        };
+        // Budget action buttons
+        this.budgetPublishButton = { name: 'publish', display: 'Publish', inDialog: true, icon: { name: 'publish', color: 'green' }, action: { url: 'budgets?action=publish', method: 'post', successMessage: 'Budget published' }, confirm: { message: 'Publish this budget? Lines will be locked for editing.' }, visible: (x) => x.status == 1 };
+        this.budgetSetActiveButton = { name: 'setactive', display: 'Set Active', inDialog: true, icon: { name: 'star', color: 'blue' }, action: { url: 'budgets?action=setactive', method: 'post', successMessage: 'Budget set as active' }, confirm: { message: 'Set this budget as the active budget for its fiscal year?' }, visible: (x) => x.status == 2 && !x.isActive };
+        this.budgetCopyButton = { name: 'copy', display: 'Copy to Next Year', inDialog: true, icon: { name: 'content_copy', color: 'purple' }, action: { url: 'budgets?action=copy', method: 'post', successMessage: 'Budget copied' }, confirm: { message: 'Copy this budget to the next fiscal year?' } };
+        this.budgetEditButton = { name: 'edit', dialog: true, action: { url: 'budgets?action=edit', method: 'post' }, visible: (x) => x.status == 1 };
+        // Budget details dialog with lines table and action buttons
+        this.budgetDetailsConfig = {
+            formConfig: this.budgetFormConfig,
+            tableConfigs: [this.budgetLinesTableConfig],
+            heroField: 'budgetID',
+            buttons: [
+                this.budgetPublishButton,
+                this.budgetSetActiveButton,
+                this.budgetCopyButton,
+                this.budgetEditButton
+            ]
+        };
+        // Main budgets table configuration
+        this.budgetsTableConfig = {
+            showFilter: true,
+            minColumns: ['name', 'fiscalYear', 'statusName'],
+            flatButtons: true,
+            columns: [
+                { name: 'name', type: 'button', detailsConfig: this.budgetDetailsConfig },
+                { name: 'fiscalYear', type: 'number', alias: 'Fiscal Year' },
+                { name: 'statusName', type: 'chip', alias: 'Status',
+                    colors: [
+                        { name: '#FFCC80', condition: (x) => x.status == 1 },
+                        { name: '#A5D6A7', condition: (x) => x.status == 2 }
+                    ]
+                },
+                { name: 'isActive', type: 'checkbox', alias: 'Active' },
+                { name: 'lineCount', type: 'number', alias: 'Lines' },
+                { name: 'totalBudgetedDisplay', type: 'text', alias: 'Total Budgeted' }
+            ],
+            buttons: [
+                { name: 'create', display: 'Create Budget', dialog: true, action: { url: 'budgets?action=create', method: 'post' } },
+                this.budgetPublishButton,
+                this.budgetSetActiveButton,
+                this.budgetCopyButton,
+                { name: 'delete', inDialog: true, icon: { name: 'delete', color: 'red' }, action: { url: 'budgets?action=delete', method: 'post', successMessage: 'Budget deleted' }, confirm: { message: 'Delete this budget?' }, visible: (x) => x.status == 1 }
+            ],
+            loadAction: { url: 'budgets/all/x' },
+            formConfig: this.budgetFormConfig
+        };
+        //--------------------------Budget vs Actual Report-------------------------
+        // Budget vs Actual - By Period detail table
+        this.budgetVsActualByPeriodTableConfig = {
+            tabTitle: 'By Period',
+            showFilter: true,
+            pageSizes: [25, 50, 100],
+            minColumns: ['periodLabel', 'accountName', 'budgetedDisplay'],
+            flatButtons: true,
+            columns: [
+                { name: 'periodLabel', type: 'text', alias: 'Period' },
+                { name: 'accountName', type: 'text', alias: 'Account' },
+                { name: 'accountType', type: 'text', alias: 'Type' },
+                { name: 'departmentName', type: 'text', alias: 'Department' },
+                { name: 'budgetedDisplay', type: 'text', alias: 'Budgeted' },
+                { name: 'actualDisplay', type: 'text', alias: 'Actual' },
+                { name: 'varianceDisplay', type: 'text', alias: 'Variance',
+                    colors: [
+                        { name: 'green', condition: (x) => !x.isOverBudget },
+                        { name: 'red', condition: (x) => x.isOverBudget }
+                    ]
+                },
+                { name: 'variancePercent', type: 'number', alias: 'Variance %' }
+            ]
+        };
+        // Budget vs Actual - By Account summary table
+        this.budgetVsActualByAccountTableConfig = {
+            tabTitle: 'By Account',
+            showFilter: true,
+            pageSizes: [25, 50, 100],
+            minColumns: ['accountName', 'totalBudgetedDisplay', 'totalActualDisplay'],
+            flatButtons: true,
+            columns: [
+                { name: 'accountName', type: 'text', alias: 'Account' },
+                { name: 'accountType', type: 'text', alias: 'Type' },
+                { name: 'totalBudgetedDisplay', type: 'text', alias: 'Total Budgeted' },
+                { name: 'totalActualDisplay', type: 'text', alias: 'Total Actual' },
+                { name: 'varianceDisplay', type: 'text', alias: 'Variance',
+                    colors: [
+                        { name: 'green', condition: (x) => !x.isOverBudget },
+                        { name: 'red', condition: (x) => x.isOverBudget }
+                    ]
+                },
+                { name: 'variancePercent', type: 'number', alias: 'Variance %' }
+            ]
+        };
+        // Budget summary tiles for report page
+        this.budgetSummaryTileConfig = {
+            tiles: [
+                { name: 'totalBudgeted', alias: 'Total Budgeted', color: '#2196F3', info: 'Sum of all budget line amounts' },
+                { name: 'totalActual', alias: 'Total Actual', color: '#4CAF50', info: 'Sum of actual amounts from ledger' },
+                { name: 'totalVariance', alias: 'Total Variance', color: '#FF9800', info: 'Difference between budgeted and actual' },
+                { name: 'overBudgetLines', alias: 'Over Budget', color: '#F44336', info: 'Number of lines over budget' }
+            ]
+        };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountingService, providedIn: 'root' }); }
@@ -7458,13 +8013,16 @@ class TilesComponent {
                 this.loadData(this.config?.loadAction, "");
             }
         }
-        this.reload.subscribe(v => {
-            if (v == true) {
-                if (this.config?.loadAction) {
-                    this.loadData(this.config?.loadAction, "");
+        // Changed: Added null guard — reload is undefined when parent doesn't pass [reload] input
+        if (this.reload) {
+            this.reload.subscribe(v => {
+                if (v == true) {
+                    if (this.config?.loadAction) {
+                        this.loadData(this.config?.loadAction, "");
+                    }
                 }
-            }
-        });
+            });
+        }
     }
     ngOnChanges() {
     }
@@ -14507,7 +15065,8 @@ class TinSpaModule {
             TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
             SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
             AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent, WelcomeComponent, // Tin-SPA modules welcome
-            TermsDialogComponent, PrivacyDialogComponent // Changed: Added terms and privacy dialogs to exports
+            TermsDialogComponent, PrivacyDialogComponent, // Changed: Added terms and privacy dialogs to exports
+            SelectLiteComponent // Changed: Exported so pages outside TinSpaModule can use spa-select-lite
         ] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TinSpaModule, providers: [
             { provide: HTTP_INTERCEPTORS, useClass: LoaderInterceptor, multi: true },
@@ -14592,7 +15151,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
                         SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
                         AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent, WelcomeComponent, // Tin-SPA modules welcome
-                        TermsDialogComponent, PrivacyDialogComponent // Changed: Added terms and privacy dialogs to exports
+                        TermsDialogComponent, PrivacyDialogComponent, // Changed: Added terms and privacy dialogs to exports
+                        SelectLiteComponent // Changed: Exported so pages outside TinSpaModule can use spa-select-lite
                     ],
                     providers: [
                         { provide: HTTP_INTERCEPTORS, useClass: LoaderInterceptor, multi: true },
@@ -16117,213 +16677,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: DataServiceLib }] });
 
-class TransactionTypesComponent {
+// Changed: Purchasing service extracted from inventory.service.ts for Purchasing module
+class PurchasingService {
+    // Changed: Add supplier payments tab and record payment button to receipt details after all properties initialized
     constructor() {
-        this.accountingService = inject(AccountingService);
-        this.pageConfig = {
-            title: 'Transaction Types',
-            tableConfig: this.accountingService.transactionTypesTableConfig
+        this.dataService = inject(DataServiceLib);
+        this.inventoryService = inject(InventoryService); // Changed: Reference for product detailsConfig
+        //--------------------------Purchase Orders-------------------------
+        // Payment type options (used across forms)
+        this.paymentTypeOptions = [
+            { value: 0, name: 'Cash' },
+            { value: 1, name: 'Bank' }
+        ];
+        // PO Item form configuration
+        this.purchaseOrderItemFormConfig = {
+            title: 'PO Item',
+            fixedTitle: true,
+            fields: [
+                { name: 'productID', type: 'select', alias: 'Product', required: true, loadAction: { url: 'products/list/x' }, detailsConfig: this.inventoryService.productDetailsConfig },
+                { name: 'orderedQuantity', type: 'number', alias: 'Quantity', required: true },
+                { name: 'estimatedUnitCost', type: 'money', alias: 'Est. Unit Cost', required: true },
+                { name: 'lineTotal', type: 'money', alias: 'Line Total', readonly: true, hideOnCreate: true }
+            ],
+            loadAction: { url: 'purchaseorderitems/id' }
         };
-    }
-    ngOnInit() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionTypesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TransactionTypesComponent, isStandalone: false, selector: "spa-transaction-types", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionTypesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spa-transaction-types',
-                    template: '<spa-page [config]="pageConfig"></spa-page>',
-                    standalone: false
-                }]
-        }] });
-
-class TransactionsComponent {
-    constructor() {
-        this.accountingService = inject(AccountingService);
-        this.pageConfig = {
-            title: 'Transactions',
-            tableConfig: this.accountingService.transactionsTableConfig
-        };
-    }
-    ngOnInit() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TransactionsComponent, isStandalone: false, selector: "spa-transactions", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spa-transactions',
-                    template: '<spa-page [config]="pageConfig"></spa-page>',
-                    standalone: false
-                }]
-        }] });
-
-// Invoice management component for tin-spa library
-class InvoicesComponent {
-    constructor() {
-        this.accountingService = inject(AccountingService);
-        this.httpService = inject(HttpService);
-        this.http = inject(HttpClient);
-        this.messageService = inject(MessageService);
-        this.pageConfig = {
-            title: 'Invoices',
-            tableConfig: this.accountingService.invoicesTableConfig
-        };
-    }
-    ngOnInit() {
-    }
-    // Handle action click events from the table
-    actionClicked(event) {
-        if (event.name === 'pdf') {
-            this.messageService.confirm(`Download Invoice ?`).subscribe((result) => {
-                if (result == "yes") {
-                    this.download(event.data);
-                }
-            });
-        }
-    }
-    // Download invoice as PDF
-    download(invoice) {
-        this.http.post(`${this.httpService.apiUrl}invoices/pdf?action=x`, invoice, { responseType: 'blob' })
-            .subscribe((response) => {
-            const blob = new Blob([response], { type: 'application/pdf' });
-            const url = window.URL.createObjectURL(blob);
-            const link = document.createElement('a');
-            link.href = url;
-            link.download = `Invoice_${invoice.invoiceID}.pdf`;
-            link.click();
-            window.URL.revokeObjectURL(url);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InvoicesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InvoicesComponent, isStandalone: false, selector: "spa-invoices", ngImport: i0, template: '<spa-page [config]="pageConfig" (actionClick)="actionClicked($event)"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InvoicesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spa-invoices',
-                    template: '<spa-page [config]="pageConfig" (actionClick)="actionClicked($event)"></spa-page>',
-                    standalone: false
-                }]
-        }] });
-
-// Outstanding invoices component for tin-spa library
-class OutstandingInvoicesComponent {
-    constructor() {
-        this.accountingService = inject(AccountingService);
-        this.pageConfig = {
-            title: 'Outstanding Invoices',
-            tableConfig: this.accountingService.outstandingInvoicesTableConfig
-        };
-    }
-    ngOnInit() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: OutstandingInvoicesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: OutstandingInvoicesComponent, isStandalone: false, selector: "spa-outstanding-invoices", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: OutstandingInvoicesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spa-outstanding-invoices',
-                    template: '<spa-page [config]="pageConfig"></spa-page>',
-                    standalone: false
-                }]
-        }] });
-
-// Component now uses centralized inventory service for configurations
-class ProductsComponent {
-    constructor() {
-        this.inventoryService = inject(InventoryService);
-        this.pageConfig = {
-            title: 'Products',
-            tableConfig: this.inventoryService.productsTableConfig
-        };
-    }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ProductsComponent, isStandalone: false, selector: "spa-products", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProductsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spa-products',
-                    standalone: false,
-                    template: '<spa-page [config]="pageConfig"></spa-page>'
-                }]
-        }] });
-
-// Component now uses centralized inventory service for configurations
-class InventoryItemsComponent {
-    constructor() {
-        this.inventoryService = inject(InventoryService);
-        this.pageConfig = {
-            title: 'Inventory Items',
-            tableConfig: this.inventoryService.inventoryItemsTableConfig
-        };
-    }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryItemsComponent, isStandalone: false, selector: "spa-inventory-items", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryItemsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spa-inventory-items',
-                    template: '<spa-page [config]="pageConfig"></spa-page>',
-                    standalone: false
-                }]
-        }] });
-
-// Changed: Purchasing service extracted from inventory.service.ts for Purchasing module
-class PurchasingService {
-    constructor() {
-        this.dataService = inject(DataServiceLib);
-        this.inventoryService = inject(InventoryService); // Changed: Reference for product detailsConfig
-        //--------------------------Purchase Orders-------------------------
-        // Payment type options (used across forms)
-        this.paymentTypeOptions = [
-            { value: 0, name: 'Cash' },
-            { value: 1, name: 'Bank' }
-        ];
-        // PO Item form configuration
-        this.purchaseOrderItemFormConfig = {
-            title: 'PO Item',
-            fixedTitle: true,
-            fields: [
-                { name: 'productID', type: 'select', alias: 'Product', required: true, loadAction: { url: 'products/list/x' }, detailsConfig: this.inventoryService.productDetailsConfig },
-                { name: 'orderedQuantity', type: 'number', alias: 'Quantity', required: true },
-                { name: 'estimatedUnitCost', type: 'money', alias: 'Est. Unit Cost', required: true },
-                { name: 'lineTotal', type: 'money', alias: 'Line Total', readonly: true, hideOnCreate: true }
-            ],
-            loadAction: { url: 'purchaseorderitems/id' }
-        };
-        // PO Items table - shows ordered vs received quantities
-        this.purchaseOrderItemsTableConfig = {
-            tabTitle: 'Items',
-            showFilter: false,
-            elevation: 'none',
-            flatButtons: true,
-            columns: [
-                { name: 'productName', type: 'text', alias: 'Product' },
-                { name: 'orderedQuantity', type: 'number', alias: 'Ordered' },
-                { name: 'receivedQuantity', type: 'number', alias: 'Received' },
-                { name: 'remainingQuantity', type: 'number', alias: 'Remaining' },
-                { name: 'estimatedUnitCost', type: 'money', alias: 'Est. Cost' },
-                { name: 'lineTotal', type: 'money', alias: 'Line Total' },
-                { name: 'isFullyReceived', type: 'checkbox', alias: 'Complete', icon: { name: 'check_circle', color: 'green' } }
-            ],
-            buttons: [
-                { name: 'create', display: 'Add Item', dialog: true, action: { url: 'purchaseorderitems?action=create', method: 'post' } },
-                { name: 'edit', dialog: true, action: { url: 'purchaseorderitems?action=edit', method: 'post' } },
-                { name: 'delete', dialog: true, action: { url: 'purchaseorderitems?action=delete', method: 'post' } }
-            ],
-            loadAction: { url: 'purchaseorderitems/x/x' },
-            loadCriteria: 'po',
-            loadIDField: 'purchaseOrderID',
-            formConfig: this.purchaseOrderItemFormConfig
+        // PO Items table - shows ordered vs received quantities
+        this.purchaseOrderItemsTableConfig = {
+            tabTitle: 'Items',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'productName', type: 'text', alias: 'Product' },
+                { name: 'orderedQuantity', type: 'number', alias: 'Ordered' },
+                { name: 'receivedQuantity', type: 'number', alias: 'Received' },
+                { name: 'remainingQuantity', type: 'number', alias: 'Remaining' },
+                { name: 'estimatedUnitCost', type: 'money', alias: 'Est. Cost' },
+                { name: 'lineTotal', type: 'money', alias: 'Line Total' },
+                { name: 'isFullyReceived', type: 'checkbox', alias: 'Complete', icon: { name: 'check_circle', color: 'green' } }
+            ],
+            buttons: [
+                { name: 'create', display: 'Add Item', dialog: true, action: { url: 'purchaseorderitems?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'purchaseorderitems?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'purchaseorderitems?action=delete', method: 'post' } }
+            ],
+            loadAction: { url: 'purchaseorderitems/x/x' },
+            loadCriteria: 'po',
+            loadIDField: 'purchaseOrderID',
+            formConfig: this.purchaseOrderItemFormConfig
         };
         // PO form configuration
         this.purchaseOrderFormConfig = {
@@ -16503,6 +16904,8 @@ class PurchasingService {
                 },
                 { name: 'totals', type: 'section', alias: 'Totals', hideOnCreate: true, collapsed: true },
                 { name: 'totalAmount', type: 'money', alias: 'Total Amount', readonly: true, section: 'totals', infoMessage: 'Total value of all items' },
+                { name: 'dueDate', type: 'date', alias: 'Due Date', readonly: true, section: 'totals', hiddenCondition: (x) => x.timing !== 1, infoMessage: 'Payment due date (auto-set to receipt date + 30 days)' }, // Changed: DueDate for Deferred receipts
+                { name: 'outstandingAmount', type: 'money', alias: 'Outstanding', readonly: true, section: 'totals', hiddenCondition: (x) => x.timing !== 1, infoMessage: 'Amount still owed to supplier' }, // Changed: Outstanding for Deferred receipts
                 { name: 'additionalInfo', type: 'section', alias: 'Additional Information', collapsed: true },
                 { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo', infoMessage: 'Additional notes about this receipt' },
                 { name: 'supplierInvoiceNumber', type: 'text', alias: 'Supplier Invoice #', section: 'additionalInfo', infoMessage: 'Invoice number from supplier' },
@@ -16554,7 +16957,8 @@ class PurchasingService {
                         { name: 'check_circle', color: '#4CAF50', condition: (x) => x.status === InventoryReceiptStatus.Completed, tip: 'Completed' }
                     ]
                 },
-                { name: 'totalAmount', type: 'money', alias: 'Total Value' }
+                { name: 'totalAmount', type: 'money', alias: 'Total Value' },
+                { name: 'outstandingAmount', type: 'money', alias: 'Outstanding', hiddenCondition: (x) => x?.timing !== 1 } // Changed: Show outstanding for Deferred receipts, guard against undefined
             ],
             buttons: [
                 { name: 'view', icon: { name: 'launch' }, dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig },
@@ -16564,6 +16968,87 @@ class PurchasingService {
             loadAction: { url: 'inventoryreceipts/all/x' },
             formConfig: this.inventoryReceiptFormConfig
         };
+        //--------------------------Supplier Payments-------------------------
+        // Changed: Supplier payment form for recording payments against credit purchase receipts
+        this.supplierPaymentFormConfig = {
+            security: { allow: [this.dataService.capInventoryReceipts] },
+            title: 'Record Payment',
+            fixedTitle: true,
+            fields: [
+                { name: 'inventoryReceiptID', type: 'number', hidden: true },
+                { name: 'paymentDate', type: 'date', alias: 'Payment Date', required: true },
+                { name: 'method', type: 'select', alias: 'Payment Method', required: true, defaultValue: 2, loadAction: { url: 'supplierpayments/list/methods' } },
+                { name: 'outstandingAmount', type: 'label', alias: 'Outstanding', readonly: true },
+                { name: 'amount', type: 'money', alias: 'Amount', required: true, span: true },
+                { name: 'reference', type: 'text', alias: 'Reference', span: true }
+            ],
+        };
+        // Changed: Supplier payment create button — uses edit mode to pre-fill from receipt data
+        this.supplierPaymentCreateButton = { name: 'edit', action: { url: 'supplierpayments?action=create', method: 'post', successMessage: 'Payment Recorded' } };
+        // Changed: Supplier payment create dialog — opens from receipt details
+        this.supplierPaymentCreateDetailsConfig = {
+            formConfig: this.supplierPaymentFormConfig,
+            heroField: 'inventoryReceiptID',
+            mode: 'edit',
+            buttons: [this.supplierPaymentCreateButton]
+        };
+        // Changed: Record payment button for receipt aging tables
+        this.supplierRecordPaymentButton = { name: 'record-payment', display: 'Record Payment', dialog: true, icon: { name: 'payment', color: 'blue' },
+            detailsConfig: this.supplierPaymentCreateDetailsConfig,
+            visible: (x) => x.timing === 1 && x.status === InventoryReceiptStatus.Completed && x.outstandingAmount > 0
+        };
+        // Changed: Supplier payments table for receipt details dialog
+        this.supplierPaymentsTableConfig = {
+            tabTitle: 'Payments',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'paymentDate', type: 'date', alias: 'Date' },
+                { name: 'amount', type: 'money', alias: 'Amount' },
+                { name: 'methodName', type: 'text', alias: 'Method' },
+                { name: 'reference', type: 'text', alias: 'Reference' }
+            ],
+            buttons: [
+                { name: 'delete', dialog: true, icon: { name: 'delete', color: 'red' }, action: { url: 'supplierpayments?action=delete', method: 'post' }, confirm: { message: 'Void this payment? The accounting transaction will be reversed.' } }
+            ],
+            loadAction: { url: 'supplierpayments/x/x' }, loadCriteria: 'receipt', loadIDField: 'inventoryReceiptID',
+            formConfig: this.supplierPaymentFormConfig
+        };
+        //--------------------------AP Aging Report-------------------------
+        // Changed: AP aging summary tiles — mirrors AR aging pattern
+        this.apAgingTileConfig = {
+            tiles: [
+                { name: 'current', alias: 'Current', color: '#4CAF50', info: 'Not yet due' },
+                { name: 'days30', alias: '1-30 Days', color: '#FFC107', info: '1-30 days overdue' },
+                { name: 'days60', alias: '31-60 Days', color: '#FF9800', info: '31-60 days overdue' },
+                { name: 'days90', alias: '61-90 Days', color: '#F44336', info: '61-90 days overdue' },
+                { name: 'days90Plus', alias: '90+ Days', color: '#B71C1C', info: 'Over 90 days overdue' },
+                { name: 'total', alias: 'Total Outstanding', color: '#9E9E9E', info: 'Total outstanding amount' }
+            ],
+        };
+        // Changed: AP aging base table config — common columns for all aging tabs
+        this.apAgingBaseTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['receiptNumber', 'supplierName', 'outstandingAmount'],
+            columns: [
+                { name: 'receiptNumber', type: 'text', alias: 'Receipt #', detailsConfig: this.inventoryReceiptDetailsConfig },
+                { name: 'supplierName', type: 'text', alias: 'Supplier' },
+                { name: 'receiptDate', type: 'date', alias: 'Receipt Date' },
+                { name: 'dueDate', type: 'date', alias: 'Due Date' },
+                { name: 'daysOverdue', type: 'number', alias: 'Days Overdue' },
+                { name: 'totalAmount', type: 'money', alias: 'Total' },
+                { name: 'paidAmount', type: 'money', alias: 'Paid' },
+                { name: 'outstandingAmount', type: 'money', alias: 'Outstanding' }
+            ],
+            buttons: [
+                { name: 'view', dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig },
+                this.supplierRecordPaymentButton,
+            ]
+        };
+        this.inventoryReceiptDetailsConfig.tableConfigs.push(this.supplierPaymentsTableConfig);
+        this.inventoryReceiptDetailsConfig.buttons.push(this.supplierRecordPaymentButton);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PurchasingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PurchasingService, providedIn: 'root' }); }
@@ -16573,30 +17058,268 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
-class PurchaseOrdersComponent {
-    constructor() {
-        this.purchasingService = inject(PurchasingService); // Changed: Inject PurchasingService
-        this.pageConfig = {
-            title: 'Purchase Orders',
-            tableConfig: this.purchasingService.purchaseOrdersTableConfig // Changed: Use PurchasingService config
-        };
+// AP Aging report component for accounts payable tracking — mirrors AR AgingComponent pattern
+class SupplierAgingComponent {
+    ngOnInit() {
+        this.loadSummaryData();
     }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PurchaseOrdersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PurchaseOrdersComponent, isStandalone: false, selector: "spa-purchase-orders", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    loadSummaryData() {
+        this.dataServiceLib.CallApi({ url: 'inventoryreceipts/aging-summary/x' }, '').subscribe((apiResponse) => {
+            if (apiResponse.success) {
+                this.summaryData = apiResponse.data;
+            }
+        });
+    }
+    constructor(dataServiceLib) {
+        this.dataServiceLib = dataServiceLib;
+        this.purchasingService = inject(PurchasingService);
+        this.tileConfig = this.purchasingService.apAgingTileConfig;
+        // Changed: Build 5-tab aging table layout using AP aging base config from PurchasingService
+        this.agingTableConfigs = [
+            {
+                ...this.purchasingService.apAgingBaseTableConfig,
+                tabTitle: 'Current',
+                loadAction: { url: 'inventoryreceipts/aging-current/x' },
+                countAction: { url: 'inventoryreceipts/count/aging-current' }
+            },
+            {
+                ...this.purchasingService.apAgingBaseTableConfig,
+                tabTitle: '1-30 Days',
+                loadAction: { url: 'inventoryreceipts/aging-30/x' },
+                countAction: { url: 'inventoryreceipts/count/aging-30' }
+            },
+            {
+                ...this.purchasingService.apAgingBaseTableConfig,
+                tabTitle: '31-60 Days',
+                loadAction: { url: 'inventoryreceipts/aging-60/x' },
+                countAction: { url: 'inventoryreceipts/count/aging-60' }
+            },
+            {
+                ...this.purchasingService.apAgingBaseTableConfig,
+                tabTitle: '61-90 Days',
+                loadAction: { url: 'inventoryreceipts/aging-90/x' },
+                countAction: { url: 'inventoryreceipts/count/aging-90' }
+            },
+            {
+                ...this.purchasingService.apAgingBaseTableConfig,
+                tabTitle: '90+ Days',
+                loadAction: { url: 'inventoryreceipts/aging-90plus/x' },
+                countAction: { url: 'inventoryreceipts/count/aging-90plus' }
+            }
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SupplierAgingComponent, deps: [{ token: DataServiceLib }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SupplierAgingComponent, isStandalone: false, selector: "spa-supplier-aging", ngImport: i0, template: `
+    <h4>Accounts Payable Aging</h4>
+    <hr>
+    <div *ngIf="summaryData" class="mt-3 mb-3">
+      <spa-tiles [config]="tileConfig" [data]="summaryData"></spa-tiles>
+    </div>
+
+    <spa-tabs [tableConfigs]="agingTableConfigs"></spa-tabs>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TilesComponent, selector: "spa-tiles", inputs: ["config", "lastSearch", "data", "reload"], outputs: ["tileActionSelected", "tileClick", "tileUnClick"] }, { kind: "component", type: TabsComponent, selector: "spa-tabs", inputs: ["tableConfigs", "reload", "parentDetails"], outputs: ["formRefresh"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PurchaseOrdersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SupplierAgingComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'spa-purchase-orders',
-                    template: '<spa-page [config]="pageConfig"></spa-page>',
-                    standalone: false
-                }]
-        }] });
-
-// Changed: Component moved from inventory module to purchasing module
+                    selector: 'spa-supplier-aging',
+                    template: `
+    <h4>Accounts Payable Aging</h4>
+    <hr>
+    <div *ngIf="summaryData" class="mt-3 mb-3">
+      <spa-tiles [config]="tileConfig" [data]="summaryData"></spa-tiles>
+    </div>
+
+    <spa-tabs [tableConfigs]="agingTableConfigs"></spa-tabs>
+  `,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: DataServiceLib }] });
+
+class TransactionTypesComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Transaction Types',
+            tableConfig: this.accountingService.transactionTypesTableConfig
+        };
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionTypesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TransactionTypesComponent, isStandalone: false, selector: "spa-transaction-types", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionTypesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-transaction-types',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+class TransactionsComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Transactions',
+            tableConfig: this.accountingService.transactionsTableConfig
+        };
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TransactionsComponent, isStandalone: false, selector: "spa-transactions", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TransactionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-transactions',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+// Invoice management component for tin-spa library
+class InvoicesComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.httpService = inject(HttpService);
+        this.http = inject(HttpClient);
+        this.messageService = inject(MessageService);
+        this.pageConfig = {
+            title: 'Invoices',
+            tableConfig: this.accountingService.invoicesTableConfig
+        };
+    }
+    ngOnInit() {
+    }
+    // Handle action click events from the table
+    actionClicked(event) {
+        if (event.name === 'pdf') {
+            this.messageService.confirm(`Download Invoice ?`).subscribe((result) => {
+                if (result == "yes") {
+                    this.download(event.data);
+                }
+            });
+        }
+    }
+    // Download invoice as PDF
+    download(invoice) {
+        this.http.post(`${this.httpService.apiUrl}invoices/pdf?action=x`, invoice, { responseType: 'blob' })
+            .subscribe((response) => {
+            const blob = new Blob([response], { type: 'application/pdf' });
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `Invoice_${invoice.invoiceID}.pdf`;
+            link.click();
+            window.URL.revokeObjectURL(url);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InvoicesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InvoicesComponent, isStandalone: false, selector: "spa-invoices", ngImport: i0, template: '<spa-page [config]="pageConfig" (actionClick)="actionClicked($event)"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InvoicesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-invoices',
+                    template: '<spa-page [config]="pageConfig" (actionClick)="actionClicked($event)"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+// Outstanding invoices component for tin-spa library
+class OutstandingInvoicesComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Outstanding Invoices',
+            tableConfig: this.accountingService.outstandingInvoicesTableConfig
+        };
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: OutstandingInvoicesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: OutstandingInvoicesComponent, isStandalone: false, selector: "spa-outstanding-invoices", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: OutstandingInvoicesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-outstanding-invoices',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class ProductsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Products',
+            tableConfig: this.inventoryService.productsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ProductsComponent, isStandalone: false, selector: "spa-products", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProductsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-products',
+                    standalone: false,
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class InventoryItemsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Inventory Items',
+            tableConfig: this.inventoryService.inventoryItemsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryItemsComponent, isStandalone: false, selector: "spa-inventory-items", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryItemsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-items',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+class PurchaseOrdersComponent {
+    constructor() {
+        this.purchasingService = inject(PurchasingService); // Changed: Inject PurchasingService
+        this.pageConfig = {
+            title: 'Purchase Orders',
+            tableConfig: this.purchasingService.purchaseOrdersTableConfig // Changed: Use PurchasingService config
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PurchaseOrdersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PurchaseOrdersComponent, isStandalone: false, selector: "spa-purchase-orders", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PurchaseOrdersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-purchase-orders',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+// Changed: Component moved from inventory module to purchasing module
 class InventoryReceiptsComponent {
     constructor() {
         this.purchasingService = inject(PurchasingService); // Changed: Inject PurchasingService
@@ -17394,6 +18117,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+// Financial Reports component with Trial Balance, P&L, Balance Sheet tabs
+class ReportsComponent {
+    constructor(dataServiceLib, accountingService) {
+        this.dataServiceLib = dataServiceLib;
+        this.accountingService = accountingService;
+        this.reportTabConfigs = [
+            {
+                ...this.accountingService.trialBalanceTableConfig,
+                tabTitle: 'Trial Balance',
+                loadAction: { url: 'accounts/reports/trialbalance' },
+            },
+            {
+                ...this.accountingService.pnlTableConfig,
+                tabTitle: 'Profit & Loss',
+                loadAction: { url: 'accounts/reports/pnl' },
+            },
+            {
+                ...this.accountingService.balanceSheetReportTableConfig,
+                tabTitle: 'Balance Sheet',
+                loadAction: { url: 'accounts/reports/balancesheet' },
+            }
+        ];
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ReportsComponent, deps: [{ token: DataServiceLib }, { token: AccountingService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ReportsComponent, isStandalone: false, selector: "spa-reports", ngImport: i0, template: `
+    <h4>Financial Reports</h4>
+    <hr>
+
+    <spa-tabs [tableConfigs]="reportTabConfigs"></spa-tabs>
+  `, isInline: true, dependencies: [{ kind: "component", type: TabsComponent, selector: "spa-tabs", inputs: ["tableConfigs", "reload", "parentDetails"], outputs: ["formRefresh"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ReportsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-reports',
+                    template: `
+    <h4>Financial Reports</h4>
+    <hr>
+
+    <spa-tabs [tableConfigs]="reportTabConfigs"></spa-tabs>
+  `,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: DataServiceLib }, { type: AccountingService }] });
+
 // Tax Rates management page - CRUD for VAT tax rates
 class TaxRatesComponent {
     constructor() {
@@ -17416,6 +18186,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+// Standing Orders management page — CRUD for recurring scheduled transactions
+class StandingOrdersComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Standing Orders',
+            tableConfig: this.accountingService.standingOrdersTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StandingOrdersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: StandingOrdersComponent, isStandalone: true, selector: "spa-standing-orders", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "ngmodule", type: TinSpaModule }, { kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StandingOrdersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-standing-orders',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+// Fixed Asset Categories management page — CRUD for asset categories with depreciation defaults
+class FixedAssetCategoriesComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Asset Categories',
+            tableConfig: this.accountingService.categoryTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FixedAssetCategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: FixedAssetCategoriesComponent, isStandalone: true, selector: "spa-fixed-asset-categories", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "ngmodule", type: TinSpaModule }, { kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FixedAssetCategoriesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-fixed-asset-categories',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+// Fixed Assets management page — full lifecycle with tiles, CRUD, activation, depreciation, and disposal
+class FixedAssetsComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Fixed Assets',
+            tableConfig: this.accountingService.assetsTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FixedAssetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: FixedAssetsComponent, isStandalone: true, selector: "spa-fixed-assets", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "ngmodule", type: TinSpaModule }, { kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FixedAssetsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-fixed-assets',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
 class GptCachesComponent {
     constructor() {
         this.dataService = inject(DataServiceLib);
@@ -17496,6 +18332,498 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
             args: [{ selector: 'spa-preferences', standalone: false, template: "<h4>Preferences</h4>\r\n<hr>\r\n\r\n<mat-card>\r\n  <mat-card-content>\r\n    <form (ngSubmit)=\"onSubmit()\">\r\n\r\n      <div class=\"tin-col mt-3\">\r\n\r\n        <div class=\"header-title\">General</div>\r\n        <hr class=\"header-line\">\r\n        <div class=\"ml-4 header\">\r\n          <spa-select display=\"Default Currency\" [(value)]=\"preference.defaultCurrency\" optionDisplay=\"name\" optionValue=\"value\" [options]=\"currencyOptions\"></spa-select>\r\n        </div>\r\n\r\n        <div class=\"header-title\">Accounting</div>\r\n        <hr class=\"header-line\">\r\n        <div class=\"ml-4 header\">\r\n          <spa-select display=\"First Month of Year\" [(value)]=\"preference.firstMonthOfYear\" optionDisplay=\"name\" optionValue=\"value\" [options]=\"monthOptions\"></spa-select>\r\n          <spa-select display=\"First Day of Month\" [(value)]=\"preference.firstDayOfMonth\" optionDisplay=\"name\" optionValue=\"value\" [options]=\"dayOptions\"></spa-select>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <mat-card-actions>\r\n        <button mat-raised-button color=\"primary\" type=\"submit\">Save Preferences</button>\r\n      </mat-card-actions>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n", styles: [".header-title{font-size:24px;font-weight:300}.header-line{margin-top:5px;margin-bottom:5px}.header{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:30px}\n"] }]
         }], ctorParameters: () => [{ type: DataServiceLib }, { type: MessageService }] });
 
+class PayrollService {
+    constructor() {
+        this.dataService = inject(DataServiceLib);
+        //--------------------------Salary Components (child of SalaryStructure)-------------------------
+        this.salaryComponentFormConfig = {
+            title: 'Salary Component',
+            fixedTitle: true,
+            fields: [
+                { name: 'name', type: 'text', required: true },
+                { name: 'componentType', alias: 'Type', type: 'select', loadAction: { url: 'salarycomponents/list/component-type' }, required: true },
+                { name: 'calculationMethod', alias: 'Calculation', type: 'select', loadAction: { url: 'salarycomponents/list/calculation-method' }, required: true },
+                { name: 'sortOrder', alias: 'Sort Order', type: 'number', defaultValue: 0 },
+                { name: 'isActive', type: 'checkbox', alias: 'Active', defaultValue: true },
+            ],
+            loadAction: { url: 'salarycomponents/id' },
+            heroField: 'salaryComponentID',
+        };
+        this.salaryComponentsTableConfig = {
+            tabTitle: 'Components',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'name', type: 'text' },
+                { name: 'componentTypeName', type: 'text', alias: 'Type' },
+                { name: 'calculationMethodName', type: 'text', alias: 'Calculation' },
+                { name: 'sortOrder', type: 'text', alias: 'Order' },
+                { name: 'isActive', type: 'checkbox', alias: 'Active' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'salarycomponents?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'salarycomponents?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'salarycomponents?action=delete', method: 'post' } },
+            ],
+            loadAction: { url: 'salarycomponents/x/x' }, loadCriteria: 'structure', loadIDField: 'salaryStructureID',
+            formConfig: this.salaryComponentFormConfig,
+        };
+        //--------------------------Salary Structures-------------------------
+        this.editSalaryStructureButton = { name: 'edit', dialog: true, inDialog: true, action: { url: 'salarystructures?action=edit', method: 'post' } };
+        this.salaryStructureFormConfig = {
+            title: 'Salary Structure',
+            fields: [
+                { name: 'name', type: 'text', required: true },
+                { name: 'description', type: 'text-area', rows: 2, span: true },
+                { name: 'isActive', type: 'checkbox', alias: 'Active', defaultValue: true },
+            ],
+            loadAction: { url: 'salarystructures/id' },
+            heroField: 'salaryStructureID',
+            includeAudit: true,
+        };
+        this.salaryStructuresTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['name', 'componentCount', 'employeeCount'],
+            columns: [
+                { name: 'name', type: 'text' },
+                { name: 'description', type: 'text' },
+                { name: 'componentCount', type: 'text', alias: 'Components' },
+                { name: 'employeeCount', type: 'text', alias: 'Employees' },
+                { name: 'isActive', type: 'checkbox', alias: 'Active' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'salarystructures?action=create', method: 'post' } },
+                {
+                    name: 'view',
+                    dialog: true,
+                    detailsConfig: {
+                        formConfig: this.salaryStructureFormConfig,
+                        heroField: 'salaryStructureID',
+                        buttons: [this.editSalaryStructureButton],
+                        tableConfigs: [this.salaryComponentsTableConfig],
+                    }
+                },
+                { name: 'edit', dialog: true, action: { url: 'salarystructures?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'salarystructures?action=delete', method: 'post' } },
+            ],
+            loadAction: { url: 'salarystructures/all/x' },
+            formConfig: this.salaryStructureFormConfig,
+        };
+        //--------------------------Statutory Deduction Bands (child of StatutoryDeductionType)-------------------------
+        this.statutoryDeductionBandFormConfig = {
+            title: 'Tax Band',
+            fixedTitle: true,
+            fields: [
+                { name: 'validFrom', type: 'date', alias: 'Valid From', required: true },
+                { name: 'bandMin', type: 'money', alias: 'Minimum', required: true },
+                { name: 'bandMax', type: 'money', alias: 'Maximum' },
+                { name: 'rate', type: 'number', alias: 'Rate %', required: true },
+                { name: 'fixedAmount', type: 'money', alias: 'Fixed Amount' },
+            ],
+            loadAction: { url: 'statutorydeductionbands/id' },
+            heroField: 'statutoryDeductionBandID',
+        };
+        this.statutoryDeductionBandsTableConfig = {
+            tabTitle: 'Tax Bands',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'validFrom', type: 'date', alias: 'Valid From' },
+                { name: 'bandMin', type: 'money', alias: 'Min' },
+                { name: 'bandMax', type: 'money', alias: 'Max' },
+                { name: 'rate', type: 'text', alias: 'Rate %' },
+                { name: 'fixedAmount', type: 'money', alias: 'Fixed Amount' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'statutorydeductionbands?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'statutorydeductionbands?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'statutorydeductionbands?action=delete', method: 'post' } },
+            ],
+            loadAction: { url: 'statutorydeductionbands/x/x' }, loadCriteria: 'type', loadIDField: 'statutoryDeductionTypeID',
+            formConfig: this.statutoryDeductionBandFormConfig,
+        };
+        //--------------------------Statutory Deduction Types-------------------------
+        this.editStatutoryDeductionTypeButton = { name: 'edit', dialog: true, inDialog: true, action: { url: 'statutorydeductiontypes?action=edit', method: 'post' } };
+        this.statutoryDeductionTypeFormConfig = {
+            title: 'Statutory Deduction Type',
+            fields: [
+                { name: 'name', type: 'text', required: true },
+                { name: 'category', type: 'select', loadAction: { url: 'statutorydeductiontypes/list/deduction-category' }, required: true },
+                { name: 'referencedDeductionTypeID', alias: 'Referenced Deduction', type: 'select', loadAction: { url: 'statutorydeductiontypes/list/x' }, nullable: true, infoMessage: 'For levies calculated as % of another deduction' },
+                { name: 'isActive', type: 'checkbox', alias: 'Active', defaultValue: true },
+            ],
+            loadAction: { url: 'statutorydeductiontypes/id' },
+            heroField: 'statutoryDeductionTypeID',
+            includeAudit: true,
+        };
+        this.statutoryDeductionTypesTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['name', 'categoryName', 'bandCount'],
+            columns: [
+                { name: 'name', type: 'text' },
+                { name: 'categoryName', type: 'text', alias: 'Category' },
+                { name: 'referencedDeductionTypeName', type: 'text', alias: 'Referenced Deduction' },
+                { name: 'bandCount', type: 'text', alias: 'Bands' },
+                { name: 'isActive', type: 'checkbox', alias: 'Active' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'statutorydeductiontypes?action=create', method: 'post' } },
+                {
+                    name: 'view',
+                    dialog: true,
+                    detailsConfig: {
+                        formConfig: this.statutoryDeductionTypeFormConfig,
+                        heroField: 'statutoryDeductionTypeID',
+                        buttons: [this.editStatutoryDeductionTypeButton],
+                        tableConfigs: [this.statutoryDeductionBandsTableConfig],
+                    }
+                },
+                { name: 'edit', dialog: true, action: { url: 'statutorydeductiontypes?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'statutorydeductiontypes?action=delete', method: 'post' } },
+            ],
+            loadAction: { url: 'statutorydeductiontypes/all/x' },
+            formConfig: this.statutoryDeductionTypeFormConfig,
+        };
+        //--------------------------Payslip Lines (child of Payslip)-------------------------
+        this.payslipLineFormConfig = {
+            title: 'Payslip Line',
+            fixedTitle: true,
+            fields: [
+                { name: 'componentName', type: 'text', alias: 'Component', required: true },
+                { name: 'componentType', alias: 'Type', type: 'select', loadAction: { url: 'salarycomponents/list/component-type' }, required: true },
+                { name: 'amount', type: 'money', alias: 'Amount', required: true },
+                { name: 'isStatutory', type: 'checkbox', alias: 'Statutory' },
+                { name: 'sortOrder', alias: 'Sort Order', type: 'number', defaultValue: 0 },
+            ],
+            loadAction: { url: 'paysliplines/id' },
+            heroField: 'payslipLineID',
+        };
+        this.payslipLinesTableConfig = {
+            tabTitle: 'Payslip Lines',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'componentName', type: 'text', alias: 'Component' },
+                { name: 'componentTypeName', type: 'text', alias: 'Type' },
+                { name: 'isStatutory', type: 'checkbox', alias: 'Statutory' },
+                { name: 'amount', type: 'money', alias: 'Amount' },
+                { name: 'sortOrder', type: 'text', alias: 'Order' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Add Line', dialog: true, action: { url: 'paysliplines?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'paysliplines?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'paysliplines?action=delete', method: 'post' } },
+            ],
+            loadAction: { url: 'paysliplines/x/x' }, loadCriteria: 'payslip', loadIDField: 'payslipID',
+            formConfig: this.payslipLineFormConfig,
+        };
+        //--------------------------Payslips (child of PayrollRun, also used in employee details)-------------------------
+        this.payslipFormConfig = {
+            title: 'Payslip',
+            fixedTitle: true,
+            fields: [
+                { name: 'employeeName', alias: 'Employee', type: 'text', readonly: true },
+                { name: 'grossPay', alias: 'Gross Pay', type: 'money', readonly: true },
+                { name: 'totalDeductions', alias: 'Deductions', type: 'money', readonly: true },
+                { name: 'netPay', alias: 'Net Pay', type: 'money', readonly: true },
+                { name: 'statusName', alias: 'Status', type: 'text', readonly: true },
+            ],
+            loadAction: { url: 'payslips/id' },
+            heroField: 'payslipID',
+        };
+        this.payslipsChildTableConfig = {
+            tabTitle: 'Payslips',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'employeeName', type: 'text', alias: 'Employee' },
+                { name: 'grossPay', type: 'money', alias: 'Gross Pay' },
+                { name: 'totalDeductions', type: 'money', alias: 'Deductions' },
+                { name: 'netPay', type: 'money', alias: 'Net Pay' },
+                { name: 'statusName', type: 'text', alias: 'Status' },
+            ],
+            buttons: [
+                {
+                    name: 'view',
+                    dialog: true,
+                    detailsConfig: {
+                        formConfig: this.payslipFormConfig,
+                        heroField: 'payslipID',
+                        tableConfigs: [this.payslipLinesTableConfig],
+                    }
+                },
+            ],
+            loadAction: { url: 'payslips/x/x' }, loadCriteria: 'run', loadIDField: 'payrollRunID',
+            formConfig: this.payslipFormConfig,
+        };
+        // Employee Payslip History (child table in Employee details)
+        this.employeePayslipHistoryTableConfig = {
+            tabTitle: 'Payslip History',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'grossPay', type: 'money', alias: 'Gross Pay' },
+                { name: 'totalDeductions', type: 'money', alias: 'Deductions' },
+                { name: 'netPay', type: 'money', alias: 'Net Pay' },
+                { name: 'statusName', type: 'text', alias: 'Status' },
+            ],
+            buttons: [
+                {
+                    name: 'view',
+                    dialog: true,
+                    detailsConfig: {
+                        formConfig: this.payslipFormConfig,
+                        heroField: 'payslipID',
+                        tableConfigs: [this.payslipLinesTableConfig],
+                    }
+                },
+            ],
+            loadAction: { url: 'payslips/x/x' }, loadCriteria: 'employee', loadIDField: 'employeeID',
+            formConfig: this.payslipFormConfig,
+        };
+        //--------------------------Employee Salary Components (child of Employee)-------------------------
+        this.employeeSalaryComponentFormConfig = {
+            title: 'Salary Component',
+            fixedTitle: true,
+            fields: [
+                { name: 'salaryComponentID', alias: 'Component', type: 'select', loadAction: { url: 'salarycomponents/list/x' }, required: true },
+                { name: 'value', type: 'money', alias: 'Value', required: true },
+            ],
+            loadAction: { url: 'employeesalarycomponents/id' },
+            heroField: 'employeeSalaryComponentID',
+        };
+        this.employeeSalaryComponentsTableConfig = {
+            tabTitle: 'Salary Components',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'componentName', type: 'text', alias: 'Component' },
+                { name: 'componentType', type: 'text', alias: 'Type' },
+                { name: 'calculationMethod', type: 'text', alias: 'Calculation' },
+                { name: 'value', type: 'money', alias: 'Value' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'employeesalarycomponents?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'employeesalarycomponents?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'employeesalarycomponents?action=delete', method: 'post' } },
+            ],
+            loadAction: { url: 'employeesalarycomponents/x/x' }, loadCriteria: 'employee', loadIDField: 'employeeID',
+            formConfig: this.employeeSalaryComponentFormConfig,
+        };
+        //--------------------------Payroll Runs-------------------------
+        // Action buttons with status-based visibility
+        this.submitPayrollButton = { name: 'submit', display: 'Submit', inDialog: true, action: { url: 'payrollruns?action=submit', method: 'post' }, visible: (row) => row?.status === 1 }; // Changed: null-check row to prevent TypeError when dialog renders before row data loads
+        this.postPayrollButton = { name: 'post', display: 'Post', inDialog: true, action: { url: 'payrollruns?action=post', method: 'post' }, visible: (row) => row?.status === 2 }; // Changed: null-check row
+        this.markPaidButton = { name: 'paid', display: 'Mark Paid', inDialog: true, action: { url: 'payrollruns?action=paid', method: 'post' }, visible: (row) => row?.status === 3 }; // Changed: null-check row
+        this.payrollRunFormConfig = {
+            title: 'Payroll Run',
+            fields: [
+                { name: 'periodYear', alias: 'Year', type: 'number', required: true },
+                { name: 'periodMonth', alias: 'Month', type: 'number', required: true },
+                { name: 'payDate', alias: 'Pay Date', type: 'date', required: true },
+                { name: 'description', type: 'text-area', rows: 2, span: true },
+            ],
+            loadAction: { url: 'payrollruns/id' },
+            heroField: 'payrollRunID',
+            includeAudit: true,
+        };
+        this.payrollRunsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['periodYear', 'totalGrossPay', 'statusName'],
+            columns: [
+                { name: 'periodYear', type: 'text', alias: 'Year' },
+                { name: 'periodMonth', type: 'text', alias: 'Month' },
+                { name: 'payDate', type: 'date', alias: 'Pay Date' },
+                { name: 'payslipCount', type: 'text', alias: 'Payslips' },
+                { name: 'totalGrossPay', type: 'money', alias: 'Gross Pay' },
+                { name: 'totalNetPay', type: 'money', alias: 'Net Pay' },
+                { name: 'statusName', type: 'text', alias: 'Status' },
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'payrollruns?action=create', method: 'post' } },
+                {
+                    name: 'view',
+                    dialog: true,
+                    detailsConfig: {
+                        formConfig: this.payrollRunFormConfig,
+                        heroField: 'payrollRunID',
+                        buttons: [this.submitPayrollButton, this.postPayrollButton, this.markPaidButton],
+                        tableConfigs: [this.payslipsChildTableConfig],
+                    }
+                },
+                { name: 'edit', dialog: true, action: { url: 'payrollruns?action=edit', method: 'post' }, visible: (row) => row?.status === 1 }, // Changed: null-check row
+                { name: 'delete', dialog: true, action: { url: 'payrollruns?action=delete', method: 'post' }, visible: (row) => row?.status === 1 }, // Changed: null-check row
+            ],
+            loadAction: { url: 'payrollruns/all/x' },
+            formConfig: this.payrollRunFormConfig,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PayrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PayrollService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PayrollService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class SalaryStructuresComponent {
+    constructor() {
+        this.payrollService = inject(PayrollService);
+        this.pageConfig = {
+            title: 'Salary Structures',
+            tableConfig: this.payrollService.salaryStructuresTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SalaryStructuresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SalaryStructuresComponent, isStandalone: false, selector: "spa-salary-structures", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SalaryStructuresComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-salary-structures',
+                    standalone: false,
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+class StatutoryDeductionsComponent {
+    constructor() {
+        this.payrollService = inject(PayrollService);
+        this.pageConfig = {
+            title: 'Statutory Deductions',
+            tableConfig: this.payrollService.statutoryDeductionTypesTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StatutoryDeductionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: StatutoryDeductionsComponent, isStandalone: false, selector: "spa-statutory-deductions", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StatutoryDeductionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-statutory-deductions',
+                    standalone: false,
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+class PayrollRunsComponent {
+    constructor() {
+        this.payrollService = inject(PayrollService);
+        this.pageConfig = {
+            title: 'Payroll Runs',
+            tableConfig: this.payrollService.payrollRunsTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PayrollRunsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PayrollRunsComponent, isStandalone: false, selector: "spa-payroll-runs", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PayrollRunsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-payroll-runs',
+                    standalone: false,
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+// Budget management component for CRUD operations
+class BudgetsComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.pageConfig = {
+            title: 'Budgets',
+            tableConfig: this.accountingService.budgetsTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BudgetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: BudgetsComponent, isStandalone: false, selector: "spa-budgets", ngImport: i0, template: '<spa-page [config]="pageConfig"></spa-page>', isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BudgetsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-budgets',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: false
+                }]
+        }] });
+
+// Budget vs Actual report component with budget selector, tiles, and tabbed tables
+class BudgetVsActualComponent {
+    constructor() {
+        this.accountingService = inject(AccountingService);
+        this.httpService = inject(HttpService);
+        this.selectedBudgetID = null;
+        this.reportTabConfigs = [];
+        this.summaryTileConfig = { ...this.accountingService.budgetSummaryTileConfig };
+    }
+    // Load report data when a budget is selected
+    onBudgetSelected() {
+        if (!this.selectedBudgetID) {
+            this.reportTabConfigs = [];
+            return;
+        }
+        // Update tile config to load summary for selected budget
+        this.summaryTileConfig = {
+            ...this.accountingService.budgetSummaryTileConfig,
+            loadAction: { url: `budgetreport/summary/${this.selectedBudgetID}` }
+        };
+        // Build tab configs with dynamic URLs for selected budget
+        this.reportTabConfigs = [
+            {
+                ...this.accountingService.budgetVsActualByPeriodTableConfig,
+                loadAction: { url: `budgetreport/vsactual/${this.selectedBudgetID}` }
+            },
+            {
+                ...this.accountingService.budgetVsActualByAccountTableConfig,
+                loadAction: { url: `budgetreport/summary/${this.selectedBudgetID}` }
+            }
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BudgetVsActualComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: BudgetVsActualComponent, isStandalone: false, selector: "spa-budget-vs-actual", ngImport: i0, template: `
+    <h4>Budget vs Actual</h4>
+    <hr>
+
+    <div style="max-width: 300px; margin-bottom: 16px;">
+      <spa-select-lite display="Select Budget" [loadAction]="{ url: 'budgets/list/x' }" [(value)]="selectedBudgetID" (valueChange)="onBudgetSelected()"></spa-select-lite>
+    </div>
+
+    <spa-tiles *ngIf="summaryTileConfig.loadAction" [config]="summaryTileConfig"></spa-tiles>
+
+    <spa-tabs *ngIf="reportTabConfigs.length > 0" [tableConfigs]="reportTabConfigs"></spa-tabs>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TilesComponent, selector: "spa-tiles", inputs: ["config", "lastSearch", "data", "reload"], outputs: ["tileActionSelected", "tileClick", "tileUnClick"] }, { kind: "component", type: TabsComponent, selector: "spa-tabs", inputs: ["tableConfigs", "reload", "parentDetails"], outputs: ["formRefresh"] }, { kind: "component", type: SelectLiteComponent, selector: "spa-select-lite" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BudgetVsActualComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-budget-vs-actual',
+                    template: `
+    <h4>Budget vs Actual</h4>
+    <hr>
+
+    <div style="max-width: 300px; margin-bottom: 16px;">
+      <spa-select-lite display="Select Budget" [loadAction]="{ url: 'budgets/list/x' }" [(value)]="selectedBudgetID" (valueChange)="onBudgetSelected()"></spa-select-lite>
+    </div>
+
+    <spa-tiles *ngIf="summaryTileConfig.loadAction" [config]="summaryTileConfig"></spa-tiles>
+
+    <spa-tabs *ngIf="reportTabConfigs.length > 0" [tableConfigs]="reportTabConfigs"></spa-tabs>
+  `,
+                    standalone: false
+                }]
+        }] });
+
 const routes$1 = [
     { path: "users", component: UsersComponent },
     { path: "roles", component: RolesComponent },
@@ -17530,8 +18858,13 @@ const routes$1 = [
     { path: "accounting-transactions", component: TransactionsComponent },
     { path: "accounting-invoices", component: InvoicesComponent },
     { path: "accounting-aging", component: AgingComponent }, // Added: Aging route
+    { path: "accounting-supplier-aging", component: SupplierAgingComponent }, // Changed: AP Aging route
     { path: "accounting-outstanding-invoices", component: OutstandingInvoicesComponent },
+    { path: "accounting-reports", component: ReportsComponent }, // Added: Financial reports route
     { path: "accounting-tax-rates", component: TaxRatesComponent }, // Changed: Tax rates management route
+    { path: "accounting-standing-orders", component: StandingOrdersComponent }, // Changed: Standing orders management route
+    { path: "accounting-fixed-assets", component: FixedAssetsComponent }, // Added: Fixed assets management route
+    { path: "accounting-fixed-asset-categories", component: FixedAssetCategoriesComponent }, // Added: Fixed asset categories management route
     { path: "loans-products", component: LoanProductsComponent },
     { path: "loans", component: LoansComponent },
     { path: "loans-payments", component: LoanPaymentsComponent },
@@ -17551,7 +18884,12 @@ const routes$1 = [
     { path: "bundle-products", component: BundleProductsComponent }, // Added: Bundle products route
     { path: "production-recipes", component: ProductionRecipesComponent },
     { path: "production-orders", component: ProductionOrdersComponent },
-    { path: "preferences", component: PreferencesComponent } // Changed: Added Preferences route
+    { path: "preferences", component: PreferencesComponent }, // Changed: Added Preferences route
+    { path: "payroll-salary-structures", component: SalaryStructuresComponent }, // Changed: Added for Payroll module
+    { path: "payroll-statutory-deductions", component: StatutoryDeductionsComponent }, // Changed: Added for Payroll module
+    { path: "payroll-runs", component: PayrollRunsComponent }, // Changed: Added for Payroll module
+    { path: "accounting-budgets", component: BudgetsComponent }, // Changed: Added for Budget module
+    { path: "accounting-budget-vs-actual", component: BudgetVsActualComponent } // Changed: Added for Budget module
 ];
 class AdminRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AdminRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -17573,10 +18911,12 @@ class AdminModule {
             AccountsComponent,
             AggregatesComponent, // Added: Aggregates component declaration
             AgingComponent, // Added: Aging component declaration
+            SupplierAgingComponent, // Changed: AP Aging component declaration
             TransactionTypesComponent,
             TransactionsComponent,
             InvoicesComponent,
             OutstandingInvoicesComponent,
+            ReportsComponent, // Added: Financial Reports component declaration
             // Inventory components
             ProductsComponent,
             InventoryItemsComponent,
@@ -17594,7 +18934,12 @@ class AdminModule {
             ProductionOrdersComponent,
             BundleProductsComponent, // Added: Bundle products component
             ServiceItemsComponent, // Added: Service items component
-            PreferencesComponent // Changed: Added Preferences component
+            PreferencesComponent, // Changed: Added Preferences component
+            SalaryStructuresComponent, // Changed: Added for Payroll module
+            StatutoryDeductionsComponent, // Changed: Added for Payroll module
+            PayrollRunsComponent, // Changed: Added for Payroll module
+            BudgetsComponent, // Changed: Added for Budget module
+            BudgetVsActualComponent // Changed: Added for Budget module
         ], imports: [CommonModule,
             AdminRoutingModule,
             SpaAdminModule] }); }
@@ -17610,10 +18955,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         AccountsComponent,
                         AggregatesComponent, // Added: Aggregates component declaration
                         AgingComponent, // Added: Aging component declaration
+                        SupplierAgingComponent, // Changed: AP Aging component declaration
                         TransactionTypesComponent,
                         TransactionsComponent,
                         InvoicesComponent,
                         OutstandingInvoicesComponent,
+                        ReportsComponent, // Added: Financial Reports component declaration
                         // Inventory components
                         ProductsComponent,
                         InventoryItemsComponent,
@@ -17631,7 +18978,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         ProductionOrdersComponent,
                         BundleProductsComponent, // Added: Bundle products component
                         ServiceItemsComponent, // Added: Service items component
-                        PreferencesComponent // Changed: Added Preferences component
+                        PreferencesComponent, // Changed: Added Preferences component
+                        SalaryStructuresComponent, // Changed: Added for Payroll module
+                        StatutoryDeductionsComponent, // Changed: Added for Payroll module
+                        PayrollRunsComponent, // Changed: Added for Payroll module
+                        BudgetsComponent, // Changed: Added for Budget module
+                        BudgetVsActualComponent // Changed: Added for Budget module
                     ],
                     imports: [
                         CommonModule,
@@ -17688,5 +19040,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Account, AccountsComponent as AccountingAccountsComponent, AggregatesComponent as AccountingAggregatesComponent, AgingComponent as AccountingAgingComponent, InvoicesComponent as AccountingInvoicesComponent, OutstandingInvoicesComponent as AccountingOutstandingInvoicesComponent, AccountingService, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, Action, ActivityComponent, AdminModule, AlertComponent, AlertConfig, AlertMessage, ApiResponse, AppConfig, AppModelsComponent, AttachComponent, AuthService, BrandsComponent, CacheConfig, CapItem, CapsulesComponent, CategoriesComponent, ChangePasswordComponent, ChangeUserPassword, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EmailComponent, EmployeesComponent, ExportService, FilterComponent, FormComponent, FormConfig, GeneralService, GradesComponent, GroupsComponent, HtmlComponent, HttpService, IndexModule, InventoryReceiptStatus, InventoryService, InvoiceItemType, InvoiceStatus, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansService, LogLevel, LogService, LoginComponent, LogsComponent, MembershipComponent, MessageService, MoneyComponent, MovementType, NavMenuComponent, NotesComponent, NotesConfig, NumberComponent, OnboardingComponent, OptionComponent, PageComponent, PageConfig, PlansComponent, PositionsComponent, PreferencesComponent, PrivacyDialogComponent, Profile, ProfileComponent, RecoverAccountComponent, Register, Role, RoleAccess, RolesComponent, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SelectMultiComponent, SettingsComponent, SignupComponent, SignupData, SpaAdminModule, SpaIndexModule, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SubCategoriesComponent, SuppliersComponent, TabService, TableComponent, TableConfig, TabsComponent, TabsInternalComponent, TabsLiteComponent, TasksComponent, TenantsComponent, TermsDialogComponent, TextAreaComponent, TextComponent, TextMaskComponent, TextMultiComponent, TextSingleComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, TransactionTiming, UnitOfMeasure, User, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, authGuard, dialogOptions, loginConfig, messageDialog, viewerDialog };
+export { Account, AccountsComponent as AccountingAccountsComponent, AggregatesComponent as AccountingAggregatesComponent, AgingComponent as AccountingAgingComponent, InvoicesComponent as AccountingInvoicesComponent, OutstandingInvoicesComponent as AccountingOutstandingInvoicesComponent, ReportsComponent as AccountingReportsComponent, AccountingService, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, Action, ActivityComponent, AdminModule, AlertComponent, AlertConfig, AlertMessage, ApiResponse, AppConfig, AppModelsComponent, AssetStatus, AttachComponent, AuthService, BrandsComponent, CacheConfig, CapItem, CapsulesComponent, CategoriesComponent, ChangePasswordComponent, ChangeUserPassword, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EmailComponent, EmployeesComponent, ExportService, FilterComponent, FormComponent, FormConfig, GeneralService, GradesComponent, GroupsComponent, HtmlComponent, HttpService, IndexModule, InventoryReceiptStatus, InventoryService, InvoiceItemType, InvoiceStatus, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansService, LogLevel, LogService, LoginComponent, LogsComponent, MembershipComponent, MessageService, MoneyComponent, MovementType, NavMenuComponent, NotesComponent, NotesConfig, NumberComponent, OnboardingComponent, OptionComponent, PageComponent, PageConfig, PlansComponent, PositionsComponent, PreferencesComponent, PrivacyDialogComponent, Profile, ProfileComponent, RecoverAccountComponent, Register, Role, RoleAccess, RolesComponent, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SelectLiteComponent, SelectMultiComponent, SettingsComponent, SignupComponent, SignupData, SpaAdminModule, SpaIndexModule, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SubCategoriesComponent, SuppliersComponent, TabService, TableComponent, TableConfig, TabsComponent, TabsInternalComponent, TabsLiteComponent, TasksComponent, TenantsComponent, TermsDialogComponent, TextAreaComponent, TextComponent, TextMaskComponent, TextMultiComponent, TextSingleComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, TransactionTiming, UnitOfMeasure, User, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, authGuard, dialogOptions, loginConfig, messageDialog, viewerDialog };
 //# sourceMappingURL=tin-spa.mjs.map