tin-spa 20.1.0 → 20.1.2

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, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpHeaders, HttpResponse, HttpClient, HttpClientModule, HTTP_INTERCEPTORS } 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';
@@ -872,6 +872,14 @@ class DetailsDialogProcessor {
     }
 }
 
+// Added: Invoice status enum for invoice management
+var InvoiceStatus;
+(function (InvoiceStatus) {
+    InvoiceStatus[InvoiceStatus["Draft"] = 0] = "Draft";
+    InvoiceStatus[InvoiceStatus["Submitted"] = 1] = "Submitted";
+    InvoiceStatus[InvoiceStatus["Paid"] = 2] = "Paid";
+    InvoiceStatus[InvoiceStatus["Discarded"] = 3] = "Discarded";
+})(InvoiceStatus || (InvoiceStatus = {}));
 class loginConfig {
     constructor() {
         this.appName = "";
@@ -1401,6 +1409,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.capSuppliers = new CapItem;
         this.capTasks = new CapItem;
         this.capHR = new CapItem;
@@ -1414,14 +1425,27 @@ class DataServiceLib {
         this.capSelfApproval = new CapItem;
         this.capAppModels = new CapItem;
         this.capNotificationsConfig = new CapItem;
+        this.capAccountingOutstandingInvoices = new CapItem;
         this.capAccounting = new CapItem;
         this.capAccounts = new CapItem;
         this.capTransactionTypes = new CapItem;
         this.capTransactions = new CapItem;
+        this.capAccountingInvoices = new CapItem;
         this.capLoans = new CapItem;
         this.capLoanProducts = new CapItem;
         this.capLoansMain = new CapItem;
         this.capLoanPayments = new CapItem;
+        this.capInventory = new CapItem;
+        this.capInventoryDashboard = new CapItem;
+        this.capProducts = new CapItem;
+        this.capInventoryItems = new CapItem;
+        this.capInventoryReceipts = new CapItem;
+        this.capSalesOrders = new CapItem;
+        this.capRequisitions = new CapItem;
+        this.capInventoryAdjustments = new CapItem;
+        this.capInventoryReturns = new CapItem;
+        this.capRequisitionReturns = new CapItem;
+        this.capInventoryTransactions = new CapItem;
         this.tmpProfileuserName = "";
         this.isProcessing = false;
         //--------------------------Departmemts Form-------------------------
@@ -1977,13 +2001,25 @@ class DataServiceLib {
         this.capPlans.link = "home/admin/plans";
         this.capGeneral.name = "cap11";
         this.capGeneral.display = "General";
-        this.capGeneral.capSubItems = [this.capNotifications, this.capApprovals, this.capCustomers, this.capSuppliers, this.capTasks];
+        this.capGeneral.capSubItems = [this.capNotifications, this.capApprovals, this.capCustomers, this.capSuppliers, this.capCategories, this.capSubCategories, this.capBrands, this.capTasks];
         this.capCustomers.name = "cap12";
         this.capCustomers.display = "Customers";
         this.capCustomers.link = "home/admin/customers";
         this.capCustomers.icon = "group";
-        //cap13 available
-        //cap14 available
+        this.capCategories.name = "cap13"; // Added: Categories initialization
+        this.capCategories.display = "Categories";
+        this.capCategories.link = "home/admin/categories";
+        this.capCategories.icon = "category";
+        this.capSubCategories.name = "cap103"; // Added: SubCategories initialization
+        this.capSubCategories.display = "Sub Categories";
+        this.capSubCategories.link = "home/admin/subcategories";
+        this.capSubCategories.icon = "category";
+        this.capBrands.name = "cap14"; // Added: Brands initialization
+        this.capBrands.display = "Brands";
+        this.capBrands.link = "home/admin/brands";
+        this.capBrands.icon = "loyalty";
+        //cap104 available
+        //cap105 available
         this.capSuppliers.name = "cap15";
         this.capSuppliers.display = "Suppliers";
         this.capSuppliers.link = "home/admin/suppliers";
@@ -2035,7 +2071,7 @@ class DataServiceLib {
         this.capAccounting.name = "cap27";
         this.capAccounting.display = "Accounting";
         this.capAccounting.icon = "account_balance";
-        this.capAccounting.capSubItems = [this.capAccounts, this.capTransactionTypes, this.capTransactions];
+        this.capAccounting.capSubItems = [this.capAccounts, this.capTransactionTypes, this.capTransactions, this.capAccountingInvoices, this.capAccountingOutstandingInvoices];
         this.capAccounts.name = "cap14";
         this.capAccounts.display = "Accounts";
         this.capAccounts.link = "home/admin/accounting-accounts";
@@ -2048,6 +2084,14 @@ class DataServiceLib {
         this.capTransactions.display = "Transactions";
         this.capTransactions.link = "home/admin/accounting-transactions";
         this.capTransactions.icon = "receipt_long";
+        this.capAccountingInvoices.name = "cap34";
+        this.capAccountingInvoices.display = "Invoices";
+        this.capAccountingInvoices.link = "home/admin/accounting-invoices";
+        this.capAccountingInvoices.icon = "receipt_long";
+        this.capAccountingOutstandingInvoices.name = "cap35";
+        this.capAccountingOutstandingInvoices.display = "Outstanding Invoices";
+        this.capAccountingOutstandingInvoices.link = "home/admin/accounting-outstanding-invoices";
+        this.capAccountingOutstandingInvoices.icon = "account_balance_wallet";
         this.capLoans.name = "cap30";
         this.capLoans.display = "Loans";
         this.capLoans.icon = "payments";
@@ -2064,6 +2108,50 @@ class DataServiceLib {
         this.capLoanPayments.display = "Payments";
         this.capLoanPayments.link = "home/admin/loans-payments";
         this.capLoanPayments.icon = "payment";
+        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.capInventoryDashboard.name = "cap35";
+        this.capInventoryDashboard.display = "Dashboard";
+        this.capInventoryDashboard.link = "home/admin/inventory-dashboard";
+        this.capInventoryDashboard.icon = "dashboard";
+        this.capProducts.name = "cap36";
+        this.capProducts.display = "Products";
+        this.capProducts.link = "home/admin/inventory-products";
+        this.capProducts.icon = "category";
+        this.capInventoryItems.name = "cap37";
+        this.capInventoryItems.display = "Inventory Items";
+        this.capInventoryItems.link = "home/admin/inventory-items";
+        this.capInventoryItems.icon = "inventory_2";
+        this.capInventoryReceipts.name = "cap38";
+        this.capInventoryReceipts.display = "Receipts";
+        this.capInventoryReceipts.link = "home/admin/inventory-receipts";
+        this.capInventoryReceipts.icon = "receipt_long";
+        this.capSalesOrders.name = "cap39";
+        this.capSalesOrders.display = "Sales Orders";
+        this.capSalesOrders.link = "home/admin/inventory-sales-orders";
+        this.capSalesOrders.icon = "shopping_cart";
+        this.capRequisitions.name = "cap40";
+        this.capRequisitions.display = "Requisitions";
+        this.capRequisitions.link = "home/admin/inventory-requisitions";
+        this.capRequisitions.icon = "request_quote";
+        this.capInventoryAdjustments.name = "cap41";
+        this.capInventoryAdjustments.display = "Adjustments";
+        this.capInventoryAdjustments.link = "home/admin/inventory-adjustments";
+        this.capInventoryAdjustments.icon = "tune";
+        this.capInventoryReturns.name = "cap42";
+        this.capInventoryReturns.display = "Returns";
+        this.capInventoryReturns.link = "home/admin/inventory-returns";
+        this.capInventoryReturns.icon = "keyboard_return";
+        this.capRequisitionReturns.name = "cap43";
+        this.capRequisitionReturns.display = "Requisition Returns";
+        this.capRequisitionReturns.link = "home/admin/inventory-requisition-returns";
+        this.capRequisitionReturns.icon = "assignment_return";
+        this.capInventoryTransactions.name = "cap44";
+        this.capInventoryTransactions.display = "Transactions";
+        this.capInventoryTransactions.link = "home/admin/inventory-transactions";
+        this.capInventoryTransactions.icon = "swap_horiz";
         this.authService.myRoleObserv.subscribe((role) => {
             this.myRole = role;
         });
@@ -2399,8 +2487,174 @@ 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);
+        //--------------------------Invoices-------------------------
+        // Invoice form configuration with customer and status fields
+        this.invoiceFormConfig = {
+            security: { allow: [this.dataService.capAccountingInvoices] },
+            title: 'Invoice',
+            includeAudit: true,
+            fields: [
+                { name: 'invoiceDate', type: 'date' },
+                { name: 'invoiceID', type: 'number', readonly: true, hideOnCreate: true },
+                { name: 'customerID', alias: 'Customer', type: 'select', loadAction: { url: 'customers/list/x' }, detailsConfig: this.dataService.customerDetailsConfig },
+                { name: 'status', type: 'select', hideOnCreate: true, readonly: true, loadAction: { url: 'invoices/list/statuses' } },
+                { name: 'totalDisplay', type: 'label', alias: 'Total', format: 'text', readonly: true, hideOnCreate: true },
+            ],
+            loadAction: { url: 'invoices/id' },
+            heroField: 'invoiceID',
+        };
+        // Invoice items table for manual line item entry
+        this.invoiceItemsTableConfig = {
+            tabTitle: 'Invoice Items',
+            showFilter: false,
+            minColumns: ['description', 'quantity', 'amount'],
+            columns: [
+                { name: 'invoiceItemID', type: 'number', alias: 'ID', hiddenCondition: () => true },
+                { name: 'description', type: 'text', alias: 'Description' },
+                { name: 'quantity', type: 'number', alias: 'Qty' },
+                { name: 'unitPrice', type: 'money', alias: 'Unit Price' },
+                { name: 'amount', type: 'money', alias: 'Amount' }
+            ],
+            buttons: [
+                { name: 'create', display: 'Add Item', dialog: true, action: { url: 'invoiceitems?action=create', method: 'post' }, disabled: x => x.status != InvoiceStatus.Draft },
+                { name: 'edit', dialog: true, action: { url: 'invoiceitems?action=edit', method: 'post' }, disabled: x => x.status != InvoiceStatus.Draft },
+                { name: 'delete', inDialog: true, icon: { name: 'delete', color: 'red' }, action: { url: 'invoiceitems?action=delete', method: 'post', successMessage: 'Deleted' }, confirm: { message: 'Delete this item?' }, disabled: x => x.status != InvoiceStatus.Draft }
+            ],
+            loadAction: { url: 'invoiceitems/x/x' }, loadCriteria: 'invoice', loadIDField: 'invoiceID',
+            formConfig: {
+                title: 'Invoice Item',
+                fields: [
+                    { name: 'description', type: 'text', required: true },
+                    { name: 'quantity', type: 'number', required: true },
+                    { name: 'unitPrice', type: 'number', alias: 'Unit Price', required: true },
+                    { name: 'amount', type: 'number', readonly: true, hideOnCreate: true }
+                ],
+                loadAction: { url: 'invoiceitems/id' }
+            }
+        };
+        // Invoice action buttons
+        this.invoicePayButton = { name: 'pay', inDialog: true, display: 'Pay', icon: { name: 'attach_money', color: 'green' }, action: { url: 'invoices?action=pay', method: 'post', successMessage: 'Paid' }, confirm: { message: 'All loads on invoice have been Paid ?' }, visible: x => x.status == InvoiceStatus.Submitted };
+        this.invoiceDiscardButton = { name: 'discard', inDialog: true, display: 'Discard', icon: { name: 'close', color: 'red' }, action: { url: 'invoices?action=discard', method: 'post', successMessage: 'Discarded' }, confirm: { message: 'Invoice will be marked as cancelled and all related loads removed ?' }, visible: x => x.status == InvoiceStatus.Draft };
+        this.invoiceSubmitButton = { name: 'submit', inDialog: true, display: 'Submit', icon: { name: 'send', }, action: { url: 'invoices?action=submit', method: 'post', successMessage: 'Submitted' }, confirm: { message: 'Submit ?' }, visible: x => x.status == InvoiceStatus.Draft, disabled: x => x.totalAmount == 0 };
+        this.invoiceEditButton = { name: 'edit', dialog: true, action: { url: 'invoices?action=edit', method: 'post', }, confirm: { message: 'Proceed ?' }, disabled: x => x.status == InvoiceStatus.Paid };
+        this.invoiceDownloadButton = { name: 'pdf', display: 'Download PDF', inDialog: true, icon: { name: 'picture_as_pdf', color: 'red' } };
+        // Invoice details dialog with items and action buttons
+        this.invoiceDetailsDialogConfig = {
+            formConfig: this.invoiceFormConfig,
+            tableConfigs: [this.invoiceItemsTableConfig],
+            heroField: 'invoiceID',
+            buttons: [this.invoiceSubmitButton, this.invoicePayButton, this.invoiceDiscardButton, this.invoiceEditButton]
+        };
+        // Invoice summary tiles
+        this.invoicesTileConfig = {
+            clickable: true,
+            tiles: [
+                { name: 'drafts', alias: 'Draft Invoices', color: '#FFC107', info: 'Invoices in draft stage', action: { url: 'invoices/drafts/x' } },
+                { name: 'submitted', alias: 'Pending Payment', color: '#2196F3', info: 'Submitted invoices awaiting payment', action: { url: 'invoices/submitted/x' } },
+                { name: 'pendingPayments', alias: 'Outstanding', color: '#F44336', info: 'Total amount pending payment' }
+            ],
+            loadAction: { url: 'invoices/summary/x' }
+        };
+        // Main invoices table configuration
+        this.invoicesTableConfig = {
+            showFilter: true,
+            minColumns: ['invoiceID', 'customerName', 'statusName'],
+            minButtons: ['view', 'pdf'],
+            flatButtons: true,
+            collapseButtons: true,
+            greyOut: x => x.status == InvoiceStatus.Paid,
+            columns: [
+                { name: 'invoiceID', type: 'number', alias: 'ID' },
+                { name: 'customerName', type: 'text', alias: 'Customer' },
+                { name: 'invoiceDate', type: 'date' },
+                { name: 'statusName', type: 'chip', alias: 'Status', colors: [{ name: '#FFCC80', condition: x => x.status == InvoiceStatus.Draft }, { name: '#90CAF9', condition: x => x.status == InvoiceStatus.Submitted }, { name: '#A5D6A7', condition: x => x.status == InvoiceStatus.Paid }, { name: '#EF9A9A', condition: x => x.status == InvoiceStatus.Discarded }] },
+                { name: 'itemCount', type: 'number', alias: 'Items' },
+                { name: 'totalAmount', type: 'money', alias: 'Total' },
+                { name: 'paidAmount', type: 'money', alias: 'Paid' },
+                { name: 'outstandingAmount', type: 'money', alias: 'Outstanding' }
+            ],
+            buttons: [
+                { name: 'create', display: 'Create', dialog: true, action: { url: 'invoices?action=create', method: 'post' } },
+                { name: 'view', dialog: true, detailsConfig: this.invoiceDetailsDialogConfig },
+                this.invoiceDownloadButton,
+                this.invoiceSubmitButton,
+                this.invoicePayButton,
+                this.invoiceDiscardButton,
+                this.invoiceEditButton
+            ],
+            loadAction: { url: 'invoices/all/x' },
+            formConfig: this.invoiceFormConfig,
+            tileConfig: this.invoicesTileConfig
+        };
+        //--------------------------Customer Invoices-------------------------
+        // Customer invoice form without customerID field
+        this.customerInvoiceFormConfig = {
+            ...this.invoiceFormConfig,
+            fields: this.invoiceFormConfig.fields.filter(x => ['customerID'].includes(x.name) == false),
+            loadAction: { url: 'invoices/customer-id' }
+        };
+        // Customer invoice items table (read-only view)
+        this.customerInvoiceItemsTableConfig = {
+            ...this.invoiceItemsTableConfig,
+            loadCriteria: 'customer-invoice',
+            buttons: []
+        };
+        // Customer invoice details dialog (read-only)
+        this.customerInvoiceDetailsDialogConfig = {
+            formConfig: this.customerInvoiceFormConfig,
+            tableConfigs: [this.customerInvoiceItemsTableConfig],
+            heroField: 'invoiceID',
+            buttons: []
+        };
+        // Customer invoices table configuration
+        this.customerInvoicesTableConfig = {
+            ...this.invoicesTableConfig,
+            minColumns: ['invoiceID', 'totalDisplay'],
+            minButtons: ['view', 'pdf'],
+            columns: [...this.invoicesTableConfig.columns.filter(x => ['invoiceID', 'invoiceDate', 'statusName', 'itemCount', 'totalAmount'].includes(x.name))],
+            buttons: [{ name: 'view', dialog: true, detailsConfig: this.customerInvoiceDetailsDialogConfig }, this.invoiceDownloadButton],
+            loadAction: { url: 'invoices/customer-all/x' }
+        };
+        //--------------------------Outstanding Invoices-------------------------
+        // Outstanding invoices form configuration
+        this.outstandingInvoicesFormConfig = {
+            security: { allow: [this.dataService.capAccountingOutstandingInvoices] },
+            title: 'Outstanding Invoices',
+            fields: []
+        };
+        // Outstanding invoices summary tiles
+        this.outstandingInvoicesTileConfig = {
+            tiles: [
+                { name: 'totalPending', alias: 'Total Pending', color: '#F44336', info: 'Total amount pending payment from all customers' },
+                { name: 'overdueCount', alias: 'Overdue', color: '#FF9800', info: 'Number of invoices with overdue payments' },
+                { name: 'partialCount', alias: 'Partial Payments', color: '#2196F3', info: 'Number of invoices with partial payments received' },
+                { name: 'customerCount', alias: 'Customers', color: '#4CAF50', info: 'Number of customers with pending payments' }
+            ],
+            loadAction: { url: 'invoices/outstanding-summary/x' }
+        };
+        // Outstanding invoices table configuration
+        this.outstandingInvoicesTableConfig = {
+            holdHeaderButtonSpace: true,
+            showFilter: true,
+            minColumns: ['customerName', 'amount', 'balance'],
+            minButtons: ['view'],
+            flatButtons: true,
+            columns: [
+                { name: 'invoiceID', type: 'number', alias: 'Invoice ID' },
+                { name: 'customerName', type: 'text', alias: 'Customer' },
+                { name: 'descriptionDisplay', type: 'text', alias: 'Description' },
+                { name: 'amount', type: 'money', alias: 'Total Amount' },
+                { name: 'paidAmount', type: 'money', alias: 'Paid Amount' },
+                { name: 'balance', type: 'money', alias: 'Remaining Balance' }
+            ],
+            buttons: [{ name: 'view', dialog: true, detailsConfig: this.invoiceDetailsDialogConfig }],
+            loadAction: { url: 'invoices/outstanding/x' },
+            formConfig: this.outstandingInvoicesFormConfig,
+            tileConfig: this.outstandingInvoicesTileConfig
+        };
         //--------------------------Transaction Types-------------------------
         this.transactionTypeFormConfig = {
             security: { allow: [this.dataService.capTransactionTypes] },
@@ -2413,11 +2667,11 @@ class AccountingService {
                 { name: 'creditAccountType', type: 'select', alias: 'Credit Account Type', required: true,
                     loadAction: { url: 'accounts/list/accountTypes' }
                 },
-                { name: 'defaultDebitAccountID', type: 'select', alias: 'Default Debit Account', required: true, masterField: 'debitAccountType', masterOptionValue: 'type',
-                    loadAction: { url: 'accounts/list/x' }
+                { name: 'defaultDebitAccountID', type: 'select', alias: 'Default Debit Account', nullable: true, masterField: 'debitAccountType', masterOptionValue: 'type',
+                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
                 },
-                { name: 'defaultCreditAccountID', type: 'select', alias: 'Default Credit Account', required: true, masterField: 'creditAccountType', masterOptionValue: 'type',
-                    loadAction: { url: 'accounts/list/x' }
+                { name: 'defaultCreditAccountID', type: 'select', alias: 'Default Credit Account', nullable: true, masterField: 'creditAccountType', masterOptionValue: 'type',
+                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
                 },
             ],
             loadAction: { url: 'transactiontypes/id' },
@@ -2464,11 +2718,11 @@ 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' }
+                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
                 },
                 { 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' }
+                    loadAction: { url: 'accounts/list/x' }, detailsConfig: this.accountDetailsConfig
                 },
                 { name: 'description', type: 'text', required: true, span: true },
                 { name: 'amount', type: 'label', format: 'money', required: true, hideOnCreate: true, readonly: true },
@@ -2536,20 +2790,6 @@ class AccountingService {
         };
         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.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]
-        };
         this.accountsTableConfig = {
             showFilter: true,
             minColumns: ['name', 'type', 'balance'],
@@ -2568,6 +2808,20 @@ 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' }); }
@@ -2577,7 +2831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class LoansService {
     constructor() {
@@ -2784,6 +3038,631 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+// Service for generic entities: Categories, SubCategories, Brands, and ListItems
+class GeneralService {
+    constructor() {
+        this.dataService = inject(DataServiceLib);
+        //--------------------------Categories-------------------------
+        this.categoryFormConfig = {
+            title: 'Category',
+            includeAudit: true,
+            fields: [
+                { name: 'name', type: 'text', required: true, alias: 'Name' },
+                { name: 'description', type: 'text', alias: 'Description' }
+            ],
+            loadAction: { url: 'categories/id' },
+            heroField: 'categoryID'
+        };
+        this.categoryCreateButton = { name: 'create', display: 'Create Category', dialog: true, action: { url: 'categories?action=create', method: 'post' } };
+        this.categoryEditButton = { name: 'edit', dialog: true, action: { url: 'categories?action=edit', method: 'post' } };
+        this.categoryDeleteButton = { name: 'delete', dialog: true, action: { url: 'categories?action=delete', method: 'post' } };
+        this.categoryDetailsConfig = {
+            formConfig: this.categoryFormConfig,
+            heroField: 'categoryID',
+            buttons: [this.categoryCreateButton, this.categoryEditButton, this.categoryDeleteButton]
+        };
+        this.categoriesTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['name', 'description'],
+            columns: [
+                { name: 'name', type: 'text', alias: 'Name' },
+                { name: 'description', type: 'text', alias: 'Description' }
+            ],
+            buttons: [
+                this.categoryCreateButton,
+                { name: 'view', dialog: true, detailsConfig: this.categoryDetailsConfig },
+                this.categoryEditButton,
+                this.categoryDeleteButton
+            ],
+            loadAction: { url: 'categories/all/x' },
+            formConfig: this.categoryFormConfig
+        };
+        //--------------------------SubCategories-------------------------
+        this.subCategoryFormConfig = {
+            title: 'Sub Category',
+            includeAudit: true,
+            fields: [
+                { name: 'name', type: 'text', required: true, alias: 'Name' },
+                { name: 'categoryID', type: 'select', required: true, alias: 'Category', loadAction: { url: 'categories/list/x' } },
+                { name: 'description', type: 'text', alias: 'Description' }
+            ],
+            loadAction: { url: 'subcategories/id' },
+            heroField: 'subCategoryID'
+        };
+        this.subCategoryCreateButton = { name: 'create', display: 'Create Sub Category', dialog: true, action: { url: 'subcategories?action=create', method: 'post' } };
+        this.subCategoryEditButton = { name: 'edit', dialog: true, action: { url: 'subcategories?action=edit', method: 'post' } };
+        this.subCategoryDeleteButton = { name: 'delete', dialog: true, action: { url: 'subcategories?action=delete', method: 'post' } };
+        this.subCategoryDetailsConfig = {
+            formConfig: this.subCategoryFormConfig,
+            heroField: 'subCategoryID',
+            buttons: [this.subCategoryCreateButton, this.subCategoryEditButton, this.subCategoryDeleteButton]
+        };
+        this.subCategoriesTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['name', 'categoryName', 'description'],
+            columns: [
+                { name: 'name', type: 'text', alias: 'Name' },
+                { name: 'categoryName', type: 'text', alias: 'Category' },
+                { name: 'description', type: 'text', alias: 'Description' }
+            ],
+            buttons: [
+                this.subCategoryCreateButton,
+                { name: 'view', dialog: true, detailsConfig: this.subCategoryDetailsConfig },
+                this.subCategoryEditButton,
+                this.subCategoryDeleteButton
+            ],
+            loadAction: { url: 'subcategories/all/x' },
+            formConfig: this.subCategoryFormConfig
+        };
+        //--------------------------Brands-------------------------
+        this.brandFormConfig = {
+            title: 'Brand',
+            includeAudit: true,
+            fields: [
+                { name: 'name', type: 'text', required: true, alias: 'Name' },
+                { name: 'description', type: 'text', alias: 'Description' }
+            ],
+            loadAction: { url: 'brands/id' },
+            heroField: 'brandID'
+        };
+        this.brandCreateButton = { name: 'create', display: 'Create Brand', dialog: true, action: { url: 'brands?action=create', method: 'post' } };
+        this.brandEditButton = { name: 'edit', dialog: true, action: { url: 'brands?action=edit', method: 'post' } };
+        this.brandDeleteButton = { name: 'delete', dialog: true, action: { url: 'brands?action=delete', method: 'post' } };
+        this.brandDetailsConfig = {
+            formConfig: this.brandFormConfig,
+            heroField: 'brandID',
+            buttons: [this.brandCreateButton, this.brandEditButton, this.brandDeleteButton]
+        };
+        this.brandsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['name', 'description'],
+            columns: [
+                { name: 'name', type: 'text', alias: 'Name' },
+                { name: 'description', type: 'text', alias: 'Description' }
+            ],
+            buttons: [
+                this.brandCreateButton,
+                { name: 'view', dialog: true, detailsConfig: this.brandDetailsConfig },
+                this.brandEditButton,
+                this.brandDeleteButton
+            ],
+            loadAction: { url: 'brands/all/x' },
+            formConfig: this.brandFormConfig
+        };
+        //--------------------------ListItems-------------------------
+        this.listItemFormConfig = {
+            title: 'List Item',
+            includeAudit: true,
+            fields: [
+                { name: 'listName', type: 'text', required: true, alias: 'List Name', readonly: true },
+                { name: 'name', type: 'text', required: true, alias: 'Name' }
+            ],
+            loadAction: { url: 'listitems/id' },
+            heroField: 'listItemID'
+        };
+        this.listItemCreateButton = { name: 'create', display: 'Create Item', dialog: true, action: { url: 'listitems?action=create', method: 'post' } };
+        this.listItemEditButton = { name: 'edit', dialog: true, action: { url: 'listitems?action=edit', method: 'post' } };
+        this.listItemDeleteButton = { name: 'delete', dialog: true, action: { url: 'listitems?action=delete', method: 'post' } };
+        this.listItemDetailsConfig = {
+            formConfig: this.listItemFormConfig,
+            heroField: 'listItemID',
+            buttons: [this.listItemCreateButton, this.listItemEditButton, this.listItemDeleteButton]
+        };
+        this.listItemsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['listName', 'name'],
+            columns: [
+                { name: 'listName', type: 'text', alias: 'List Name' },
+                { name: 'name', type: 'text', alias: 'Name' }
+            ],
+            buttons: [
+                this.listItemCreateButton,
+                { name: 'view', dialog: true, detailsConfig: this.listItemDetailsConfig },
+                this.listItemEditButton,
+                this.listItemDeleteButton
+            ],
+            loadAction: { url: 'listitems/all/x' },
+            formConfig: this.listItemFormConfig
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: GeneralService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: GeneralService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: GeneralService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+// 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);
+        //--------------------------Products-------------------------
+        this.productFormConfig = {
+            security: { allow: [this.dataService.capProducts] },
+            title: 'Product',
+            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: '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: '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: 'pricingInfo', type: 'section', alias: 'Pricing' },
+                { name: 'sellingPrice', type: 'money', required: true, alias: 'Selling Price', section: 'pricingInfo' }
+            ],
+            loadAction: { url: 'products/id' },
+            heroField: 'productID'
+        };
+        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'],
+            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: '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' }
+            ],
+            buttons: [
+                this.productCreateButton,
+                { name: 'view', dialog: true, detailsConfig: this.productDetailsConfig },
+                this.productEditButton,
+                this.productDeleteButton,
+                this.productLowInventoryButton
+            ],
+            loadAction: { url: 'products/all/x' },
+            formConfig: this.productFormConfig
+        };
+        //--------------------------Requisitions-------------------------
+        this.requisitionItemFormConfig = {
+            title: 'Requisition Item',
+            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 },
+                { name: 'issuedQuantity', type: 'number', alias: 'Issued Qty', readonly: true },
+                { name: 'inventoryItemID', type: 'select', alias: 'Serial Number', loadAction: { url: 'inventoryitems/list/x' } }
+            ],
+            loadAction: { url: 'requisitionitems/id' }
+        };
+        this.requisitionItemsTableConfig = {
+            tabTitle: 'Items',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            // showInModes: ['edit'], // Changed: Only show tab in edit mode, not during creation
+            columns: [
+                { name: 'productName', type: 'text', alias: 'Product' },
+                { name: 'requestedQuantity', type: 'number', alias: 'Requested Qty' },
+                { name: 'issuedQuantity', type: 'number', alias: 'Issued Qty' },
+                { name: 'serialNumber', type: 'text', alias: 'Serial Number' }
+            ],
+            buttons: [
+                { name: 'create', display: 'Add Item', dialog: true, action: { url: 'requisitionitems?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'requisitionitems?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'requisitionitems?action=delete', method: 'post' } }
+            ],
+            loadAction: { url: 'requisitionitems/x/x' }, loadCriteria: 'requisition', loadIDField: 'requisitionID',
+            formConfig: this.requisitionItemFormConfig
+        };
+        this.requisitionFormConfig = {
+            security: { allow: [this.dataService.capRequisitions] },
+            title: 'Requisition',
+            multiColumn: true,
+            includeAudit: true,
+            fields: [
+                { name: 'reqInfo', type: 'section', alias: 'Requisition Information' },
+                { name: 'requisitionNumber', type: 'text', alias: 'Requisition #', readonly: true, section: 'reqInfo' },
+                { name: 'requestedBy', type: 'text', alias: 'Requested By', readonly: true, section: 'reqInfo' },
+                { name: 'departmentID', type: 'select', alias: 'Department', section: 'reqInfo', loadAction: { url: 'departments/list/x' } },
+                { name: 'requestDate', type: 'date', alias: 'Request Date', readonly: true, section: 'reqInfo' },
+                { name: 'issuedDate', type: 'date', alias: 'Issued Date', readonly: true, section: 'reqInfo' },
+                { name: 'status', type: 'select', alias: 'Status', readonly: true, section: 'reqInfo', loadAction: { url: 'requisitions/list/status' } },
+                { name: 'purposeInfo', type: 'section', alias: 'Purpose & Notes' },
+                { name: 'purpose', type: 'text', required: true, alias: 'Purpose', span: true, section: 'purposeInfo' },
+                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'purposeInfo' }
+            ],
+            loadAction: { url: 'requisitions/id' },
+            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.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
+        };
+        this.requisitionViewButton = { name: 'view', dialog: true, detailsConfig: this.requisitionDetailsConfig };
+        this.requisitionsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['requisitionNumber', 'requesterName', 'requestDate'],
+            columns: [
+                { name: 'requisitionNumber', type: 'text', alias: 'Requisition #' },
+                { name: 'requesterName', type: 'text', alias: 'Requested By' },
+                { name: 'departmentName', type: 'text', alias: 'Department' },
+                { name: 'requestDate', type: 'date', alias: 'Request Date' },
+                { name: 'issuedDate', type: 'date', alias: 'Issued Date' },
+                { name: 'status', type: 'text', alias: 'Status' },
+                { name: 'purpose', type: 'text', alias: 'Purpose', maxLength: 100 },
+                { name: 'pendingApproval', type: 'checkbox', alias: 'Pending' }
+            ],
+            buttons: [
+                { name: 'create', display: 'New Requisition', dialog: true, action: { url: 'requisitions?action=create', method: 'post' }, onSuccessButton: this.requisitionViewButton },
+                { name: 'view', dialog: true, detailsConfig: this.requisitionDetailsConfig },
+                { name: 'edit', dialog: true, detailsConfig: this.requisitionDetailsConfig },
+                { name: 'delete', dialog: true, action: { url: 'requisitions?action=delete', method: 'post' } },
+                this.requisitionIssueButton,
+                this.requisitionCancelButton
+            ],
+            loadAction: { url: 'requisitions/all/x' },
+            formConfig: this.requisitionFormConfig
+        };
+        //--------------------------Inventory Receipts-------------------------
+        this.inventoryReceiptItemFormConfig = {
+            title: 'Receipt Item',
+            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)' }
+            ],
+            loadAction: { url: 'inventoryreceiptitems/id' }
+        };
+        this.inventoryReceiptItemsTableConfig = {
+            tabTitle: 'Items',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            // showInModes: ['edit'], // Changed: Only show tab in edit mode, not during creation
+            columns: [
+                { name: 'productName', type: 'text', alias: 'Product' },
+                { name: 'quantity', type: 'number', alias: 'Quantity' },
+                { name: 'unitCost', type: 'money', alias: 'Unit Cost' },
+                { name: 'lineTotal', type: 'money', alias: 'Line Total' },
+                { name: 'serialNumbers', type: 'text', alias: 'Serial Numbers' }
+            ],
+            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' } },
+                { name: 'delete', dialog: true, action: { url: 'inventoryreceiptitems?action=delete', method: 'post' } }
+            ],
+            loadAction: { url: 'inventoryreceiptitems/x/x' }, loadCriteria: 'receipt', loadIDField: 'inventoryReceiptID',
+            formConfig: this.inventoryReceiptItemFormConfig
+        };
+        this.inventoryReceiptFormConfig = {
+            security: { allow: [this.dataService.capInventoryReceipts] },
+            title: 'Inventory Receipt',
+            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: 'additionalInfo', type: 'section', alias: 'Additional Information', collapsed: true },
+                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo' }
+            ],
+            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.inventoryReceiptDetailsConfig = {
+            formConfig: this.inventoryReceiptFormConfig,
+            tableConfigs: [this.inventoryReceiptItemsTableConfig],
+            heroField: 'inventoryReceiptID',
+            buttons: [this.inventoryReceiptEditButton, this.inventoryReceiptProcessButton] // Changed: Added process button
+        };
+        this.inventoryReceiptViewButton = { name: 'view', dialog: true, detailsConfig: this.inventoryReceiptDetailsConfig };
+        this.inventoryReceiptsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['receiptNumber', 'supplierName', 'receiptDate'],
+            columns: [
+                { name: 'receiptNumber', type: 'text', alias: 'Receipt #' },
+                { 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' }
+            ],
+            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' } }
+            ],
+            loadAction: { url: 'inventoryreceipts/all/x' },
+            formConfig: this.inventoryReceiptFormConfig
+        };
+        //--------------------------Sales Orders-------------------------
+        this.salesOrderItemFormConfig = {
+            title: 'Sales Order Item',
+            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: 'unitPrice', type: 'money', alias: 'Unit Price', required: true },
+                { name: 'discount', type: 'money', alias: 'Discount' },
+                { name: 'lineTotal', type: 'money', alias: 'Line Total', readonly: true },
+                { name: 'inventoryItemID', type: 'select', alias: 'Serial Number', loadAction: { url: 'inventoryitems/list/x' } }
+            ],
+            loadAction: { url: 'salesorderitems/id' }
+        };
+        this.salesOrderItemsTableConfig = {
+            tabTitle: 'Items',
+            showFilter: false,
+            elevation: 'none',
+            flatButtons: true,
+            // showInModes: ['edit'], // Changed: Only show tab in edit mode, not during creation
+            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: 'salesorderitems?action=create', method: 'post' } },
+                { name: 'edit', dialog: true, action: { url: 'salesorderitems?action=edit', method: 'post' } },
+                { name: 'delete', dialog: true, action: { url: 'salesorderitems?action=delete', method: 'post' } }
+            ],
+            loadAction: { url: 'salesorderitems/x/x' }, loadCriteria: 'order', loadIDField: 'salesOrderID',
+            formConfig: this.salesOrderItemFormConfig
+        };
+        this.salesOrderFormConfig = {
+            security: { allow: [this.dataService.capSalesOrders] },
+            title: 'Sales Order',
+            multiColumn: true,
+            includeAudit: true,
+            fields: [
+                { name: 'orderInfo', type: 'section', alias: 'Order Information' },
+                { name: 'orderNumber', type: 'text', alias: 'Order #', readonly: true, section: 'orderInfo' },
+                { name: 'customerID', type: 'select', alias: 'Customer', section: 'orderInfo', loadAction: { url: 'customers/list/x' }, detailsConfig: this.dataService.customerDetailsConfig },
+                { name: 'customerName', type: 'text', alias: 'Walk-in Customer Name', section: 'orderInfo' },
+                { name: 'orderDate', type: 'date', required: true, alias: 'Order Date', section: 'orderInfo' },
+                { name: 'requiredDate', type: 'date', alias: 'Required Date', section: 'orderInfo' },
+                { 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: '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' },
+                { name: 'discount', type: 'money', alias: 'Discount', section: 'totals' },
+                { name: 'totalAmount', type: 'money', alias: 'Total Amount', readonly: true, section: 'totals' },
+                { name: 'additionalInfo', type: 'section', alias: 'Additional Information', collapsed: true },
+                { name: 'notes', type: 'text', alias: 'Notes', span: true, section: 'additionalInfo' }
+            ],
+            loadAction: { url: 'salesorders/id' },
+            heroField: 'salesOrderID'
+        };
+        this.salesOrderEditButton = { name: 'edit', dialog: true, action: { url: 'salesorders?action=edit', method: 'post' } };
+        this.salesOrderConfirmButton = { name: 'confirm', display: 'Confirm Order', icon: { name: 'check_circle', color: 'primary' }, inDialog: true, action: { url: 'salesorders?action=confirm', method: 'post', successMessage: 'Order Confirmed' }, confirm: { message: 'Confirm this order?' }, visible: (row) => row.status === 0 };
+        this.salesOrderDeliverButton = { name: 'deliver', display: 'Mark Delivered', icon: { name: 'local_shipping', color: 'green' }, inDialog: true, action: { url: 'salesorders?action=deliver', method: 'post', successMessage: 'Order Delivered' }, confirm: { message: 'Mark this order as delivered?' }, visible: (row) => row.status === 1 };
+        this.salesOrderDetailsConfig = {
+            formConfig: this.salesOrderFormConfig,
+            tableConfigs: [this.salesOrderItemsTableConfig],
+            heroField: 'salesOrderID',
+            buttons: [this.salesOrderEditButton, this.salesOrderConfirmButton, this.salesOrderDeliverButton]
+        };
+        this.salesOrderViewButton = { name: 'view', dialog: true, detailsConfig: this.salesOrderDetailsConfig };
+        this.salesOrdersTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['orderNumber', 'displayCustomerName', 'orderDate'],
+            columns: [
+                { name: 'orderNumber', type: 'text', alias: 'Order #' },
+                { name: 'displayCustomerName', type: 'text', alias: 'Customer' },
+                { name: 'orderDate', type: 'date', alias: 'Order Date' },
+                { name: 'requiredDate', type: 'date', alias: 'Required Date' },
+                { name: 'deliveredDate', type: 'date', alias: 'Delivered Date' },
+                { name: 'status', type: 'text', alias: 'Status' },
+                { name: 'totalAmount', type: 'money', alias: 'Total' },
+                { name: 'pendingApproval', type: 'checkbox', alias: 'Pending' }
+            ],
+            buttons: [
+                { name: 'create', display: 'New Order', dialog: true, action: { url: 'salesorders?action=create', method: 'post' }, onSuccessButton: this.salesOrderViewButton },
+                { name: 'view', dialog: true, detailsConfig: this.salesOrderDetailsConfig },
+                { name: 'edit', dialog: true, detailsConfig: this.salesOrderDetailsConfig },
+                { name: 'delete', dialog: true, action: { url: 'salesorders?action=delete', method: 'post' } },
+                this.salesOrderConfirmButton,
+                this.salesOrderDeliverButton
+            ],
+            loadAction: { url: 'salesorders/all/x' },
+            formConfig: this.salesOrderFormConfig
+        };
+        //--------------------------Inventory Items-------------------------
+        this.inventoryItemFormConfig = {
+            security: { allow: [this.dataService.capInventoryItems] },
+            title: 'Inventory Item',
+            includeAudit: true,
+            fields: [
+                { name: 'productName', type: 'text', alias: 'Product', readonly: true },
+                { name: 'serialNumber', type: 'text', alias: 'Serial Number', readonly: true },
+                { name: 'quantity', type: 'number', alias: 'Quantity', readonly: true },
+                { name: 'unitCost', type: 'money', alias: 'Unit Cost', readonly: true },
+                { name: 'totalValue', type: 'money', alias: 'Total Value', readonly: true },
+                { name: 'status', type: 'text', alias: 'Status', readonly: true },
+                { name: 'receivedDate', type: 'date', alias: 'Received Date', readonly: true }
+            ],
+            loadAction: { url: 'inventoryitems/id' },
+            heroField: 'inventoryItemID'
+        };
+        this.inventoryItemDetailsConfig = {
+            formConfig: this.inventoryItemFormConfig,
+            heroField: 'inventoryItemID',
+            buttons: []
+        };
+        this.inventoryItemsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['productName', 'serialNumber', 'quantity'],
+            columns: [
+                { name: 'productName', type: 'text', alias: 'Product' },
+                { name: 'serialNumber', type: 'text', alias: 'Serial Number' },
+                { 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: 'receivedDate', type: 'date', alias: 'Received Date' }
+            ],
+            buttons: [
+                { name: 'view', dialog: true, detailsConfig: this.inventoryItemDetailsConfig }
+            ],
+            loadAction: { url: 'inventoryitems/all/x' },
+            formConfig: this.inventoryItemFormConfig
+        };
+        //--------------------------Inventory Adjustments-------------------------
+        this.inventoryAdjustmentFormConfig = {
+            security: { allow: [this.dataService.capInventoryAdjustments] },
+            title: 'Inventory Adjustment',
+            includeAudit: true,
+            fields: [
+                { name: 'adjustmentNumber', type: 'text', alias: 'Adjustment #', readonly: true },
+                { name: 'productName', type: 'text', alias: 'Product', readonly: true },
+                { name: 'reason', type: 'text', alias: 'Reason', readonly: true },
+                { name: 'adjustmentQuantity', type: 'number', alias: 'Quantity', readonly: true },
+                { name: 'adjustmentDate', type: 'date', alias: 'Date', readonly: true },
+                { name: 'pendingApproval', type: 'checkbox', alias: 'Pending', readonly: true }
+            ],
+            loadAction: { url: 'inventoryadjustments/id' },
+            heroField: 'inventoryAdjustmentID'
+        };
+        this.inventoryAdjustmentDetailsConfig = {
+            formConfig: this.inventoryAdjustmentFormConfig,
+            heroField: 'inventoryAdjustmentID',
+            buttons: []
+        };
+        this.inventoryAdjustmentsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['adjustmentNumber', 'productName', 'reason'],
+            columns: [
+                { name: 'adjustmentNumber', type: 'text', alias: 'Adjustment #' },
+                { name: 'productName', type: 'text', alias: 'Product' },
+                { name: 'reason', type: 'text', alias: 'Reason' },
+                { name: 'adjustmentQuantity', type: 'number', alias: 'Quantity' },
+                { name: 'adjustmentDate', type: 'date', alias: 'Date' },
+                { name: 'pendingApproval', type: 'checkbox', alias: 'Pending' }
+            ],
+            buttons: [
+                { name: 'view', dialog: true, detailsConfig: this.inventoryAdjustmentDetailsConfig }
+            ],
+            loadAction: { url: 'inventoryadjustments/all/x' },
+            formConfig: this.inventoryAdjustmentFormConfig
+        };
+        //--------------------------Inventory Transactions-------------------------
+        this.inventoryTransactionFormConfig = {
+            security: { allow: [this.dataService.capInventoryTransactions] },
+            title: 'Inventory Transaction',
+            includeAudit: true,
+            fields: [
+                { name: 'productName', type: 'text', alias: 'Product', readonly: true },
+                { name: 'transactionType', type: 'text', alias: 'Type', readonly: true },
+                { name: 'quantity', type: 'number', alias: 'Quantity', readonly: true },
+                { name: 'unitCost', type: 'money', alias: 'Unit Cost', readonly: true },
+                { name: 'totalValue', type: 'money', alias: 'Total Value', readonly: true },
+                { name: 'transactionDate', type: 'date', alias: 'Date', readonly: true },
+                { name: 'referenceType', type: 'text', alias: 'Reference', readonly: true }
+            ],
+            loadAction: { url: 'inventorytransactions/id' },
+            heroField: 'inventoryTransactionID'
+        };
+        this.inventoryTransactionDetailsConfig = {
+            formConfig: this.inventoryTransactionFormConfig,
+            heroField: 'inventoryTransactionID',
+            buttons: []
+        };
+        this.inventoryTransactionsTableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            minColumns: ['productName', 'transactionType', 'quantity'],
+            columns: [
+                { 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: [
+                { name: 'view', dialog: true, detailsConfig: this.inventoryTransactionDetailsConfig }
+            ],
+            loadAction: { url: 'inventorytransactions/all/x' },
+            formConfig: this.inventoryTransactionFormConfig
+        };
+        // Changed: Assign productDetailsConfig in constructor
+        this.productDetailsConfig = {
+            formConfig: this.productFormConfig,
+            heroField: 'productID',
+            buttons: [this.productCreateButton, this.productEditButton, this.productDeleteButton]
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 // Functional guard for Angular 15+ (replaces deprecated class-based CanActivate)
 const authGuard = (route, state) => {
     const authService = inject(AuthService);
@@ -11259,6 +12138,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
             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);
@@ -11327,7 +12270,7 @@ class TinSpaModule {
             TableLiteComponent, DetailsDialogLite, ApprovalsComponent, ApprovalsConfigComponent, MultiTextComponent,
             MultiSelectComponent, SelectBitwiseComponent, AppModelsComponent, NotificationsConfigComponent,
             HtmlComponent, NotesComponent, CapsulesComponent, CardsComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-            AccountsComponent, TransactionTypesComponent, TransactionsComponent,
+            AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
             LoanProductsComponent, LoansComponent, LoanPaymentsComponent], imports: [SpaMatModule,
             HttpClientModule,
             CurrencyInputModule,
@@ -11369,7 +12312,7 @@ class TinSpaModule {
             HtmlComponent,
             NotesComponent,
             CapsulesComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-            AccountsComponent, TransactionTypesComponent, TransactionsComponent,
+            AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
             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 },
@@ -11399,7 +12342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         TableLiteComponent, DetailsDialogLite, ApprovalsComponent, ApprovalsConfigComponent, MultiTextComponent,
                         MultiSelectComponent, SelectBitwiseComponent, AppModelsComponent, NotificationsConfigComponent,
                         HtmlComponent, NotesComponent, CapsulesComponent, CardsComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-                        AccountsComponent, TransactionTypesComponent, TransactionsComponent,
+                        AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
                         LoanProductsComponent, LoansComponent, LoanPaymentsComponent
                     ],
                     imports: [
@@ -11447,7 +12390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         HtmlComponent,
                         NotesComponent,
                         CapsulesComponent, TabsComponent, StatusesComponent, GroupsComponent, TitleActionsComponent,
-                        AccountsComponent, TransactionTypesComponent, TransactionsComponent,
+                        AccountsComponent, TransactionTypesComponent, TransactionsComponent, InvoicesComponent, OutstandingInvoicesComponent,
                         LoanProductsComponent, LoansComponent, LoanPaymentsComponent
                     ],
                     providers: [
@@ -12443,6 +13386,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 type: Input
             }] } });
 
+class CategoriesComponent {
+    constructor() {
+        this.generalService = inject(GeneralService);
+        this.pageConfig = {
+            title: 'Categories',
+            tableConfig: this.generalService.categoriesTableConfig
+        };
+    }
+    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"] }] }); }
+}
+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" }]
+        }] });
+
+class SubCategoriesComponent {
+    constructor() {
+        this.generalService = inject(GeneralService);
+        this.pageConfig = {
+            title: 'Sub Categories',
+            tableConfig: this.generalService.subCategoriesTableConfig
+        };
+    }
+    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"] }] }); }
+}
+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" }]
+        }] });
+
+class BrandsComponent {
+    constructor() {
+        this.generalService = inject(GeneralService);
+        this.pageConfig = {
+            title: 'Brands',
+            tableConfig: this.generalService.brandsTableConfig
+        };
+    }
+    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"] }] }); }
+}
+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" }]
+        }] });
+
 class SpaAdminModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SpaAdminModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: SpaAdminModule, declarations: [UsersComponent,
@@ -12450,7 +13441,10 @@ class SpaAdminModule {
             addRoleDialog,
             CreateAccountComponent,
             LogsComponent,
-            SettingsComponent], imports: [i2$2.ReactiveFormsModule, CommonModule,
+            SettingsComponent,
+            CategoriesComponent,
+            SubCategoriesComponent,
+            BrandsComponent], imports: [i2$2.ReactiveFormsModule, CommonModule,
             FormsModule,
             ReactiveFormsModule,
             TinSpaModule], exports: [CommonModule,
@@ -12461,7 +13455,10 @@ class SpaAdminModule {
             addRoleDialog,
             CreateAccountComponent,
             LogsComponent,
-            SettingsComponent] }); }
+            SettingsComponent,
+            CategoriesComponent,
+            SubCategoriesComponent,
+            BrandsComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SpaAdminModule, imports: [ReactiveFormsModule.withConfig({ warnOnNgModelWithFormControl: "never" }),
             CommonModule,
             FormsModule,
@@ -12480,6 +13477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         CreateAccountComponent,
                         LogsComponent,
                         SettingsComponent,
+                        CategoriesComponent,
+                        SubCategoriesComponent,
+                        BrandsComponent
                     ],
                     imports: [
                         ReactiveFormsModule.withConfig({ warnOnNgModelWithFormControl: "never" }),
@@ -12498,6 +13498,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         CreateAccountComponent,
                         LogsComponent,
                         SettingsComponent,
+                        CategoriesComponent,
+                        SubCategoriesComponent,
+                        BrandsComponent
                     ],
                 }]
         }] });
@@ -12543,6 +13546,260 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 }]
         }] });
 
+// Component now uses centralized inventory service for configurations
+class ProductsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Products',
+            tableConfig: this.inventoryService.productsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ProductsComponent, isStandalone: true, selector: "spa-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: ProductsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-products',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                    template: '<spa-page [config]="pageConfig"></spa-page>'
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class InventoryItemsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Inventory Items',
+            tableConfig: this.inventoryService.inventoryItemsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryItemsComponent, isStandalone: true, selector: "spa-inventory-items", 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: InventoryItemsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-items',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class InventoryReceiptsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Inventory Receipts',
+            tableConfig: this.inventoryService.inventoryReceiptsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryReceiptsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryReceiptsComponent, isStandalone: true, selector: "spa-inventory-receipts", 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: InventoryReceiptsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-receipts',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class RequisitionsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Requisitions',
+            tableConfig: this.inventoryService.requisitionsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RequisitionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: RequisitionsComponent, isStandalone: true, selector: "spa-requisitions", 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: RequisitionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-requisitions',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class SalesOrdersComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Sales Orders',
+            tableConfig: this.inventoryService.salesOrdersTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SalesOrdersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SalesOrdersComponent, isStandalone: true, selector: "spa-sales-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: SalesOrdersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-sales-orders',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+// Component now uses centralized inventory service for configurations
+class InventoryAdjustmentsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Inventory Adjustments',
+            tableConfig: this.inventoryService.inventoryAdjustmentsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryAdjustmentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryAdjustmentsComponent, isStandalone: true, selector: "spa-inventory-adjustments", 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: InventoryAdjustmentsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-adjustments',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+class InventoryReturnsComponent {
+    constructor() {
+        this.tableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            columns: [
+                { name: 'returnNumber', type: 'text', alias: 'Return #' },
+                { name: 'returnType', type: 'text', alias: 'Type' },
+                { name: 'entityName', type: 'text', alias: 'Customer/Supplier' },
+                { name: 'returnDate', type: 'date', alias: 'Date' },
+                { name: 'totalAmount', type: 'money', alias: 'Total' },
+                { name: 'status', type: 'text', alias: 'Status' }
+            ],
+            buttons: [
+                { name: 'view', dialog: true }
+            ],
+            loadAction: { url: 'inventoryreturns/all/x' }
+        };
+        this.pageConfig = {
+            title: 'Inventory Returns',
+            tableConfig: this.tableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryReturnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryReturnsComponent, isStandalone: true, selector: "spa-inventory-returns", 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: InventoryReturnsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-returns',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }], ctorParameters: () => [] });
+
+class RequisitionReturnsComponent {
+    constructor() {
+        this.tableConfig = {
+            showFilter: true,
+            flatButtons: true,
+            columns: [
+                { name: 'returnNumber', type: 'text', alias: 'Return #' },
+                { name: 'originalRequisitionNumber', type: 'text', alias: 'Original Requisition' },
+                { name: 'returningUserName', type: 'text', alias: 'Returned By' },
+                { name: 'returnDate', type: 'date', alias: 'Date' },
+                { name: 'reason', type: 'text', alias: 'Reason' }
+            ],
+            buttons: [
+                { name: 'view', dialog: true }
+            ],
+            loadAction: { url: 'requisitionreturns/all/x' }
+        };
+        this.pageConfig = {
+            title: 'Requisition Returns',
+            tableConfig: this.tableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RequisitionReturnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: RequisitionReturnsComponent, isStandalone: true, selector: "spa-requisition-returns", 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: RequisitionReturnsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-requisition-returns',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }], ctorParameters: () => [] });
+
+// Component now uses centralized inventory service for configurations
+class InventoryTransactionsComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.pageConfig = {
+            title: 'Inventory Transactions',
+            tableConfig: this.inventoryService.inventoryTransactionsTableConfig
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryTransactionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryTransactionsComponent, isStandalone: true, selector: "spa-inventory-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: InventoryTransactionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-transactions',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }] });
+
+class InventoryDashboardComponent {
+    constructor() {
+        this.pageConfig = {
+            title: 'Inventory Dashboard'
+        };
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InventoryDashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: InventoryDashboardComponent, isStandalone: true, selector: "spa-inventory-dashboard", 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: InventoryDashboardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spa-inventory-dashboard',
+                    template: '<spa-page [config]="pageConfig"></spa-page>',
+                    standalone: true,
+                    imports: [TinSpaModule],
+                }]
+        }], ctorParameters: () => [] });
+
 const routes$1 = [
     { path: "users", component: UsersComponent },
     { path: "roles", component: RolesComponent },
@@ -12556,6 +13813,9 @@ const routes$1 = [
     { path: "plans", component: PlansComponent },
     { path: "customers", component: CustomersComponent },
     { path: "suppliers", component: SuppliersComponent },
+    { path: "categories", component: CategoriesComponent },
+    { path: "subcategories", component: SubCategoriesComponent },
+    { path: "brands", component: BrandsComponent },
     { path: "tasks", component: TasksComponent },
     { path: "employees", component: EmployeesComponent },
     { path: "departments", component: DepartmentsComponent },
@@ -12570,9 +13830,21 @@ const routes$1 = [
     { path: "accounting-accounts", component: AccountsComponent },
     { path: "accounting-transaction-types", component: TransactionTypesComponent },
     { path: "accounting-transactions", component: TransactionsComponent },
+    { path: "accounting-invoices", component: InvoicesComponent },
+    { path: "accounting-outstanding-invoices", component: OutstandingInvoicesComponent },
     { path: "loans-products", component: LoanProductsComponent },
     { path: "loans", component: LoansComponent },
-    { path: "loans-payments", component: LoanPaymentsComponent }
+    { path: "loans-payments", component: LoanPaymentsComponent },
+    { path: "inventory-products", component: ProductsComponent },
+    { path: "inventory-items", component: InventoryItemsComponent },
+    { path: "inventory-receipts", component: InventoryReceiptsComponent },
+    { path: "inventory-requisitions", component: RequisitionsComponent },
+    { path: "inventory-sales-orders", component: SalesOrdersComponent },
+    { 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 }
 ];
 class AdminRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AdminRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -12655,5 +13927,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccountsComponent as AccountingAccountsComponent, AccountingService, TransactionTypesComponent as AccountingTransactionTypesComponent, TransactionsComponent as AccountingTransactionsComponent, Action, ActivityComponent, AdminModule, AlertComponent, AlertConfig, AlertMessage, ApiResponse, AppConfig, AttachComponent, AuthService, CapItem, CapsulesComponent, ChangePasswordComponent, CheckComponent, ChipsComponent, Constants, Core, CreateAccountComponent, CustomersComponent, DataServiceLib, DateComponent, DatetimeComponent, DepartmentsComponent, DetailsDialog, DetailsDialogConfig, DetailsDialogProcessor, DetailsSource, DialogService, EmailComponent, EmployeesComponent, ExportService, FilterComponent, FormComponent, FormConfig, GradesComponent, GroupsComponent, HtmlComponent, HttpService, IndexModule, LabelComponent, ListDialogComponent, ListDialogConfig, LoaderComponent, LoaderService, LoanPaymentsComponent, LoanProductsComponent, LoansComponent, LoansService, LogService, LoginComponent, LogsComponent, MessageService, MoneyComponent, MovementType, MultiSelectComponent, MultiTextComponent, NavMenuComponent, NotesComponent, NotesConfig, NumberComponent, OptionComponent, PageComponent, PageConfig, PositionsComponent, ProfileComponent, RecoverAccountComponent, RoleAccess, RolesComponent, SearchComponent, SearchConfig, SecurityConfig, SelectBitwiseComponent, SelectComponent, SettingsComponent, SignupComponent, SpaAdminModule, SpaIndexModule, SpaMatModule, SpaUserModule, StatusesComponent, Step, StepConfig, StepsComponent, StorageService, SuppliersComponent, TableComponent, TableConfig, TabsComponent, TasksComponent, TextComponent, TileConfig, TilesComponent, TinSpaComponent, TinSpaModule, TinSpaService, TitleActionsComponent, UserModule, UsersComponent, ViewerComponent, WelcomeComponent, addRoleDialog, authGuard, dialogOptions, 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, 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 };
 //# sourceMappingURL=tin-spa.mjs.map