tin-spa 20.1.2 → 20.2.0

package/fesm2022/tin-spa.mjs

@@ -19,7 +19,7 @@ import { RouterModule, Router } from '@angular/router';
 import * as i2$1 from '@abacritt/angularx-social-login';
 import { SocialLoginModule } from '@abacritt/angularx-social-login';
 import * as i1$1 from '@angular/common/http';
-import { HttpHeaders, HttpResponse, HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpHeaders, HttpResponse, HttpClientModule, HTTP_INTERCEPTORS, HttpClient } from '@angular/common/http';
 import * as i1$3 from '@angular/cdk/layout';
 import * as i9 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
@@ -208,103 +208,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-var RoleAccess;
-(function (RoleAccess) {
-    RoleAccess[RoleAccess["None"] = 0] = "None";
-    RoleAccess[RoleAccess["View"] = 1] = "View";
-    RoleAccess[RoleAccess["Edit"] = 2] = "Edit";
-    RoleAccess[RoleAccess["Create"] = 3] = "Create";
-    RoleAccess[RoleAccess["Full"] = 4] = "Full";
-})(RoleAccess || (RoleAccess = {}));
-// Added: Inventory movement type enum
-var MovementType;
-(function (MovementType) {
-    MovementType[MovementType["In"] = 0] = "In";
-    MovementType[MovementType["Out"] = 1] = "Out";
-})(MovementType || (MovementType = {}));
-var DetailsSource;
-(function (DetailsSource) {
-    DetailsSource[DetailsSource["Row"] = 0] = "Row";
-    DetailsSource[DetailsSource["Url"] = 1] = "Url";
-})(DetailsSource || (DetailsSource = {}));
-class dialogOptions {
-}
-class DetailsDialogConfig {
-}
-class Action {
-}
-class SearchConfig {
-}
-class SecurityConfig {
-}
-class AlertMessage {
-}
-class AlertConfig {
-}
-class NotesConfig {
-}
-class FormConfig {
-}
-class TileConfig {
-}
-class Step {
-}
-class StepConfig {
-}
-class TableConfig {
-}
-class PageConfig {
-}
-//---Base---
-class ApiResponse {
-}
-class Constants {
-    static { this.AUTH_USER = 'a'; }
-    static { this.AUTH_NAME = 'b'; }
-    static { this.AUTH_ROLES = 'c'; }
-    static { this.AUTH_TOKEN = 'd'; }
-    static { this.AUTH_TOKEN_EXPIRE = 'e'; }
-    static { this.AUTH_TENANT_NAME = 'f'; }
-}
-class ListDialogConfig {
-}
-class CapItem {
-    constructor() {
-        this.name = "";
-        this.display = "New Cap Item";
-        this.enabled = false;
-        this.type = "";
-        this.newLine = false;
-        this.showMenu = true;
-        this.ignoreSubsDisplay = false;
-        this.link = "";
-        this.icon = "navigate_next";
-        this.color = "black";
-        this.isBool = false;
-    }
-}
-class AppConfig {
-    constructor() {
-        this.appName = "App Name";
-        this.logo = "";
-        this.logoSize = "normal";
-        this.ADAuth = true;
-        this.localAuth = true;
-        this.googleAuth = false;
-        this.microsoftAuth = false;
-        this.microsoftAuthMessage = "Sign in with Microsoft";
-        this.selfService = false;
-        this.multitenant = false;
-        this.navigation = 'top';
-        this.progressLine = false;
-        this.loginStyle = 'default';
-        this.termsUrl = "https://yoursite.com/terms";
-        this.privacyUrl = "https://yoursite.com/privacy";
-        this.siteUrl = "https://yoursite.com";
-        this.navWidth = '200px';
-    }
-}
-
 class Core {
     static deepClone(obj) {
         if (obj === null || typeof obj !== 'object') {
@@ -872,7 +775,6 @@ class DetailsDialogProcessor {
     }
 }
 
-// Added: Invoice status enum for invoice management
 var InvoiceStatus;
 (function (InvoiceStatus) {
     InvoiceStatus[InvoiceStatus["Draft"] = 0] = "Draft";
@@ -880,6 +782,30 @@ var InvoiceStatus;
     InvoiceStatus[InvoiceStatus["Paid"] = 2] = "Paid";
     InvoiceStatus[InvoiceStatus["Discarded"] = 3] = "Discarded";
 })(InvoiceStatus || (InvoiceStatus = {}));
+// Inventory receipt status tracking enum - mirrors backend
+var InventoryReceiptStatus;
+(function (InventoryReceiptStatus) {
+    InventoryReceiptStatus[InventoryReceiptStatus["Draft"] = 0] = "Draft";
+    InventoryReceiptStatus[InventoryReceiptStatus["Receiving"] = 1] = "Receiving";
+    InventoryReceiptStatus[InventoryReceiptStatus["Completed"] = 2] = "Completed";
+})(InventoryReceiptStatus || (InventoryReceiptStatus = {}));
+// Unit of measure enum - mirrors backend
+var UnitOfMeasure;
+(function (UnitOfMeasure) {
+    UnitOfMeasure[UnitOfMeasure["Piece"] = 0] = "Piece";
+    UnitOfMeasure[UnitOfMeasure["Box"] = 1] = "Box";
+    UnitOfMeasure[UnitOfMeasure["Case"] = 2] = "Case";
+    UnitOfMeasure[UnitOfMeasure["Carton"] = 3] = "Carton";
+    UnitOfMeasure[UnitOfMeasure["Pallet"] = 4] = "Pallet";
+    UnitOfMeasure[UnitOfMeasure["Kilogram"] = 5] = "Kilogram";
+    UnitOfMeasure[UnitOfMeasure["Gram"] = 6] = "Gram";
+    UnitOfMeasure[UnitOfMeasure["Litre"] = 7] = "Litre";
+    UnitOfMeasure[UnitOfMeasure["Millilitre"] = 8] = "Millilitre";
+    UnitOfMeasure[UnitOfMeasure["Meter"] = 9] = "Meter";
+    UnitOfMeasure[UnitOfMeasure["Pack"] = 10] = "Pack";
+    UnitOfMeasure[UnitOfMeasure["Set"] = 11] = "Set";
+    UnitOfMeasure[UnitOfMeasure["Dozen"] = 12] = "Dozen";
+})(UnitOfMeasure || (UnitOfMeasure = {}));
 class loginConfig {
     constructor() {
         this.appName = "";
@@ -1059,6 +985,102 @@ var LogLevel;
     LogLevel[LogLevel["Off"] = 6] = "Off";
 })(LogLevel || (LogLevel = {}));
 
+var RoleAccess;
+(function (RoleAccess) {
+    RoleAccess[RoleAccess["None"] = 0] = "None";
+    RoleAccess[RoleAccess["View"] = 1] = "View";
+    RoleAccess[RoleAccess["Edit"] = 2] = "Edit";
+    RoleAccess[RoleAccess["Create"] = 3] = "Create";
+    RoleAccess[RoleAccess["Full"] = 4] = "Full";
+})(RoleAccess || (RoleAccess = {}));
+var MovementType;
+(function (MovementType) {
+    MovementType[MovementType["In"] = 0] = "In";
+    MovementType[MovementType["Out"] = 1] = "Out";
+})(MovementType || (MovementType = {}));
+var DetailsSource;
+(function (DetailsSource) {
+    DetailsSource[DetailsSource["Row"] = 0] = "Row";
+    DetailsSource[DetailsSource["Url"] = 1] = "Url";
+})(DetailsSource || (DetailsSource = {}));
+class dialogOptions {
+}
+class DetailsDialogConfig {
+}
+class Action {
+}
+class SearchConfig {
+}
+class SecurityConfig {
+}
+class AlertMessage {
+}
+class AlertConfig {
+}
+class NotesConfig {
+}
+class FormConfig {
+}
+class TileConfig {
+}
+class Step {
+}
+class StepConfig {
+}
+class TableConfig {
+}
+class PageConfig {
+}
+//---Base---
+class ApiResponse {
+}
+class Constants {
+    static { this.AUTH_USER = 'a'; }
+    static { this.AUTH_NAME = 'b'; }
+    static { this.AUTH_ROLES = 'c'; }
+    static { this.AUTH_TOKEN = 'd'; }
+    static { this.AUTH_TOKEN_EXPIRE = 'e'; }
+    static { this.AUTH_TENANT_NAME = 'f'; }
+}
+class ListDialogConfig {
+}
+class CapItem {
+    constructor() {
+        this.name = "";
+        this.display = "New Cap Item";
+        this.enabled = false;
+        this.type = "";
+        this.newLine = false;
+        this.showMenu = true;
+        this.ignoreSubsDisplay = false;
+        this.link = "";
+        this.icon = "navigate_next";
+        this.color = "black";
+        this.isBool = false;
+    }
+}
+class AppConfig {
+    constructor() {
+        this.appName = "App Name";
+        this.logo = "";
+        this.logoSize = "normal";
+        this.ADAuth = true;
+        this.localAuth = true;
+        this.googleAuth = false;
+        this.microsoftAuth = false;
+        this.microsoftAuthMessage = "Sign in with Microsoft";
+        this.selfService = false;
+        this.multitenant = false;
+        this.navigation = 'top';
+        this.progressLine = false;
+        this.loginStyle = 'default';
+        this.termsUrl = "https://yoursite.com/terms";
+        this.privacyUrl = "https://yoursite.com/privacy";
+        this.siteUrl = "https://yoursite.com";
+        this.navWidth = '200px';
+    }
+}
+
 class HttpService {
     constructor(httpClient, router) {
         this.httpClient = httpClient;
@@ -1409,9 +1431,9 @@ class DataServiceLib {
         this.capPlans = new CapItem;
         this.capGeneral = new CapItem;
         this.capCustomers = new CapItem;
-        this.capCategories = new CapItem; // Added: Categories CapItem
-        this.capSubCategories = new CapItem; // Added: SubCategories CapItem
-        this.capBrands = new CapItem; // Added: Brands CapItem
+        this.capCategories = new CapItem;
+        this.capSubCategories = new CapItem;
+        this.capBrands = new CapItem;
         this.capSuppliers = new CapItem;
         this.capTasks = new CapItem;
         this.capHR = new CapItem;
@@ -1437,10 +1459,13 @@ class DataServiceLib {
         this.capLoanPayments = new CapItem;
         this.capInventory = new CapItem;
         this.capInventoryDashboard = new CapItem;
+        this.capInventoryStock = new CapItem; // Changed: Added new cap item for inventory stock view
         this.capProducts = new CapItem;
         this.capInventoryItems = new CapItem;
+        this.capPurchaseOrders = new CapItem;
         this.capInventoryReceipts = new CapItem;
         this.capSalesOrders = new CapItem;
+        this.capSales = new CapItem;
         this.capRequisitions = new CapItem;
         this.capInventoryAdjustments = new CapItem;
         this.capInventoryReturns = new CapItem;
@@ -2006,15 +2031,15 @@ class DataServiceLib {
         this.capCustomers.display = "Customers";
         this.capCustomers.link = "home/admin/customers";
         this.capCustomers.icon = "group";
-        this.capCategories.name = "cap13"; // Added: Categories initialization
+        this.capCategories.name = "cap13";
         this.capCategories.display = "Categories";
         this.capCategories.link = "home/admin/categories";
         this.capCategories.icon = "category";
-        this.capSubCategories.name = "cap103"; // Added: SubCategories initialization
+        this.capSubCategories.name = "cap103";
         this.capSubCategories.display = "Sub Categories";
         this.capSubCategories.link = "home/admin/subcategories";
         this.capSubCategories.icon = "category";
-        this.capBrands.name = "cap14"; // Added: Brands initialization
+        this.capBrands.name = "cap14";
         this.capBrands.display = "Brands";
         this.capBrands.link = "home/admin/brands";
         this.capBrands.icon = "loyalty";
@@ -2111,11 +2136,15 @@ class DataServiceLib {
         this.capInventory.name = "cap34";
         this.capInventory.display = "Inventory";
         this.capInventory.icon = "inventory";
-        this.capInventory.capSubItems = [this.capInventoryDashboard, this.capProducts, this.capInventoryItems, this.capInventoryReceipts, this.capSalesOrders, this.capRequisitions, this.capInventoryAdjustments, this.capInventoryReturns, this.capRequisitionReturns, this.capInventoryTransactions];
+        this.capInventory.capSubItems = [this.capInventoryDashboard, this.capInventoryStock, this.capProducts, this.capInventoryItems, this.capPurchaseOrders, this.capInventoryReceipts, this.capSalesOrders, this.capSales, this.capRequisitions, this.capInventoryAdjustments, this.capInventoryReturns, this.capRequisitionReturns, this.capInventoryTransactions]; // Changed: Added capInventoryStock to sub items
         this.capInventoryDashboard.name = "cap35";
         this.capInventoryDashboard.display = "Dashboard";
         this.capInventoryDashboard.link = "home/admin/inventory-dashboard";
         this.capInventoryDashboard.icon = "dashboard";
+        this.capInventoryStock.name = "cap51"; // Changed: Added inventory stock cap item configuration
+        this.capInventoryStock.display = "Inventory Stock";
+        this.capInventoryStock.link = "home/admin/inventory-stock";
+        this.capInventoryStock.icon = "widgets";
         this.capProducts.name = "cap36";
         this.capProducts.display = "Products";
         this.capProducts.link = "home/admin/inventory-products";
@@ -2124,6 +2153,10 @@ class DataServiceLib {
         this.capInventoryItems.display = "Inventory Items";
         this.capInventoryItems.link = "home/admin/inventory-items";
         this.capInventoryItems.icon = "inventory_2";
+        this.capPurchaseOrders.name = "cap47";
+        this.capPurchaseOrders.display = "Purchase Orders";
+        this.capPurchaseOrders.link = "home/admin/purchase-orders";
+        this.capPurchaseOrders.icon = "shopping_bag";
         this.capInventoryReceipts.name = "cap38";
         this.capInventoryReceipts.display = "Receipts";
         this.capInventoryReceipts.link = "home/admin/inventory-receipts";
@@ -2132,6 +2165,10 @@ class DataServiceLib {
         this.capSalesOrders.display = "Sales Orders";
         this.capSalesOrders.link = "home/admin/inventory-sales-orders";
         this.capSalesOrders.icon = "shopping_cart";
+        this.capSales.name = "cap50";
+        this.capSales.display = "Sales";
+        this.capSales.link = "home/admin/inventory-sales";
+        this.capSales.icon = "point_of_sale";
         this.capRequisitions.name = "cap40";
         this.capRequisitions.display = "Requisitions";
         this.capRequisitions.link = "home/admin/inventory-requisitions";
@@ -2487,9 +2524,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
         }], ctorParameters: () => [{ type: i5.MatDialog }, { type: i1$3.BreakpointObserver }] });
 
 class AccountingService {
-    // Changed: Moved from declaration to assignment
     constructor() {
         this.dataService = inject(DataServiceLib);
+        //--------------------------Accounts Base-------------------------
+        this.accountFormConfig = {
+            security: { allow: [this.dataService.capAccounts] },
+            title: 'Financial Account',
+            includeAudit: true,
+            fields: [
+                { name: 'name', type: 'text', required: true },
+                { name: 'type', type: 'select', required: true, loadAction: { url: 'accounts/list/accountTypes' } },
+                { name: 'balanceDisplay', alias: 'Balance', type: 'label', readonly: true, hideOnCreate: true },
+            ],
+            loadAction: { url: 'accounts/id' },
+            heroField: 'accountID',
+        };
+        this.accountCreateButton = { name: 'create', display: 'Create', dialog: true, action: { url: 'accounts?action=create', method: 'post' } };
+        this.finAccounEditButton = { name: 'edit', dialog: true, action: { url: 'accounts?action=edit', method: 'post' } };
+        this.accountBaseDetailsConfig = {
+            formConfig: this.accountFormConfig,
+            tableConfigs: [],
+            heroField: 'accountID',
+            buttons: [this.accountCreateButton, this.finAccounEditButton]
+        };
         //--------------------------Invoices-------------------------
         // Invoice form configuration with customer and status fields
         this.invoiceFormConfig = {
@@ -2668,10 +2725,12 @@ class AccountingService {
                     loadAction: { url: 'accounts/list/accountTypes' }
                 },
                 { name: 'defaultDebitAccountID', type: 'select', alias: 'Default Debit Account', nullable: true, masterField: 'debitAccountType', masterOptionValue: 'type',
-                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
+                    loadAction: { url: 'accounts/list/x' },
+                    detailsConfig: this.accountBaseDetailsConfig
                 },
                 { name: 'defaultCreditAccountID', type: 'select', alias: 'Default Credit Account', nullable: true, masterField: 'creditAccountType', masterOptionValue: 'type',
-                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
+                    loadAction: { url: 'accounts/list/x' },
+                    detailsConfig: this.accountBaseDetailsConfig
                 },
             ],
             loadAction: { url: 'transactiontypes/id' },
@@ -2718,11 +2777,13 @@ class AccountingService {
                 { name: 'date', type: 'date', required: true },
                 { name: 'debitAccountID', type: 'select', alias: 'Debit Account', required: true, readonlyCondition: x => x.transactionID,
                     masterField: 'transactionTypeID', masterValueField: 'debitAccountType', masterDefaultValueField: 'defaultDebitAccountID', masterOptionValue: 'type',
-                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
+                    loadAction: { url: 'accounts/list/x' },
+                    detailsConfig: this.accountBaseDetailsConfig
                 },
                 { name: 'creditAccountID', type: 'select', alias: 'Credit Account', required: true, readonlyCondition: x => x.transactionID,
                     masterField: 'transactionTypeID', masterValueField: 'creditAccountType', masterDefaultValueField: 'defaultCreditAccountID', masterOptionValue: 'type',
-                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
+                    loadAction: { url: 'accounts/list/x' },
+                    detailsConfig: this.accountBaseDetailsConfig
                 },
                 { name: 'description', type: 'text', required: true, span: true },
                 { name: 'amount', type: 'label', format: 'money', required: true, hideOnCreate: true, readonly: true },
@@ -2731,14 +2792,12 @@ class AccountingService {
                 { name: 'reversalOfTransactionID', type: 'label', alias: 'Reversal Of Transaction', hideOnCreate: true, hiddenCondition: x => !x.isReversal },
             ],
         };
-        // Added: Edit button with condition
         this.transactionEditButton = {
             name: 'edit',
             dialog: true,
             action: { url: 'transactions?action=edit', method: 'post' },
             visible: x => x.canEdit && !x.isReversal
         };
-        // Added: Void button with confirmation
         this.transactionVoidButton = {
             name: 'void',
             display: 'Void',
@@ -2776,20 +2835,18 @@ class AccountingService {
             loadAction: { url: 'accounts/transactions/x' }, loadCriteria: 'transactions', loadIDField: 'accountID'
         };
         //--------------------------Accounts-------------------------
-        this.accountFormConfig = {
-            security: { allow: [this.dataService.capAccounts] },
-            title: 'Financial Account',
-            includeAudit: true,
-            fields: [
-                { name: 'name', type: 'text', required: true },
-                { name: 'type', type: 'select', required: true, loadAction: { url: 'accounts/list/accountTypes' } },
-                { name: 'balanceDisplay', alias: 'Balance', type: 'label', readonly: true, hideOnCreate: true },
-            ],
-            loadAction: { url: 'accounts/id' },
-            heroField: 'accountID',
+        this.accountDetailsConfig = {
+            ...this.accountBaseDetailsConfig,
+            tableConfigs: [
+                { ...this.accountTransactionsTableConfig },
+                {
+                    ...this.transactionTypesTableConfig,
+                    tabTitle: 'Transaction Types',
+                    buttons: [],
+                    loadAction: { url: 'transactionTypes/account/x' }, loadCriteria: 'account', loadIDField: 'accountID'
+                },
+            ]
         };
-        this.accountCreateButton = { name: 'create', display: 'Create', dialog: true, action: { url: 'accounts?action=create', method: 'post' } };
-        this.finAccounEditButton = { name: 'edit', dialog: true, action: { url: 'accounts?action=edit', method: 'post' } };
         this.accountsTableConfig = {
             showFilter: true,
             minColumns: ['name', 'type', 'balance'],
@@ -2808,20 +2865,6 @@ class AccountingService {
             loadAction: { url: 'accounts/all/x' },
             formConfig: this.accountFormConfig
         };
-        this.accountDetailsConfig = {
-            formConfig: this.accountFormConfig,
-            tableConfigs: [
-                { ...this.accountTransactionsTableConfig },
-                {
-                    ...this.transactionTypesTableConfig,
-                    tabTitle: 'Transaction Types',
-                    buttons: [],
-                    loadAction: { url: 'transactionTypes/account/x' }, loadCriteria: 'account', loadIDField: 'accountID'
-                },
-            ],
-            heroField: 'accountID',
-            buttons: [this.accountCreateButton, this.finAccounEditButton]
-        };
     }
     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' }); }
@@ -2831,7 +2874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 class LoansService {
     constructor() {
@@ -2863,7 +2906,6 @@ class LoansService {
                 { name: 'interestMethodName', alias: 'Interest Method' },
                 { name: 'minAmount', type: 'money', alias: 'Min Amount' },
                 { name: 'maxAmount', type: 'money', alias: 'Max Amount' },
-                // Changed: Display min/max interest rates instead of default rate
                 { name: 'minInterestRate', alias: 'Min Rate (%)' },
                 { name: 'maxInterestRate', alias: 'Max Rate (%)' },
                 { name: 'minTermMonths', alias: 'Min Term' },
@@ -2928,22 +2970,22 @@ class LoansService {
             formConfig: {
                 title: 'Loan Details',
                 fields: [
-                    { name: 'customerName', type: 'text', alias: 'Customer' }, // Added: type is required in Field interface
-                    { name: 'productName', type: 'text', alias: 'Product' }, // Added: type is required in Field interface
+                    { name: 'customerName', type: 'text', alias: 'Customer' },
+                    { name: 'productName', type: 'text', alias: 'Product' },
                     { name: 'principalAmount', type: 'money', alias: 'Principal Amount' },
                     { name: 'interestRate', type: 'number', alias: 'Annual Interest Rate (%)', required: true, min: 0, max: 100 },
                     { name: 'monthlyInterestRate', type: 'number', alias: 'Monthly Interest Rate (%)', required: true, min: 0, max: 100 },
-                    { name: 'termMonths', type: 'number', alias: 'Term (Months)' }, // Added: type is required in Field interface
+                    { name: 'termMonths', type: 'number', alias: 'Term (Months)' },
                     { name: 'disbursementDate', type: 'date', alias: 'Disbursement Date' },
                     { name: 'maturityDate', type: 'date', alias: 'Maturity Date' },
-                    { name: 'statusName', type: 'text', alias: 'Status' }, // Added: type is required in Field interface
+                    { name: 'statusName', type: 'text', alias: 'Status' },
                     { name: 'totalAmountDue', type: 'money', alias: 'Total Amount Due' },
                     { name: 'totalPaidAmount', type: 'money', alias: 'Total Paid' },
                     { name: 'outstandingBalance', type: 'money', alias: 'Outstanding Balance' },
                     { name: 'totalInterest', type: 'money', alias: 'Total Interest' },
-                    { name: 'scheduleCount', type: 'number', alias: 'Total Installments' }, // Added: type is required in Field interface
-                    { name: 'paymentCount', type: 'number', alias: 'Payments Made' }, // Added: type is required in Field interface
-                    { name: 'overdueCount', type: 'number', alias: 'Overdue Installments' }, // Added: type is required in Field interface
+                    { name: 'scheduleCount', type: 'number', alias: 'Total Installments' },
+                    { name: 'paymentCount', type: 'number', alias: 'Payments Made' },
+                    { name: 'overdueCount', type: 'number', alias: 'Overdue Installments' },
                 ],
                 loadAction: { url: 'loans/id' }
             },
@@ -2951,13 +2993,13 @@ class LoansService {
             tableConfigs: [
                 {
                     ...this.loanScheduleTableConfig,
-                    tabTitle: 'Payment Schedule', // Changed: Added tab title
+                    tabTitle: 'Payment Schedule',
                     loadAction: { url: 'loanschedules/loan/x' },
                     loadCriteria: 'loan',
                     loadIDField: 'loanID'
                 },
                 {
-                    tabTitle: 'Payment History', // Changed: Added tab title for payments
+                    tabTitle: 'Payment History',
                     showFilter: true,
                     columns: [
                         { name: 'paymentDate', type: 'date', alias: 'Date' },
@@ -3201,7 +3243,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
 
 // Service to centralize all inventory-related table and form configurations
 class InventoryService {
-    // Changed: Moved initialization to constructor to avoid circular references
     constructor() {
         this.dataService = inject(DataServiceLib);
         this.generalService = inject(GeneralService);
@@ -3209,23 +3250,24 @@ class InventoryService {
         this.productFormConfig = {
             security: { allow: [this.dataService.capProducts] },
             title: 'Product',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid title duplication
             multiColumn: true,
             includeAudit: true,
             fields: [
                 { name: 'productInfo', type: 'section', alias: 'Product Information' },
-                { name: 'name', type: 'text', required: true, alias: 'Product Name', section: 'productInfo' },
-                { name: 'sku', type: 'text', required: true, alias: 'SKU', section: 'productInfo' },
-                { name: 'description', type: 'text', alias: 'Description', span: true, section: 'productInfo' },
+                { name: 'name', type: 'text', required: true, alias: 'Product Name', section: 'productInfo', infoMessage: 'The unique name of the product' },
+                { name: 'sku', type: 'text', alias: 'SKU', section: 'productInfo', infoMessage: 'Stock Keeping Unit for inventory tracking (optional)' }, // Changed: Removed required flag
+                { name: 'description', type: 'text', alias: 'Description', span: true, section: 'productInfo', infoMessage: 'Detailed description of the product' },
                 { name: 'categoryInfo', type: 'section', alias: 'Categorization' },
-                { name: 'categoryID', type: 'select', alias: 'Category', section: 'categoryInfo', loadAction: { url: 'categories/list/x' }, detailsConfig: this.generalService.categoryDetailsConfig },
-                { name: 'subCategoryID', type: 'select', alias: 'Sub Category', section: 'categoryInfo', loadAction: { url: 'subcategories/list/x' }, detailsConfig: this.generalService.subCategoryDetailsConfig },
-                { name: 'brandID', type: 'select', alias: 'Brand', section: 'categoryInfo', loadAction: { url: 'brands/list/x' }, detailsConfig: this.generalService.brandDetailsConfig },
+                { name: 'categoryID', type: 'select', alias: 'Category', nullable: true, section: 'categoryInfo', loadAction: { url: 'categories/list/x' }, detailsConfig: this.generalService.categoryDetailsConfig, infoMessage: 'The main product category' }, // Changed: Added nullable flag
+                { name: 'subCategoryID', type: 'select', alias: 'Sub Category', section: 'categoryInfo', loadAction: { url: 'subcategories/list/x' }, detailsConfig: this.generalService.subCategoryDetailsConfig, infoMessage: 'More specific product classification' },
+                { name: 'brandID', type: 'select', alias: 'Brand', nullable: true, section: 'categoryInfo', loadAction: { url: 'brands/list/x' }, detailsConfig: this.generalService.brandDetailsConfig, infoMessage: 'Product brand or manufacturer' }, // Changed: Added nullable flag
                 { name: 'inventoryInfo', type: 'section', alias: 'Inventory Settings' },
-                { name: 'isSerialized', type: 'checkbox', alias: 'Serialized Product', section: 'inventoryInfo' },
-                { name: 'baseUnit', type: 'select', required: true, alias: 'Base Unit', section: 'inventoryInfo', loadAction: { url: 'products/list/base-unit' } },
-                { name: 'minimumInventoryLevel', type: 'number', required: true, alias: 'Minimum Inventory Level', section: 'inventoryInfo' },
+                { name: 'isSerialized', type: 'checkbox', alias: 'Serialized Product', span: true, section: 'inventoryInfo', infoMessage: 'Track individual items by serial number' }, // Changed: Added span to cross two columns
+                { name: 'baseUnit', type: 'select', required: true, alias: 'Base Unit', section: 'inventoryInfo', loadAction: { url: 'products/list/base-unit' }, defaultFirstValue: true, infoMessage: 'Unit of measure for inventory tracking' }, // Changed: Added defaultFirstValue flag
+                { name: 'minimumInventoryLevel', type: 'number', required: true, alias: 'Minimum Inventory Level', section: 'inventoryInfo', infoMessage: 'Alert threshold for low stock' },
                 { name: 'pricingInfo', type: 'section', alias: 'Pricing' },
-                { name: 'sellingPrice', type: 'money', required: true, alias: 'Selling Price', section: 'pricingInfo' }
+                { name: 'sellingPrice', type: 'money', required: true, alias: 'Selling Price', section: 'pricingInfo', infoMessage: 'Default selling price per unit' }
             ],
             loadAction: { url: 'products/id' },
             heroField: 'productID'
@@ -3233,30 +3275,24 @@ class InventoryService {
         this.productCreateButton = { name: 'create', display: 'Create Product', dialog: true, action: { url: 'products?action=create', method: 'post' } };
         this.productEditButton = { name: 'edit', dialog: true, action: { url: 'products?action=edit', method: 'post' } };
         this.productDeleteButton = { name: 'delete', dialog: true, action: { url: 'products?action=delete', method: 'post' } };
-        this.productLowInventoryButton = { name: 'low-inventory', display: 'Low Inventory', icon: { name: 'warning', color: 'orange' }, action: { url: 'products/low-inventory/x', method: 'get' } };
         this.productsTableConfig = {
             showFilter: true,
             flatButtons: true,
-            minColumns: ['name', 'sku', 'currentInventoryLevel'],
+            minColumns: ['name', 'sku', 'categoryName'],
             columns: [
                 { name: 'name', type: 'text', alias: 'Product Name' },
                 { name: 'sku', type: 'text', alias: 'SKU' },
                 { name: 'categoryName', type: 'text', alias: 'Category' },
                 { name: 'brandName', type: 'text', alias: 'Brand' },
-                { name: 'isSerialized', type: 'checkbox', alias: 'Serialized' },
-                { name: 'baseUnit', type: 'text', alias: 'Unit' },
-                { name: 'currentInventoryLevel', type: 'number', alias: 'Current Stock' },
+                { name: 'currentInventoryLevel', type: 'number', alias: 'Current Stock', icon: { name: 'warning', color: 'orange', condition: (x) => x.isLowInventory } }, // Changed: Removed separate columns, added low stock icon to current stock
                 { name: 'minimumInventoryLevel', type: 'number', alias: 'Min Stock' },
-                { name: 'isLowInventory', type: 'checkbox', alias: 'Low Stock', icon: { name: 'warning', color: 'orange' } },
-                { name: 'sellingPrice', type: 'money', alias: 'Price' },
-                { name: 'currentAverageCost', type: 'money', alias: 'Avg Cost' }
-            ],
+                { name: 'sellingPrice', type: 'money', alias: 'Price' }
+            ], // Changed: Removed isSerialized, baseUnit, currentAverageCost, isLowInventory columns
             buttons: [
                 this.productCreateButton,
                 { name: 'view', dialog: true, detailsConfig: this.productDetailsConfig },
                 this.productEditButton,
                 this.productDeleteButton,
-                this.productLowInventoryButton
             ],
             loadAction: { url: 'products/all/x' },
             formConfig: this.productFormConfig
@@ -3264,6 +3300,7 @@ class InventoryService {
         //--------------------------Requisitions-------------------------
         this.requisitionItemFormConfig = {
             title: 'Requisition Item',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid duplication with 'Add Item' button
             fields: [
                 { name: 'productID', type: 'select', alias: 'Product', required: true, loadAction: { url: 'products/list/x' }, detailsConfig: this.productDetailsConfig },
                 { name: 'requestedQuantity', type: 'number', alias: 'Requested Qty', required: true },
@@ -3277,7 +3314,7 @@ class InventoryService {
             showFilter: false,
             elevation: 'none',
             flatButtons: true,
-            // showInModes: ['edit'], // Changed: Only show tab in edit mode, not during creation
+            // showInModes: ['edit'],
             columns: [
                 { name: 'productName', type: 'text', alias: 'Product' },
                 { name: 'requestedQuantity', type: 'number', alias: 'Requested Qty' },
@@ -3295,6 +3332,7 @@ class InventoryService {
         this.requisitionFormConfig = {
             security: { allow: [this.dataService.capRequisitions] },
             title: 'Requisition',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid duplication with 'New Requisition' button
             multiColumn: true,
             includeAudit: true,
             fields: [
@@ -3313,14 +3351,14 @@ class InventoryService {
             heroField: 'requisitionID'
         };
         this.requisitionEditButton = { name: 'edit', dialog: true, action: { url: 'requisitions?action=edit', method: 'post' } };
-        this.requisitionSubmitButton = { name: 'submit', display: 'Submit Requisition', icon: { name: 'send', color: 'primary' }, action: { url: 'requisitions?action=submit', method: 'post', successMessage: 'Requisition Submitted' }, confirm: { message: 'Submit this requisition for approval?' }, visible: (row) => row.status === 0 }; // Changed: Added submit button for edit mode only
+        this.requisitionSubmitButton = { name: 'submit', display: 'Submit Requisition', icon: { name: 'send', color: 'primary' }, action: { url: 'requisitions?action=submit', method: 'post', successMessage: 'Requisition Submitted' }, confirm: { message: 'Submit this requisition for approval?' }, visible: (row) => row.status === 0 };
         this.requisitionIssueButton = { name: 'issue', display: 'Issue Items', icon: { name: 'check', color: 'green' }, inDialog: true, action: { url: 'requisitions?action=issue', method: 'post', successMessage: 'Items Issued' }, confirm: { message: 'Issue items for this requisition?' }, visible: (row) => row.pendingApproval === false && row.status === 0 };
         this.requisitionCancelButton = { name: 'cancel', display: 'Cancel Request', icon: { name: 'close', color: 'red' }, inDialog: true, action: { url: 'requisitions?action=cancel', method: 'post', successMessage: 'Requisition Cancelled' }, confirm: { message: 'Cancel this requisition?' }, visible: (row) => row.status === 0 };
         this.requisitionDetailsConfig = {
             formConfig: this.requisitionFormConfig,
             tableConfigs: [this.requisitionItemsTableConfig],
             heroField: 'requisitionID',
-            buttons: [this.requisitionEditButton, this.requisitionSubmitButton, this.requisitionIssueButton, this.requisitionCancelButton] // Changed: Added submit button
+            buttons: [this.requisitionEditButton, this.requisitionSubmitButton, this.requisitionIssueButton, this.requisitionCancelButton]
         };
         this.requisitionViewButton = { name: 'view', dialog: true, detailsConfig: this.requisitionDetailsConfig };
         this.requisitionsTableConfig = {
@@ -3348,15 +3386,151 @@ class InventoryService {
             loadAction: { url: 'requisitions/all/x' },
             formConfig: this.requisitionFormConfig
         };
-        //--------------------------Inventory Receipts-------------------------
-        this.inventoryReceiptItemFormConfig = {
-            title: 'Receipt Item',
+        //--------------------------Purchase Orders-------------------------
+        // Payment type options (used across forms)
+        this.paymentTypeOptions = [
+            { value: 0, name: 'Cash' },
+            { value: 1, name: 'Bank' },
+            { value: 2, name: 'Credit' }
+        ];
+        // PO Item form configuration
+        this.purchaseOrderItemFormConfig = {
+            title: 'PO Item',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid title duplication with button name
             fields: [
-                { name: 'productID', type: 'select', alias: 'Product', required: true, loadAction: { url: 'products/list/x' }, detailsConfig: this.productDetailsConfig },
-                { name: 'quantity', type: 'number', alias: 'Quantity', required: true },
-                { name: 'unitCost', type: 'money', alias: 'Unit Cost', required: true },
-                { name: 'lineTotal', type: 'money', alias: 'Line Total', readonly: true },
-                { name: 'serialNumbers', type: 'text', alias: 'Serial Numbers (comma-separated)' }
+                { name: 'productID', type: 'select', alias: 'Product', required: true, loadAction: { url: 'products/list/x' }, detailsConfig: this.productDetailsConfig }, // Changed: Added detailsConfig to enable dialog link
+                { 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 } // Changed: Hide line total on create
+            ],
+            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 form configuration
+        this.purchaseOrderFormConfig = {
+            security: { allow: [this.dataService.capInventoryReceipts] },
+            title: 'Purchase Order',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid title duplication
+            multiColumn: true,
+            includeAudit: true,
+            fields: [
+                { name: 'poInfo', type: 'section', alias: 'Purchase Order Information' },
+                { name: 'poNumber', type: 'text', alias: 'PO Number', readonly: true, hideOnCreate: true, section: 'poInfo' }, // Changed: Hide PO number on create
+                { name: 'supplierID', type: 'select', required: true, alias: 'Supplier', section: 'poInfo', loadAction: { url: 'suppliers/list/x' }, detailsConfig: this.dataService.supplierDetailsConfig },
+                { name: 'orderDate', type: 'date', required: true, alias: 'Order Date', section: 'poInfo' },
+                { name: 'expectedDeliveryDate', type: 'date', alias: 'Expected Delivery', section: 'poInfo' },
+                { name: 'totals', type: 'section', alias: 'Totals', hideOnCreate: true, collapsed: true }, // Changed: Hide totals section on create and collapse by default
+                { name: 'totalAmount', type: 'money', alias: 'Total Amount', readonly: true, section: 'totals' },
+                { name: 'totalReceivedAmount', type: 'money', alias: 'Received Amount', readonly: true, section: 'totals' },
+                { name: 'remainingAmount', type: 'money', alias: 'Remaining', readonly: true, section: 'totals' },
+                { name: 'additionalInfo', type: 'section', alias: 'Additional Information', collapsed: true },
+                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo' }
+            ], // Changed: Removed statusName field completely
+            loadAction: { url: 'purchaseorders/id' },
+            heroField: 'purchaseOrderID'
+        };
+        // Special form for receiving goods from PO
+        this.receiveGoodsFormConfig = {
+            title: 'Receive Goods',
+            multiColumn: true,
+            fields: [
+                { name: 'purchaseOrderID', type: 'number', alias: 'PO ID', readonly: true, hidden: true },
+                { name: 'poNumber', type: 'text', alias: 'PO Number', readonly: true },
+                { name: 'supplierID', type: 'number', alias: 'Supplier ID', readonly: true, hidden: true },
+                { name: 'supplierName', type: 'text', alias: 'Supplier', readonly: true },
+                { name: 'receiptDate', type: 'date', required: true, alias: 'Receipt Date' },
+                { name: 'paymentType', type: 'select', required: true, alias: 'Payment Type', options: this.paymentTypeOptions },
+                { name: 'supplierInvoiceNumber', type: 'text', alias: 'Supplier Invoice #' },
+                { name: 'notes', type: 'text', alias: 'Notes', span: true }
+            ]
+        };
+        // Details config for receive goods dialog
+        this.receiveGoodsDetailsConfig = {
+            formConfig: this.receiveGoodsFormConfig,
+            buttons: []
+        };
+        // PO action buttons
+        this.purchaseOrderEditButton = { name: 'edit', dialog: true, action: { url: 'purchaseorders?action=edit', method: 'post' } };
+        this.purchaseOrderConfirmButton = { name: 'confirm', display: 'Confirm PO', inDialog: true, icon: { name: 'check_circle', color: 'blue' }, action: { url: 'purchaseorders?action=confirm', method: 'post', successMessage: 'PO Confirmed' }, confirm: { message: 'Confirm this purchase order? Items will be locked.' }, visible: (po) => po.statusName === 'Draft' };
+        this.purchaseOrderCancelButton = { name: 'cancel', display: 'Cancel PO', inDialog: true, icon: { name: 'cancel', color: 'red' }, action: { url: 'purchaseorders?action=cancel', method: 'post', successMessage: 'PO Cancelled' }, confirm: { message: 'Cancel this purchase order?' }, visible: (po) => po.statusName !== 'FullyReceived' && po.statusName !== 'PartiallyReceived' };
+        // Receive goods button - creates receipt linked to PO
+        this.purchaseOrderReceiveButton = {
+            name: 'receive',
+            display: 'Receive Goods',
+            inDialog: true,
+            icon: { name: 'inventory_2', color: 'green' },
+            dialog: true,
+            detailsConfig: this.receiveGoodsDetailsConfig,
+            action: { url: 'inventoryreceipts?action=create', method: 'post' },
+            visible: (po) => po.statusName === 'Confirmed' || po.statusName === 'PartiallyReceived'
+        };
+        // PO details configuration
+        this.purchaseOrderDetailsConfig = {
+            formConfig: this.purchaseOrderFormConfig,
+            tableConfigs: [this.purchaseOrderItemsTableConfig],
+            heroField: 'purchaseOrderID',
+            buttons: [this.purchaseOrderEditButton, this.purchaseOrderConfirmButton, this.purchaseOrderReceiveButton, this.purchaseOrderCancelButton]
+        };
+        this.purchaseOrderViewButton = { name: 'view', dialog: true, detailsConfig: this.purchaseOrderDetailsConfig };
+        // PO table configuration
+        this.purchaseOrdersTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['poNumber', 'supplierName', 'orderDate'],
+            columns: [
+                { name: 'poNumber', type: 'text', alias: 'PO #' },
+                { name: 'supplierName', type: 'text', alias: 'Supplier' },
+                { name: 'orderDate', type: 'date', alias: 'Order Date' },
+                { name: 'expectedDeliveryDate', type: 'date', alias: 'Expected Delivery' },
+                { name: 'totalAmount', type: 'money', alias: 'Total' },
+                { name: 'totalReceivedAmount', type: 'money', alias: 'Received' },
+                { name: 'remainingAmount', type: 'money', alias: 'Remaining' },
+                { name: 'statusName', type: 'chip', alias: 'Status', colors: [{ name: '#E0E0E0', condition: x => x.statusName == 'Draft' }, { name: '#BBDEFB', condition: x => x.statusName == 'Confirmed' }, { name: '#FFE0B2', condition: x => x.statusName == 'PartiallyReceived' }, { name: '#C8E6C9', condition: x => x.statusName == 'FullyReceived' }, { name: '#FFCDD2', condition: x => x.statusName == 'Cancelled' }] } // Changed: Use lighter material colors for better readability
+            ],
+            buttons: [
+                { name: 'create', display: 'New Purchase Order', dialog: true, action: { url: 'purchaseorders?action=create', method: 'post' }, onSuccessButton: this.purchaseOrderViewButton },
+                { name: 'view', dialog: true, detailsConfig: this.purchaseOrderDetailsConfig },
+                { name: 'delete', dialog: true, action: { url: 'purchaseorders?action=delete', method: 'post' } }
+            ],
+            loadAction: { url: 'purchaseorders/all/x' },
+            formConfig: this.purchaseOrderFormConfig
+        };
+        //--------------------------Inventory Receipts (Updated)-------------------------
+        this.inventoryReceiptItemFormConfig = {
+            title: 'Receipt Item',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid duplication with 'Add Item' button
+            fields: [
+                { name: 'productID', type: 'select', alias: 'Product', required: true, span: true,
+                    loadAction: { url: 'products/list/x' },
+                    detailsConfig: this.productDetailsConfig, infoMessage: 'Product being received' // Changed: Added info message
+                },
+                { name: 'quantity', type: 'number', alias: 'Quantity', required: true, infoMessage: 'Number of units received' }, // Changed: Added info message
+                { name: 'unitCost', type: 'money', alias: 'Unit Cost', required: true, infoMessage: 'Cost per unit' }, // Changed: Added info message
+                { name: 'serialNumbers', type: 'text', alias: 'Serial Numbers (comma-separated)', infoMessage: 'Comma-separated list of serial numbers for tracked items' }
             ],
             loadAction: { url: 'inventoryreceiptitems/id' }
         };
@@ -3365,14 +3539,14 @@ class InventoryService {
             showFilter: false,
             elevation: 'none',
             flatButtons: true,
-            // showInModes: ['edit'], // Changed: Only show tab in edit mode, not during creation
+            // showInModes: ['edit'],
             columns: [
                 { name: 'productName', type: 'text', alias: 'Product' },
                 { name: 'quantity', type: 'number', alias: 'Quantity' },
+                { name: 'unitName', type: 'text', alias: 'Unit' }, // Changed: Added unit column to display unit of measure from product
                 { name: 'unitCost', type: 'money', alias: 'Unit Cost' },
-                { name: 'lineTotal', type: 'money', alias: 'Line Total' },
-                { name: 'serialNumbers', type: 'text', alias: 'Serial Numbers' }
-            ],
+                { name: 'lineTotal', type: 'money', alias: 'Line Total' }
+            ], // Changed: Removed serialNumbers column
             buttons: [
                 { name: 'create', display: 'Add Item', dialog: true, action: { url: 'inventoryreceiptitems?action=create', method: 'post' } },
                 { name: 'edit', dialog: true, action: { url: 'inventoryreceiptitems?action=edit', method: 'post' } },
@@ -3384,54 +3558,83 @@ class InventoryService {
         this.inventoryReceiptFormConfig = {
             security: { allow: [this.dataService.capInventoryReceipts] },
             title: 'Inventory Receipt',
+            fixedTitle: true,
             multiColumn: true,
             includeAudit: true,
             fields: [
                 { name: 'receiptInfo', type: 'section', alias: 'Receipt Information' },
-                { name: 'receiptNumber', type: 'text', alias: 'Receipt Number', readonly: true, section: 'receiptInfo' },
-                { name: 'supplierID', type: 'select', required: true, alias: 'Supplier', section: 'receiptInfo', loadAction: { url: 'suppliers/list/x' }, detailsConfig: this.dataService.supplierDetailsConfig },
-                { name: 'receiptDate', type: 'date', required: true, alias: 'Receipt Date', section: 'receiptInfo' },
-                { name: 'supplierInvoiceNumber', type: 'text', alias: 'Supplier Invoice #', section: 'receiptInfo' },
-                { name: 'totals', type: 'section', alias: 'Totals' },
-                { name: 'totalAmount', type: 'money', alias: 'Total Amount', readonly: true, section: 'totals' },
+                { name: 'receiptNumber', type: 'text', alias: 'Receipt Number', readonly: true, hideOnCreate: true, section: 'receiptInfo', infoMessage: 'Auto-generated unique receipt identifier' }, // Changed: Added info message
+                { name: 'poNumber', type: 'text', alias: 'PO Number', hideOnCreate: true, section: 'receiptInfo', hiddenCondition: (row) => !row.purchaseOrderID, infoMessage: 'Linked purchase order if receiving against a PO' }, // Changed: Hide PO number if no PO linked, added info message
+                { name: 'supplierID', type: 'select', required: true, alias: 'Supplier', section: 'receiptInfo',
+                    loadAction: { url: 'suppliers/list/x' }, detailsConfig: this.dataService.supplierDetailsConfig, infoMessage: 'Supplier providing the goods' // Changed: Added info message
+                },
+                { name: 'receiptDate', type: 'date', required: true, alias: 'Receipt Date', section: 'receiptInfo', infoMessage: 'Date goods were received' }, // Changed: Added info message
+                { name: 'paymentType', type: 'select', required: true, alias: 'Payment Type', section: 'receiptInfo', options: this.paymentTypeOptions, defaultFirstValue: true, infoMessage: 'Payment method used for this purchase' }, // Changed: Default payment type to Cash (value: 0), added info message
+                { name: 'supplierInvoiceNumber', type: 'text', alias: 'Supplier Invoice #', section: 'receiptInfo', infoMessage: 'Invoice number from supplier' }, // Changed: Added info message
+                { name: 'totals', type: 'section', alias: 'Totals', hideOnCreate: true, collapsed: true }, // Changed: Hide totals section on create, collapse when shown on edit
+                { name: 'totalAmount', type: 'money', alias: 'Total Amount', readonly: true, section: 'totals', infoMessage: 'Total value of all items' }, // Changed: Added info message
                 { name: 'additionalInfo', type: 'section', alias: 'Additional Information', collapsed: true },
-                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo' }
+                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo', infoMessage: 'Additional notes about this receipt' }
             ],
             loadAction: { url: 'inventoryreceipts/id' },
             heroField: 'inventoryReceiptID'
         };
-        this.inventoryReceiptEditButton = { name: 'edit', dialog: true, action: { url: 'inventoryreceipts?action=edit', method: 'post' } };
-        this.inventoryReceiptProcessButton = { name: 'process', display: 'Process Receipt', inDialog: true, icon: { name: 'check_circle', color: 'green' }, action: { url: 'inventoryreceipts?action=process', method: 'post', successMessage: 'Receipt Processed' }, confirm: { message: 'Process this receipt? Inventory will be updated.' } }; // Changed: Added process button for edit mode only
+        this.inventoryReceiptEditButton = { name: 'edit', dialog: true, action: { url: 'inventoryreceipts?action=edit', method: 'post' }, visible: (x) => x.status !== InventoryReceiptStatus.Completed }; // Changed: Use status enum instead of statusName
+        this.inventoryReceiptCompleteButton = { name: 'complete', display: 'Complete Receipt', inDialog: true, // Changed: Updated display text and action name
+            icon: { name: 'check_circle', color: 'green' },
+            action: { url: 'inventoryreceipts?action=complete', method: 'post', successMessage: 'Receipt Completed' }, // Changed: Updated endpoint and message
+            confirm: { message: 'Complete this receipt? Inventory will be updated and receipt will become read-only.' }, // Changed: Updated confirmation message
+            visible: (x) => x.status !== InventoryReceiptStatus.Completed // Changed: Use status enum instead of statusName
+        };
+        this.inventoryReceiptStepConfig = {
+            valueField: 'status', // Changed: Use status instead of statusName
+            sticky: true,
+            steps: [
+                { name: 'Draft', value: InventoryReceiptStatus.Draft, icon: 'article' }, // Changed: Use enum value
+                { name: 'Receiving', value: InventoryReceiptStatus.Receiving, icon: 'inventory_2' }, // Changed: Use enum value
+                { name: 'Completed', value: InventoryReceiptStatus.Completed, icon: 'check_circle' } // Changed: Use enum value
+            ]
+        };
         this.inventoryReceiptDetailsConfig = {
             formConfig: this.inventoryReceiptFormConfig,
             tableConfigs: [this.inventoryReceiptItemsTableConfig],
             heroField: 'inventoryReceiptID',
-            buttons: [this.inventoryReceiptEditButton, this.inventoryReceiptProcessButton] // Changed: Added process button
+            stepConfig: this.inventoryReceiptStepConfig, // Changed: Added step config
+            buttons: [this.inventoryReceiptEditButton, this.inventoryReceiptCompleteButton] // Changed: Updated button reference
         };
         this.inventoryReceiptViewButton = { name: 'view', dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig };
+        this.inventoryQuickPurchaseButton = { name: 'create', display: 'Quick Purchase', dialog: true, action: { url: 'inventoryreceipts?action=create', method: 'post' }, onSuccessButton: this.inventoryReceiptViewButton };
         this.inventoryReceiptsTableConfig = {
             showFilter: true,
             flatButtons: true,
             minColumns: ['receiptNumber', 'supplierName', 'receiptDate'],
             columns: [
-                { name: 'receiptNumber', type: 'text', alias: 'Receipt #' },
+                { name: 'receiptNumber', type: 'text', alias: 'Receipt #', icon: { name: 'hourglass_empty', color: 'orange', condition: (x) => x.pendingApproval, tip: 'Pending Approval' } },
                 { name: 'supplierName', type: 'text', alias: 'Supplier' },
                 { name: 'receiptDate', type: 'date', alias: 'Date' },
-                { name: 'supplierInvoiceNumber', type: 'text', alias: 'Invoice #' },
-                { name: 'totalAmount', type: 'money', alias: 'Total' },
-                { name: 'pendingApproval', type: 'checkbox', alias: 'Pending' }
+                { name: 'status', type: 'icon', alias: 'Status', detailsConfig: this.inventoryReceiptDetailsConfig, // Changed: Use status instead of statusName
+                    icons: [
+                        { name: 'article', color: '#9E9E9E', condition: (x) => x.status === InventoryReceiptStatus.Draft, tip: 'Draft' }, // Changed: Use status enum
+                        { name: 'inventory_2', color: '#2196F3', condition: (x) => x.status === InventoryReceiptStatus.Receiving, tip: 'Receiving' }, // Changed: Use status enum
+                        { name: 'check_circle', color: '#4CAF50', condition: (x) => x.status === InventoryReceiptStatus.Completed, tip: 'Completed' } // Changed: Use status enum
+                    ]
+                },
+                { name: 'paymentTypeName', type: 'text', alias: 'Payment' },
+                { name: 'totalAmount', type: 'money', alias: 'Total Value' }
             ],
             buttons: [
-                { name: 'create', display: 'New Receipt', dialog: true, action: { url: 'inventoryreceipts?action=create', method: 'post' }, onSuccessButton: this.inventoryReceiptViewButton },
-                { name: 'edit', dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig },
-                { name: 'delete', dialog: true, action: { url: 'inventoryreceipts?action=delete', method: 'post' } }
+                { name: 'view', icon: { name: 'launch' }, dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig },
+                this.inventoryQuickPurchaseButton,
+                { name: 'edit', dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig, visible: (x) => x.status !== InventoryReceiptStatus.Completed }, // Changed: Use status enum instead of statusName
+                { name: 'delete', dialog: true, action: { url: 'inventoryreceipts?action=delete', method: 'post' }, visible: (x) => x.status !== InventoryReceiptStatus.Completed } // Changed: Use status enum instead of statusName
             ],
-            loadAction: { url: 'inventoryreceipts/all/x' },
+            loadAction: { url: 'inventoryreceipts/all/x?order=desc' },
             formConfig: this.inventoryReceiptFormConfig
         };
         //--------------------------Sales Orders-------------------------
         this.salesOrderItemFormConfig = {
             title: 'Sales Order Item',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid duplication with 'Add Item' button
             fields: [
                 { name: 'productID', type: 'select', alias: 'Product', required: true, loadAction: { url: 'products/list/x' }, detailsConfig: this.productDetailsConfig },
                 { name: 'quantity', type: 'number', alias: 'Quantity', required: true },
@@ -3447,7 +3650,7 @@ class InventoryService {
             showFilter: false,
             elevation: 'none',
             flatButtons: true,
-            // showInModes: ['edit'], // Changed: Only show tab in edit mode, not during creation
+            // showInModes: ['edit'],
             columns: [
                 { name: 'productName', type: 'text', alias: 'Product' },
                 { name: 'quantity', type: 'number', alias: 'Quantity' },
@@ -3479,6 +3682,9 @@ class InventoryService {
                 { name: 'quickProcess', type: 'section', alias: 'Quick Processing' },
                 { name: 'quickDelivery', type: 'checkbox', alias: 'Quick Delivery (Skip to Delivered)', section: 'quickProcess' },
                 { name: 'deliveredDate', type: 'date', alias: 'Delivery Date', section: 'quickProcess' },
+                { name: 'paymentInfo', type: 'section', alias: 'Payment (For Delivery)' },
+                { name: 'paymentMethod', type: 'select', alias: 'Payment Method', section: 'paymentInfo', options: [{ name: 'Cash', value: 0 }, { name: 'Bank Transfer', value: 1 }, { name: 'Mobile Money', value: 2 }, { name: 'Card', value: 3 }, { name: 'Credit', value: 4 }] },
+                { name: 'paymentReference', type: 'text', alias: 'Payment Reference', section: 'paymentInfo' },
                 { name: 'status', type: 'select', alias: 'Status', readonly: true, loadAction: { url: 'salesorders/list/status' } },
                 { name: 'totals', type: 'section', alias: 'Totals' },
                 { name: 'subTotal', type: 'money', alias: 'Sub Total', readonly: true, section: 'totals' },
@@ -3553,19 +3759,60 @@ class InventoryService {
             minColumns: ['productName', 'serialNumber', 'quantity'],
             columns: [
                 { name: 'productName', type: 'text', alias: 'Product' },
-                { name: 'serialNumber', type: 'text', alias: 'Serial Number' },
+                { name: 'serialNumber', type: 'text', alias: 'Serial Number' }, // Changed: Backend should return N/A for non-serialized products
                 { name: 'quantity', type: 'number', alias: 'Quantity' },
                 { name: 'unitCost', type: 'money', alias: 'Unit Cost' },
                 { name: 'totalValue', type: 'money', alias: 'Total Value' },
-                { name: 'status', type: 'text', alias: 'Status' },
+                { name: 'statusName', type: 'text', alias: 'Status' }, // Changed: Use statusName instead of status to show status name
                 { name: 'receivedDate', type: 'date', alias: 'Received Date' }
             ],
             buttons: [
+                // this.inventoryQuickPurchaseButton,
                 { name: 'view', dialog: true, detailsConfig: this.inventoryItemDetailsConfig }
             ],
             loadAction: { url: 'inventoryitems/all/x' },
             formConfig: this.inventoryItemFormConfig
         };
+        //--------------------------Inventory Stock (Grouped by Product)-------------------------
+        // Changed: Reuse existing inventoryItemsTableConfig with product criteria filter
+        this.inventoryStockItemsTableConfig = {
+            ...this.inventoryItemsTableConfig,
+            tabTitle: 'Stock Items',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            buttons: [],
+            loadAction: { url: 'inventoryitems/stock/x' }, loadCriteria: 'product', loadIDField: 'productID'
+        };
+        // Changed: Reuse product form config, filter to show only Product Information section fields
+        this.inventoryStockProductFormConfig = {
+            ...this.productFormConfig,
+            security: { allow: [this.dataService.capInventoryStock] },
+            fields: this.productFormConfig.fields.filter(f => f.section === 'productInfo' || f.name === 'productInfo').map(f => ({ ...f, readonly: true })),
+            loadAction: { url: 'products/id' }
+        };
+        // Changed: Details config reuses simplified product form and inventory items table
+        this.inventoryStockDetailsConfig = {
+            formConfig: this.inventoryStockProductFormConfig,
+            tableConfigs: [this.inventoryStockItemsTableConfig],
+            heroField: 'productID',
+            buttons: []
+        };
+        // Changed: Table config for inventory stock grouped by product
+        this.inventoryStockTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['productName', 'totalQuantity'],
+            columns: [
+                { name: 'productName', type: 'button', alias: 'Product', detailsConfig: this.inventoryStockDetailsConfig },
+                { name: 'totalQuantity', type: 'number', alias: 'Total Stock', icon: { name: 'warning', color: 'orange', condition: (x) => x.isLowInventory } }
+            ],
+            buttons: [
+                { name: 'view', dialog: true, detailsConfig: this.inventoryStockDetailsConfig }
+            ],
+            loadAction: { url: 'inventoryitems/stock/all' },
+            formConfig: this.productFormConfig
+        };
         //--------------------------Inventory Adjustments-------------------------
         this.inventoryAdjustmentFormConfig = {
             security: { allow: [this.dataService.capInventoryAdjustments] },
@@ -3630,14 +3877,14 @@ class InventoryService {
         this.inventoryTransactionsTableConfig = {
             showFilter: true,
             flatButtons: true,
-            minColumns: ['productName', 'transactionType', 'quantity'],
+            minColumns: ['productName', 'transactionTypeName', 'quantity'],
             columns: [
+                { name: 'transactionDate', type: 'date', alias: 'Date' },
+                { name: 'transactionTypeName', type: 'text', alias: 'Type' },
                 { name: 'productName', type: 'text', alias: 'Product' },
-                { name: 'transactionType', type: 'text', alias: 'Type' },
                 { name: 'quantity', type: 'number', alias: 'Quantity' },
                 { name: 'unitCost', type: 'money', alias: 'Unit Cost' },
                 { name: 'totalValue', type: 'money', alias: 'Total Value' },
-                { name: 'transactionDate', type: 'date', alias: 'Date' },
                 { name: 'referenceType', type: 'text', alias: 'Reference' }
             ],
             buttons: [
@@ -3646,7 +3893,107 @@ class InventoryService {
             loadAction: { url: 'inventorytransactions/all/x' },
             formConfig: this.inventoryTransactionFormConfig
         };
-        // Changed: Assign productDetailsConfig in constructor
+        //--------------------------Sale Items-------------------------
+        this.saleItemFormConfig = {
+            security: { allow: [this.dataService.capSales] },
+            title: 'Sale Item',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid duplication with 'Add Item' button
+            fields: [
+                { name: 'productID', type: 'select', required: true, alias: 'Product', span: true, loadAction: { url: 'products/list/x' } }, // Changed: Added span to make field full width
+                { name: 'quantity', type: 'number', required: true, alias: 'Quantity' },
+                { name: 'unitPrice', type: 'money', required: true, alias: 'Unit Price' },
+                { name: 'discount', type: 'money', alias: 'Discount' },
+                { name: 'inventoryItemID', type: 'select', alias: 'Serial Number', loadAction: { url: 'inventoryitems/list/serialized' } } // Changed: Filter to only show serialized items; lineTotal field removed
+            ],
+            loadAction: { url: 'saleitems/id' }
+        };
+        this.saleItemsTableConfig = {
+            tabTitle: 'Items',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            columns: [
+                { name: 'productName', type: 'text', alias: 'Product' },
+                { name: 'quantity', type: 'number', alias: 'Quantity' },
+                { name: 'unitPrice', type: 'money', alias: 'Unit Price' },
+                { name: 'discount', type: 'money', alias: 'Discount' },
+                { name: 'lineTotal', type: 'money', alias: 'Line Total' },
+                { name: 'serialNumber', type: 'text', alias: 'Serial Number' }
+            ],
+            buttons: [
+                { name: 'create', display: 'Add Item', dialog: true, action: { url: 'saleitems?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'saleitems?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'saleitems?action=delete', method: 'post' } }
+            ],
+            loadAction: { url: 'saleitems/x/x' }, loadCriteria: 'sale', loadIDField: 'saleID',
+            formConfig: this.saleItemFormConfig
+        };
+        //--------------------------Sales-------------------------
+        this.saleFormConfig = {
+            security: { allow: [this.dataService.capSales] },
+            title: 'Sale',
+            fixedTitle: true, // Changed: Use fixedTitle to avoid duplication with 'New Sale' button
+            multiColumn: true,
+            includeAudit: true,
+            fields: [
+                { name: 'saleInfo', type: 'section', alias: 'Sale Information' },
+                { name: 'saleNumber', type: 'text', alias: 'Sale #', readonly: true, section: 'saleInfo', hideOnCreate: true, infoMessage: 'Unique identifier for this sale' },
+                { name: 'saleType', type: 'select', required: true, alias: 'Sale Type', section: 'saleInfo', options: [{ name: 'Quick Sale', value: 0 }, { name: 'From Order', value: 1 }], defaultFirstValue: true, infoMessage: 'Select if this is a quick sale or created from an order' },
+                { name: 'customerID', type: 'select', alias: 'Customer', section: 'saleInfo', loadAction: { url: 'customers/list/x' }, detailsConfig: this.dataService.customerDetailsConfig, infoMessage: 'Select an existing customer or leave blank for walk-in' },
+                { name: 'customerName', type: 'text', alias: 'Walk-in Customer Name', section: 'saleInfo', hiddenCondition: x => x.customerID != null, infoMessage: 'Name of walk-in customer (shown when no customer is selected)' },
+                { name: 'saleDate', type: 'date', required: true, alias: 'Sale Date', section: 'saleInfo', infoMessage: 'Date when the sale was completed' },
+                { name: 'paymentInfo', type: 'section', alias: 'Payment Information' },
+                { name: 'paymentMethod', type: 'select', required: true, alias: 'Payment Method', section: 'paymentInfo', options: [{ name: 'Cash', value: 0 }, { name: 'Bank Transfer', value: 1 }, { name: 'Mobile Money', value: 2 }, { name: 'Card', value: 3 }, { name: 'Credit', value: 4 }], defaultFirstValue: true, infoMessage: 'Method of payment used for this sale' },
+                { name: 'paymentReference', type: 'text', alias: 'Payment Reference', section: 'paymentInfo', infoMessage: 'Transaction reference number or payment receipt' },
+                { name: 'paymentStatus', type: 'select', alias: 'Payment Status', readonly: true, section: 'paymentInfo', loadAction: { url: 'sales/list/payment-status' }, hideOnCreate: true, infoMessage: 'Current payment status of the sale' },
+                { name: 'totals', type: 'section', alias: 'Totals', collapsed: true, hideOnCreate: true },
+                { name: 'subTotal', type: 'money', alias: 'Sub Total', readonly: true, section: 'totals', infoMessage: 'Total before tax and discounts' },
+                { name: 'taxAmount', type: 'money', alias: 'Tax Amount', section: 'totals', infoMessage: 'Tax amount applied to the sale' },
+                { name: 'discount', type: 'money', alias: 'Discount', section: 'totals', infoMessage: 'Discount amount applied to the sale' },
+                { name: 'totalAmount', type: 'money', alias: 'Total Amount', readonly: true, section: 'totals', infoMessage: 'Final amount after tax and discounts' },
+                { name: 'additionalInfo', type: 'section', alias: 'Additional Information', collapsed: true },
+                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo', infoMessage: 'Additional notes or comments about this sale' }
+            ],
+            loadAction: { url: 'sales/id' },
+            heroField: 'saleID'
+        };
+        // Details dialog config for sale with complete button (only visible if not yet paid)
+        this.saleDetailsConfig = {
+            formConfig: this.saleFormConfig,
+            tableConfigs: [this.saleItemsTableConfig],
+            heroField: 'saleID',
+            buttons: [
+                { name: 'complete', display: 'Complete Sale', color: 'primary', inDialog: true,
+                    action: { url: 'sales?action=complete', method: 'post' },
+                    confirm: { message: 'Complete this sale? This will reduce inventory and create accounting entries.' },
+                    visible: x => x.paymentStatus !== 1
+                }
+            ]
+        };
+        this.saleViewButton = { name: 'view', dialog: true, detailsConfig: this.saleDetailsConfig };
+        this.saleCreateButton = { name: 'create', display: 'New Sale', dialog: true,
+            action: { url: 'sales?action=create', method: 'post' },
+            onSuccessButton: this.saleViewButton
+        };
+        this.salesTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['saleNumber', 'displayCustomerName', 'totalAmount'],
+            columns: [
+                { name: 'saleNumber', type: 'text', alias: 'Sale #' },
+                { name: 'saleTypeName', type: 'chip', alias: 'Type', colors: [{ name: '#4CAF50', condition: x => x.saleType === 0 }, { name: '#2196F3', condition: x => x.saleType === 1 }] },
+                { name: 'displayCustomerName', type: 'text', alias: 'Customer' },
+                { name: 'saleDate', type: 'date', alias: 'Date' },
+                { name: 'paymentMethodName', type: 'text', alias: 'Payment Method' },
+                { name: 'paymentStatusName', type: 'chip', alias: 'Payment Status', colors: [{ name: '#F44336', condition: x => x.paymentStatus === 0 }, { name: '#4CAF50', condition: x => x.paymentStatus === 1 }, { name: '#FF9800', condition: x => x.paymentStatus === 2 }] },
+                { name: 'totalAmount', type: 'money', alias: 'Total' }
+            ],
+            buttons: [
+                this.saleViewButton, this.saleCreateButton
+            ],
+            loadAction: { url: 'sales/all/x' },
+            formConfig: this.saleFormConfig
+        };
         this.productDetailsConfig = {
             formConfig: this.productFormConfig,
             heroField: 'productID',
@@ -11001,14 +11348,17 @@ class TenantsComponent {
             tableConfig: this.tenantsTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TenantsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TenantsComponent, isStandalone: false, selector: "spa-tenants", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [".title{margin-top:1em;font-size:larger;font-weight:300}\n"], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TenantsComponent, isStandalone: true, selector: "spa-tenants", 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: TenantsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-tenants', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [".title{margin-top:1em;font-size:larger;font-weight:300}\n"] }]
+            args: [{
+                    selector: 'spa-tenants',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class BugComponent {
@@ -11057,14 +11407,17 @@ class MembershipComponent {
             tableConfig: this.membersTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MembershipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: MembershipComponent, isStandalone: false, selector: "spa-membership", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: MembershipComponent, isStandalone: true, selector: "spa-membership", 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: MembershipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-membership', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-membership',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class PlansComponent {
@@ -11101,14 +11454,17 @@ class PlansComponent {
             tableConfig: this.plansTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PlansComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PlansComponent, isStandalone: false, selector: "spa-plans", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PlansComponent, isStandalone: true, selector: "spa-plans", 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: PlansComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-plans', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-plans',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class CustomersComponent {
@@ -11120,15 +11476,17 @@ class CustomersComponent {
             tableConfig: this.dataService.customersTableConfig
         };
     }
-    ngOnInit() {
-        // this.loadTenants();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CustomersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: CustomersComponent, isStandalone: false, selector: "spa-customers", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: CustomersComponent, isStandalone: true, selector: "spa-customers", 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: CustomersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-customers', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-customers',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class SuppliersComponent {
@@ -11141,14 +11499,17 @@ class SuppliersComponent {
             tableConfig: this.dataService.suppliersTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SuppliersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SuppliersComponent, isStandalone: false, selector: "spa-suppliers", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SuppliersComponent, isStandalone: true, selector: "spa-suppliers", 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: SuppliersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-suppliers', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n\r\n" }]
+            args: [{
+                    selector: 'spa-suppliers',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class ListDialogComponent {
@@ -11294,14 +11655,17 @@ class DepartmentsComponent {
             tableConfig: this.dataService.departmentTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DepartmentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: DepartmentsComponent, isStandalone: false, selector: "spa-departments", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: DepartmentsComponent, isStandalone: true, selector: "spa-departments", 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: DepartmentsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-departments', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-departments',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class EmployeesComponent {
@@ -11313,14 +11677,17 @@ class EmployeesComponent {
             tableConfig: this.dataService.employeesTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: EmployeesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: EmployeesComponent, isStandalone: false, selector: "spa-employees", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: EmployeesComponent, isStandalone: true, selector: "spa-employees", 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: EmployeesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-employees', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-employees',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class PositionsComponent {
@@ -11332,15 +11699,17 @@ class PositionsComponent {
             tableConfig: this.dataService.positionsTableConfig
         };
     }
-    ngOnInit() {
-        // this.dataService.loadPositionMeta();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PositionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PositionsComponent, isStandalone: false, selector: "spa-positions", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: PositionsComponent, isStandalone: true, selector: "spa-positions", 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: PositionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-positions', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-positions',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class GradesComponent {
@@ -11839,14 +12208,17 @@ class AppModelsComponent {
             tableConfig: this.appModelTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AppModelsComponent, deps: [{ token: DataServiceLib }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AppModelsComponent, isStandalone: false, selector: "spa-app-models", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AppModelsComponent, isStandalone: true, selector: "spa-app-models", 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: AppModelsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-app-models', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-app-models',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }], ctorParameters: () => [{ type: DataServiceLib }] });
 
 class NotificationsConfigComponent {
@@ -12027,215 +12399,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 type: Input
             }] } });
 
-// Migrated from Shift src/app/home/default/fin-accounts/fin-accounts.component.ts
-class AccountsComponent {
-    constructor(dataServiceLib, accountingService) {
-        this.dataServiceLib = dataServiceLib;
-        this.accountingService = accountingService;
-        this.accountTileConfig = {
-            tiles: [
-                { name: 'totalAssets', alias: 'Total Assets', color: '#2196F3', info: 'Total value of all asset accounts' },
-                { name: 'totalLiabilities', alias: 'Total Liabilities', color: '#F44336', info: 'Total value of all liability accounts' },
-                { name: 'totalRevenue', alias: 'Revenue', color: '#9C27B0', info: 'Total revenue from all sources' },
-                { name: 'totalExpense', alias: 'Expenses', color: '#FF9800', info: 'Total expenses across all accounts' },
-                { name: 'totalEquity', alias: 'Total Equity', color: '#4CAF50', info: 'Total value of all equity accounts' },
-            ]
+class LoanProductsComponent {
+    constructor() {
+        this.loansService = inject(LoansService);
+        this.pageConfig = {
+            title: 'Loan Products',
+            tableConfig: this.loansService.loanProductTableConfig
         };
-        // Configure tabs with separate load and count actions for lazy loading
-        this.accountTabConfigs = [
-            {
-                ...this.accountingService.accountsTableConfig,
-                tabTitle: 'Assets',
-                loadAction: { url: 'accounts/type/asset' },
-                countAction: { url: 'accounts/count/asset' }
-            },
-            {
-                ...this.accountingService.accountsTableConfig,
-                tabTitle: 'Liabilities',
-                loadAction: { url: 'accounts/type/liability' },
-                countAction: { url: 'accounts/count/liability' }
-            },
-            {
-                ...this.accountingService.accountsTableConfig,
-                tabTitle: 'Income',
-                loadAction: { url: 'accounts/type/income' },
-                countAction: { url: 'accounts/count/income' }
-            },
-            {
-                ...this.accountingService.accountsTableConfig,
-                tabTitle: 'Expenses',
-                loadAction: { url: 'accounts/type/expense' },
-                countAction: { url: 'accounts/count/expense' }
-            },
-            {
-                ...this.accountingService.accountsTableConfig,
-                tabTitle: 'Equity',
-                loadAction: { url: 'accounts/type/equity' },
-                countAction: { url: 'accounts/count/equity' }
-            },
-            {
-                ...this.accountingService.accountsTableConfig,
-                tabTitle: 'Aggregate',
-                loadAction: { url: 'accounts/type/aggregate' },
-                countAction: { url: 'accounts/count/aggregate' },
-                buttons: [...this.accountingService.accountsTableConfig.buttons.filter(x => x.name == 'view')]
-            }
-        ];
-    }
-    ngOnInit() {
-        this.loadSummaryData();
-    }
-    loadSummaryData() {
-        this.dataServiceLib.CallApi({ url: 'accounts/summary/x' }, '').subscribe((apiResponse) => {
-            if (apiResponse.success) {
-                this.summaryData = apiResponse.data;
-            }
-        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountsComponent, deps: [{ token: DataServiceLib }, { token: AccountingService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccountsComponent, isStandalone: false, selector: "spa-accounts", ngImport: i0, template: "<!-- Migrated from Shift src/app/home/default/fin-accounts/fin-accounts.component.html -->\r\n<h4>Accounts</h4>\r\n<hr>\r\n\r\n<!-- Summary Tiles -->\r\n<div *ngIf=\"summaryData\" class=\"mt-3 mb-3\">\r\n  <spa-tiles [config]=\"accountTileConfig\" [data]=\"summaryData\"></spa-tiles>\r\n</div>\r\n\r\n<!-- Account Type Tabs with lazy loading -->\r\n<spa-tabs [tableConfigs]=\"accountTabConfigs\"></spa-tabs>\r\n", styles: [""], 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LoanProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: LoanProductsComponent, isStandalone: true, selector: "spa-loan-products", 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: AccountsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LoanProductsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-accounts', standalone: false, template: "<!-- Migrated from Shift src/app/home/default/fin-accounts/fin-accounts.component.html -->\r\n<h4>Accounts</h4>\r\n<hr>\r\n\r\n<!-- Summary Tiles -->\r\n<div *ngIf=\"summaryData\" class=\"mt-3 mb-3\">\r\n  <spa-tiles [config]=\"accountTileConfig\" [data]=\"summaryData\"></spa-tiles>\r\n</div>\r\n\r\n<!-- Account Type Tabs with lazy loading -->\r\n<spa-tabs [tableConfigs]=\"accountTabConfigs\"></spa-tabs>\r\n" }]
-        }], ctorParameters: () => [{ type: DataServiceLib }, { type: AccountingService }] });
+            args: [{
+                    selector: 'spa-loan-products',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
 
-// Migrated from Shift src/app/home/default/fin-transaction-types/fin-transaction-types.component.ts
-class TransactionTypesComponent {
+class LoansComponent {
     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: "<!-- Migrated from Shift src/app/home/default/fin-transaction-types/fin-transaction-types.component.html -->\r\n<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], 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', standalone: false, template: "<!-- Migrated from Shift src/app/home/default/fin-transaction-types/fin-transaction-types.component.html -->\r\n<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
-        }] });
-
-// Migrated from Shift src/app/home/default/fin-transactions/fin-transactions.component.ts
-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: "<!-- Migrated from Shift src/app/home/default/fin-transactions/fin-transactions.component.html -->\r\n<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], 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', standalone: false, template: "<!-- Migrated from Shift src/app/home/default/fin-transactions/fin-transactions.component.html -->\r\n<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
-        }] });
-
-// 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: "<!-- Invoice management page -->\r\n<h4>Invoices</h4>\r\n<hr>\r\n<div class=\"mt-3\" style=\"font-size: 14px;\">\r\n  <spa-table [config]=\"accountingService.invoicesTableConfig\" (actionClick)=\"actionClicked($event)\"></spa-table>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: TableComponent, selector: "spa-table", inputs: ["data", "tileData", "config", "reload", "activeTab", "inTab"], outputs: ["dataLoad", "actionSuccess", "refreshClick", "searchClick", "createClick", "actionClick", "inputChange", "actionResponse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InvoicesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spa-invoices', standalone: false, template: "<!-- Invoice management page -->\r\n<h4>Invoices</h4>\r\n<hr>\r\n<div class=\"mt-3\" style=\"font-size: 14px;\">\r\n  <spa-table [config]=\"accountingService.invoicesTableConfig\" (actionClick)=\"actionClicked($event)\"></spa-table>\r\n</div>\r\n" }]
-        }] });
-
-// 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: "<!-- Outstanding invoices page -->\r\n<h4>Outstanding Invoices</h4>\r\n<hr>\r\n\r\n<div class=\"mt-3\" style=\"font-size: 14px;\">\r\n  <spa-table [config]=\"accountingService.outstandingInvoicesTableConfig\"></spa-table>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: TableComponent, selector: "spa-table", inputs: ["data", "tileData", "config", "reload", "activeTab", "inTab"], outputs: ["dataLoad", "actionSuccess", "refreshClick", "searchClick", "createClick", "actionClick", "inputChange", "actionResponse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: OutstandingInvoicesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spa-outstanding-invoices', standalone: false, template: "<!-- Outstanding invoices page -->\r\n<h4>Outstanding Invoices</h4>\r\n<hr>\r\n\r\n<div class=\"mt-3\" style=\"font-size: 14px;\">\r\n  <spa-table [config]=\"accountingService.outstandingInvoicesTableConfig\"></spa-table>\r\n</div>\r\n" }]
-        }] });
-
-class LoanProductsComponent {
-    constructor() {
-        this.loansService = inject(LoansService);
-        this.pageConfig = {
-            title: 'Loan Products',
-            tableConfig: this.loansService.loanProductTableConfig
-        };
-    }
-    ngOnInit() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LoanProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: LoanProductsComponent, isStandalone: false, selector: "spa-loan-products", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], 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: LoanProductsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spa-loan-products', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
-        }] });
-
-class LoansComponent {
-    constructor() {
-        this.loansService = inject(LoansService);
+        this.loansService = inject(LoansService);
         this.pageConfig = {
             title: 'Loans',
             tableConfig: this.loansService.loanTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LoansComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: LoansComponent, isStandalone: false, selector: "spa-loans", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: LoansComponent, isStandalone: true, selector: "spa-loans", 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: LoansComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-loans', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-loans',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class LoanPaymentsComponent {
@@ -12246,14 +12449,17 @@ class LoanPaymentsComponent {
             tableConfig: this.loansService.loanPaymentTableConfig
         };
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LoanPaymentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: LoanPaymentsComponent, isStandalone: false, selector: "spa-loan-payments", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: LoanPaymentsComponent, isStandalone: true, selector: "spa-loan-payments", 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: LoanPaymentsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-loan-payments', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-loan-payments',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class TinSpaModule {
@@ -12261,20 +12467,20 @@ class TinSpaModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: TinSpaModule, declarations: [TinSpaComponent, TextComponent, CheckComponent, DateComponent, DatetimeComponent, LabelComponent, SelectComponent,
             ActivityComponent, FilterComponent, messageDialog, MoneyComponent, OptionComponent, TilesComponent, StepsComponent,
             AttachComponent, ChipsComponent, LoaderComponent, NavMenuComponent, TableComponent, TableInternalComponent, DetailsDialog, DetailsDialogInternal, FormComponent, CamelToWordsPipe, NumberComponent, SearchComponent, ViewerComponent, viewerDialog,
-            TenantSettingsComponent, TenantsComponent, BugComponent, MembershipComponent, PlansComponent, CustomersComponent,
-            SuppliersComponent,
+            TenantSettingsComponent, BugComponent,
             ListDialogComponent, TasksComponent,
-            DepartmentsComponent, EmployeesComponent, PositionsComponent, GradesComponent, WelcomeComponent, NotificationsComponent, InvitationsTableComponent,
+            GradesComponent, WelcomeComponent, NotificationsComponent, InvitationsTableComponent,
             TableHeaderComponent, TableRowComponent, TableActionComponent,
             AlertComponent, EmailComponent, PageComponent, SelectCommonComponent, SelectInternalComponent, SuffixComponent, SelectContextDirective, SelectLiteComponent,
             TableLiteComponent, DetailsDialogLite, ApprovalsComponent, ApprovalsConfigComponent, MultiTextComponent,
-            MultiSelectComponent, SelectBitwiseComponent, AppModelsComponent, NotificationsConfigComponent,
-            HtmlComponent, NotesComponent, CapsulesComponent, CardsComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-            AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
-            LoanProductsComponent, LoansComponent, LoanPaymentsComponent], imports: [SpaMatModule,
+            MultiSelectComponent, SelectBitwiseComponent, NotificationsConfigComponent,
+            HtmlComponent, NotesComponent, CapsulesComponent, CardsComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent], imports: [SpaMatModule,
             HttpClientModule,
             CurrencyInputModule,
-            NgxDocViewerModule], exports: [TinSpaComponent,
+            NgxDocViewerModule,
+            TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
+            SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
+            AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent], exports: [TinSpaComponent,
             SpaMatModule,
             AlertComponent,
             TextComponent,
@@ -12304,16 +12510,15 @@ class TinSpaModule {
             ViewerComponent,
             viewerDialog,
             ListDialogComponent,
-            CustomersComponent,
-            SuppliersComponent,
             ListDialogComponent, TasksComponent,
-            DepartmentsComponent, EmployeesComponent, PositionsComponent, GradesComponent,
+            GradesComponent,
             WelcomeComponent, EmailComponent, PageComponent,
             HtmlComponent,
             NotesComponent,
             CapsulesComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-            AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
-            LoanProductsComponent, LoansComponent, LoanPaymentsComponent] }); }
+            TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
+            SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
+            AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent] }); }
     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 },
             { provide: LocationStrategy, useClass: HashLocationStrategy },
@@ -12324,7 +12529,10 @@ class TinSpaModule {
         ], imports: [SpaMatModule,
             HttpClientModule,
             CurrencyInputModule,
-            NgxDocViewerModule, SpaMatModule] }); }
+            NgxDocViewerModule,
+            TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
+            SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
+            AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent, SpaMatModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TinSpaModule, decorators: [{
             type: NgModule,
@@ -12333,23 +12541,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         TinSpaComponent, TextComponent, CheckComponent, DateComponent, DatetimeComponent, LabelComponent, SelectComponent,
                         ActivityComponent, FilterComponent, messageDialog, MoneyComponent, OptionComponent, TilesComponent, StepsComponent,
                         AttachComponent, ChipsComponent, LoaderComponent, NavMenuComponent, TableComponent, TableInternalComponent, DetailsDialog, DetailsDialogInternal, FormComponent, CamelToWordsPipe, NumberComponent, SearchComponent, ViewerComponent, viewerDialog,
-                        TenantSettingsComponent, TenantsComponent, BugComponent, MembershipComponent, PlansComponent, CustomersComponent,
-                        SuppliersComponent,
+                        TenantSettingsComponent, BugComponent,
                         ListDialogComponent, TasksComponent,
-                        DepartmentsComponent, EmployeesComponent, PositionsComponent, GradesComponent, WelcomeComponent, NotificationsComponent, InvitationsTableComponent,
+                        GradesComponent, WelcomeComponent, NotificationsComponent, InvitationsTableComponent,
                         TableHeaderComponent, TableRowComponent, TableActionComponent,
                         AlertComponent, EmailComponent, PageComponent, SelectCommonComponent, SelectInternalComponent, SuffixComponent, SelectContextDirective, SelectLiteComponent,
                         TableLiteComponent, DetailsDialogLite, ApprovalsComponent, ApprovalsConfigComponent, MultiTextComponent,
-                        MultiSelectComponent, SelectBitwiseComponent, AppModelsComponent, NotificationsConfigComponent,
-                        HtmlComponent, NotesComponent, CapsulesComponent, CardsComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-                        AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
-                        LoanProductsComponent, LoansComponent, LoanPaymentsComponent
+                        MultiSelectComponent, SelectBitwiseComponent, NotificationsConfigComponent,
+                        HtmlComponent, NotesComponent, CapsulesComponent, CardsComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent
                     ],
                     imports: [
                         SpaMatModule,
                         HttpClientModule,
                         CurrencyInputModule,
                         NgxDocViewerModule,
+                        TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
+                        SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
+                        AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent
                     ],
                     exports: [
                         TinSpaComponent,
@@ -12382,16 +12590,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         ViewerComponent,
                         viewerDialog,
                         ListDialogComponent,
-                        CustomersComponent,
-                        SuppliersComponent,
                         ListDialogComponent, TasksComponent,
-                        DepartmentsComponent, EmployeesComponent, PositionsComponent, GradesComponent,
+                        GradesComponent,
                         WelcomeComponent, EmailComponent, PageComponent,
                         HtmlComponent,
                         NotesComponent,
                         CapsulesComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-                        AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
-                        LoanProductsComponent, LoansComponent, LoanPaymentsComponent
+                        TenantsComponent, MembershipComponent, PlansComponent, CustomersComponent,
+                        SuppliersComponent, DepartmentsComponent, EmployeesComponent, PositionsComponent,
+                        AppModelsComponent, LoanProductsComponent, LoansComponent, LoanPaymentsComponent
                     ],
                     providers: [
                         { provide: HTTP_INTERCEPTORS, useClass: LoaderInterceptor, multi: true },
@@ -13395,11 +13602,16 @@ class CategoriesComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: CategoriesComponent, isStandalone: false, selector: "spa-categories", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: CategoriesComponent, isStandalone: true, selector: "spa-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: CategoriesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-categories', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-categories',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class SubCategoriesComponent {
@@ -13411,11 +13623,16 @@ class SubCategoriesComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SubCategoriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SubCategoriesComponent, isStandalone: false, selector: "spa-subcategories", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SubCategoriesComponent, isStandalone: true, selector: "spa-subcategories", 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: SubCategoriesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-subcategories', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-subcategories',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class BrandsComponent {
@@ -13427,11 +13644,16 @@ class BrandsComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BrandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: BrandsComponent, isStandalone: false, selector: "spa-brands", ngImport: i0, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n", styles: [""], dependencies: [{ kind: "component", type: PageComponent, selector: "spa-page", inputs: ["config"], outputs: ["searchModeActivated", "searchModeDeactivated", "refreshClick", "actionClick", "actionResponse", "inputChange", "createClick", "searchClick", "dataLoad", "titleActionChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: BrandsComponent, isStandalone: true, selector: "spa-brands", 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: BrandsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spa-brands', standalone: false, template: "<spa-page [config]=\"pageConfig\"></spa-page>\r\n" }]
+            args: [{
+                    selector: 'spa-brands',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
         }] });
 
 class SpaAdminModule {
@@ -13441,13 +13663,13 @@ class SpaAdminModule {
             addRoleDialog,
             CreateAccountComponent,
             LogsComponent,
-            SettingsComponent,
-            CategoriesComponent,
-            SubCategoriesComponent,
-            BrandsComponent], imports: [i2$2.ReactiveFormsModule, CommonModule,
+            SettingsComponent], imports: [i2$2.ReactiveFormsModule, CommonModule,
             FormsModule,
             ReactiveFormsModule,
-            TinSpaModule], exports: [CommonModule,
+            TinSpaModule,
+            CategoriesComponent,
+            SubCategoriesComponent,
+            BrandsComponent], exports: [CommonModule,
             FormsModule,
             TinSpaModule,
             UsersComponent,
@@ -13463,7 +13685,10 @@ class SpaAdminModule {
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
-            TinSpaModule, CommonModule,
+            TinSpaModule,
+            CategoriesComponent,
+            SubCategoriesComponent,
+            BrandsComponent, CommonModule,
             FormsModule,
             TinSpaModule] }); }
 }
@@ -13476,17 +13701,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         addRoleDialog,
                         CreateAccountComponent,
                         LogsComponent,
-                        SettingsComponent,
-                        CategoriesComponent,
-                        SubCategoriesComponent,
-                        BrandsComponent
+                        SettingsComponent
                     ],
                     imports: [
                         ReactiveFormsModule.withConfig({ warnOnNgModelWithFormControl: "never" }),
                         CommonModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        TinSpaModule
+                        TinSpaModule,
+                        CategoriesComponent,
+                        SubCategoriesComponent,
+                        BrandsComponent
                     ],
                     exports: [
                         CommonModule,
@@ -13546,6 +13771,223 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+// Migrated from Shift src/app/home/default/fin-accounts/fin-accounts.component.ts
+class AccountsComponent {
+    constructor(dataServiceLib, accountingService) {
+        this.dataServiceLib = dataServiceLib;
+        this.accountingService = accountingService;
+        this.accountTileConfig = {
+            tiles: [
+                { name: 'totalAssets', alias: 'Total Assets', color: '#2196F3', info: 'Total value of all asset accounts' },
+                { name: 'totalLiabilities', alias: 'Total Liabilities', color: '#F44336', info: 'Total value of all liability accounts' },
+                { name: 'totalRevenue', alias: 'Revenue', color: '#9C27B0', info: 'Total revenue from all sources' },
+                { name: 'totalExpense', alias: 'Expenses', color: '#FF9800', info: 'Total expenses across all accounts' },
+                { name: 'totalEquity', alias: 'Total Equity', color: '#4CAF50', info: 'Total value of all equity accounts' },
+            ]
+        };
+        this.accountTabConfigs = [
+            {
+                ...this.accountingService.accountsTableConfig,
+                tabTitle: 'Assets',
+                loadAction: { url: 'accounts/type/asset' },
+                countAction: { url: 'accounts/count/asset' }
+            },
+            {
+                ...this.accountingService.accountsTableConfig,
+                tabTitle: 'Liabilities',
+                loadAction: { url: 'accounts/type/liability' },
+                countAction: { url: 'accounts/count/liability' }
+            },
+            {
+                ...this.accountingService.accountsTableConfig,
+                tabTitle: 'Income',
+                loadAction: { url: 'accounts/type/income' },
+                countAction: { url: 'accounts/count/income' }
+            },
+            {
+                ...this.accountingService.accountsTableConfig,
+                tabTitle: 'Expenses',
+                loadAction: { url: 'accounts/type/expense' },
+                countAction: { url: 'accounts/count/expense' }
+            },
+            {
+                ...this.accountingService.accountsTableConfig,
+                tabTitle: 'Equity',
+                loadAction: { url: 'accounts/type/equity' },
+                countAction: { url: 'accounts/count/equity' }
+            },
+            {
+                ...this.accountingService.accountsTableConfig,
+                tabTitle: 'Aggregate',
+                loadAction: { url: 'accounts/type/aggregate' },
+                countAction: { url: 'accounts/count/aggregate' },
+                buttons: [...this.accountingService.accountsTableConfig.buttons.filter(x => x.name == 'view')]
+            }
+        ];
+    }
+    ngOnInit() {
+        this.loadSummaryData();
+    }
+    loadSummaryData() {
+        this.dataServiceLib.CallApi({ url: 'accounts/summary/x' }, '').subscribe((apiResponse) => {
+            if (apiResponse.success) {
+                this.summaryData = apiResponse.data;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountsComponent, deps: [{ token: DataServiceLib }, { token: AccountingService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccountsComponent, isStandalone: true, selector: "spa-accounts", ngImport: i0, template: `
+    <h4>Accounts</h4>
+    <hr>
+
+    <div *ngIf="summaryData" class="mt-3 mb-3">
+      <spa-tiles [config]="accountTileConfig" [data]="summaryData"></spa-tiles>
+    </div>
+
+    <spa-tabs [tableConfigs]="accountTabConfigs"></spa-tabs>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TinSpaModule }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccountsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-accounts',
+                    template: `
+    <h4>Accounts</h4>
+    <hr>
+
+    <div *ngIf="summaryData" class="mt-3 mb-3">
+      <spa-tiles [config]="accountTileConfig" [data]="summaryData"></spa-tiles>
+    </div>
+
+    <spa-tabs [tableConfigs]="accountTabConfigs"></spa-tabs>
+  `,
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }], ctorParameters: () => [{ type: DataServiceLib }, { type: AccountingService }] });
+
+// Migrated from Shift src/app/home/default/fin-transaction-types/fin-transaction-types.component.ts
+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: true, selector: "spa-transaction-types", 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: TransactionTypesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-transaction-types',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// Migrated from Shift src/app/home/default/fin-transactions/fin-transactions.component.ts
+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: true, selector: "spa-transactions", 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: TransactionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-transactions',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// 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: true, selector: "spa-invoices", ngImport: i0, template: '<spa-page [config]="pageConfig" (actionClick)="actionClicked($event)"></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: InvoicesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-invoices',
+                    template: '<spa-page [config]="pageConfig" (actionClick)="actionClicked($event)"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// 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: true, selector: "spa-outstanding-invoices", 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: OutstandingInvoicesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-outstanding-invoices',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
 // Component now uses centralized inventory service for configurations
 class ProductsComponent {
     constructor() {
@@ -13592,6 +14034,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+class PurchaseOrdersComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Purchase Orders',
+            tableConfig: this.inventoryService.purchaseOrdersTableConfig
+        };
+    }
+    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: true, selector: "spa-purchase-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: PurchaseOrdersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-purchase-orders',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
 // Component now uses centralized inventory service for configurations
 class InventoryReceiptsComponent {
     constructor() {
@@ -13661,6 +14125,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+class SalesComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.config = {
+            title: 'Sales',
+            tableConfig: this.inventoryService.salesTableConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SalesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SalesComponent, isStandalone: true, selector: "app-sales", ngImport: i0, template: '<spa-page [config]="config"></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: SalesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-sales',
+                    template: '<spa-page [config]="config"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule]
+                }]
+        }] });
+
 // Component now uses centralized inventory service for configurations
 class InventoryAdjustmentsComponent {
     constructor() {
@@ -13800,6 +14285,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+// Component to display inventory stock grouped by product
+class InventoryStockComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Inventory Stock',
+            tableConfig: this.inventoryService.inventoryStockTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryStockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryStockComponent, isStandalone: true, selector: "spa-inventory-stock", 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: InventoryStockComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-stock',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
 const routes$1 = [
     { path: "users", component: UsersComponent },
     { path: "roles", component: RolesComponent },
@@ -13837,14 +14345,17 @@ const routes$1 = [
     { path: "loans-payments", component: LoanPaymentsComponent },
     { path: "inventory-products", component: ProductsComponent },
     { path: "inventory-items", component: InventoryItemsComponent },
+    { path: "purchase-orders", component: PurchaseOrdersComponent },
     { path: "inventory-receipts", component: InventoryReceiptsComponent },
     { path: "inventory-requisitions", component: RequisitionsComponent },
     { path: "inventory-sales-orders", component: SalesOrdersComponent },
+    { path: "inventory-sales", component: SalesComponent },
     { path: "inventory-adjustments", component: InventoryAdjustmentsComponent },
     { path: "inventory-returns", component: InventoryReturnsComponent },
     { path: "inventory-requisition-returns", component: RequisitionReturnsComponent },
     { path: "inventory-transactions", component: InventoryTransactionsComponent },
-    { path: "inventory-dashboard", component: InventoryDashboardComponent }
+    { path: "inventory-dashboard", component: InventoryDashboardComponent },
+    { path: "inventory-stock", component: InventoryStockComponent } // Changed: Added inventory stock route
 ];
 class AdminRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AdminRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -13927,5 +14438,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Account, AccountsComponent as AccountingAccountsComponent, InvoicesComponent as AccountingInvoicesComponent, OutstandingInvoicesComponent as AccountingOutstandingInvoicesComponent, AccountingService, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, Action, ActivityComponent, AdminModule, AlertComponent, AlertConfig, AlertMessage, ApiResponse, AppConfig, AttachComponent, AuthService, BrandsComponent, 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, InventoryService, InvoiceStatus, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansService, LogLevel, LogService, LoginComponent, LogsComponent, MessageService, MoneyComponent, MovementType, MultiSelectComponent, MultiTextComponent, NavMenuComponent, NotesComponent, NotesConfig, NumberComponent, OptionComponent, PageComponent, PageConfig, PositionsComponent, Profile, ProfileComponent, RecoverAccountComponent, Register, Role, RoleAccess, RolesComponent, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SettingsComponent, SignupComponent, SpaAdminModule, SpaIndexModule, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SubCategoriesComponent, SuppliersComponent, TableComponent, TableConfig, TabsComponent, TasksComponent, TextComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, User, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, addRoleDialog, authGuard, dialogOptions, loginConfig, messageDialog, viewerDialog };
+export { Account, AccountsComponent as AccountingAccountsComponent, 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, 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, InvoiceStatus, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansService, LogLevel, LogService, LoginComponent, LogsComponent, MembershipComponent, MessageService, MoneyComponent, MovementType, MultiSelectComponent, MultiTextComponent, NavMenuComponent, NotesComponent, NotesConfig, NumberComponent, OptionComponent, PageComponent, PageConfig, PlansComponent, PositionsComponent, Profile, ProfileComponent, RecoverAccountComponent, Register, Role, RoleAccess, RolesComponent, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SettingsComponent, SignupComponent, SpaAdminModule, SpaIndexModule, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SubCategoriesComponent, SuppliersComponent, TableComponent, TableConfig, TabsComponent, TasksComponent, TenantsComponent, TextComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, UnitOfMeasure, User, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, addRoleDialog, authGuard, dialogOptions, loginConfig, messageDialog, viewerDialog };
 //# sourceMappingURL=tin-spa.mjs.map