techlify-inventory-common 18.46.0 → 18.48.0

package/fesm2022/techlify-inventory-common.mjs

@@ -1,2 +1,2 @@
-export { a8 as ExportToExcelButtonComponent, a2 as IncidentFormButtonComponent, a1 as IncidentFormComponent, a0 as IncidentListComponent, _ as IncidentModule, $ as IncidentService, c as InventoryCommonModule, I as InventoryCommonRoutingModule, ac as LocationFormButtonComponent, ab as LocationFormComponent, aa as LocationListComponent, a9 as LocationModule, L as LocationService, O as MeasureModule, Q as MeasureService, Z as PayeeSelectorComponent, Y as PayeeSelectorModule, g as ProductBasicInfoComponent, o as ProductBatchUpdateFormComponent, h as ProductFormButtonComponent, f as ProductFormComponent, n as ProductFormService, p as ProductImportPageComponent, l as ProductListComponent, e as ProductModule, i as ProductQuickSearchComponent, k as ProductSearchComponent, j as ProductSearchModule, m as ProductService, q as ProductViewPageComponent, a7 as RatingFormButtonComponent, a6 as RatingFormComponent, a5 as RatingListComponent, a3 as RatingModule, a4 as RatingService, ah as ShelfFormButtonComponent, ag as ShelfFormComponent, af as ShelfListComponent, ad as ShelfModule, ae as ShelfService, v as StockIssueListComponent, r as StockIssueModule, s as StockIssuePageComponent, t as StockIssuePageModule, z as StockIssueProductFormButtonComponent, y as StockIssueProductFormComponent, w as StockIssueProductListComponent, x as StockIssueProductService, u as StockIssueSingleProductFormComponent, C as StockReceiptListComponent, B as StockReceiptPageComponent, H as StockReceiptProductFormButtonComponent, G as StockReceiptProductFormComponent, D as StockReceiptProductsListComponent, E as StockReceiptSingleProductFormComponent, F as StockReceiptViewComponent, A as StockReceiptsModule, d as StockSummaryService, K as StockTransferFormComponent, J as StockTransferListComponent, N as StockTransferService, U as SupplierFormButtonComponent, V as SupplierFormComponent, R as SupplierModule, X as SupplierTypeService, W as SuppliersListComponent, T as TechlifyFilterComponent, a as TechlifyFilterModule } from './techlify-inventory-common-techlify-inventory-common-D78OQ65o.mjs';
+export { aa as ExportToExcelButtonComponent, a4 as IncidentFormButtonComponent, a3 as IncidentFormComponent, a2 as IncidentListComponent, a0 as IncidentModule, a1 as IncidentService, f as InventoryCommonModule, I as InventoryCommonRoutingModule, ae as LocationFormButtonComponent, ad as LocationFormComponent, ac as LocationListComponent, ab as LocationModule, L as LocationService, R as MeasureModule, U as MeasureService, $ as PayeeSelectorComponent, _ as PayeeSelectorModule, j as ProductBasicInfoComponent, r as ProductBatchUpdateFormComponent, k as ProductFormButtonComponent, i as ProductFormComponent, q as ProductFormService, s as ProductImportPageComponent, o as ProductListComponent, h as ProductModule, l as ProductQuickSearchComponent, n as ProductSearchComponent, m as ProductSearchModule, p as ProductService, t as ProductViewPageComponent, a9 as RatingFormButtonComponent, a8 as RatingFormComponent, a7 as RatingListComponent, a5 as RatingModule, a6 as RatingService, aj as ShelfFormButtonComponent, ai as ShelfFormComponent, ah as ShelfListComponent, af as ShelfModule, ag as ShelfService, y as StockIssueListComponent, u as StockIssueModule, v as StockIssuePageComponent, w as StockIssuePageModule, B as StockIssueProductFormButtonComponent, A as StockIssueProductFormComponent, z as StockIssueProductListComponent, d as StockIssueProductService, x as StockIssueSingleProductFormComponent, E as StockReceiptListComponent, D as StockReceiptPageComponent, K as StockReceiptProductFormButtonComponent, J as StockReceiptProductFormComponent, F as StockReceiptProductsListComponent, G as StockReceiptSingleProductFormComponent, H as StockReceiptViewComponent, C as StockReceiptsModule, g as StockSummaryService, O as StockTransferFormComponent, N as StockTransferListComponent, Q as StockTransferService, W as SupplierFormButtonComponent, X as SupplierFormComponent, V as SupplierModule, Z as SupplierTypeService, Y as SuppliersListComponent, T as TechlifyFilterComponent, a as TechlifyFilterModule } from './techlify-inventory-common-techlify-inventory-common-DuAN6iqX.mjs';
 //# sourceMappingURL=techlify-inventory-common.mjs.map

package/lib/inventory-common/location/location-selector/location-selector.component.d.ts

@@ -16,6 +16,7 @@ export declare class LocationSelectorComponent implements ControlValueAccessor,
     appearance: import("@angular/core").InputSignal<MatFormFieldAppearance>;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
+    hint: import("@angular/core").InputSignal<string | undefined>;
     includeNone: import("@angular/core").InputSignal<boolean>;
     isSubLocationEnabled: import("@angular/core").WritableSignal<boolean>;
     locations: HierarchicalLocation[];
@@ -40,6 +41,6 @@ export declare class LocationSelectorComponent implements ControlValueAccessor,
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocationSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LocationSelectorComponent, "app-location-selector", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "includeNone": { "alias": "includeNone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LocationSelectorComponent, "app-location-selector", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "includeNone": { "alias": "includeNone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/inventory-common/recipient/recipient-form/recipient-form.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { FormValidatorService, TechlifyFormComponent } from 'ngx-techlify-core';
+import { RecipientService } from '../recipient.service';
+import * as i0 from "@angular/core";
+export declare class RecipientFormComponent extends TechlifyFormComponent implements OnInit {
+    protected formValidatorService: FormValidatorService;
+    private formBuilder;
+    protected service: RecipientService;
+    dialogRef: MatDialogRef<RecipientFormComponent>;
+    data: {
+        model?: any;
+    };
+    constructor(formValidatorService: FormValidatorService, formBuilder: FormBuilder, service: RecipientService, dialogRef: MatDialogRef<RecipientFormComponent>, data: {
+        model?: any;
+    });
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecipientFormComponent, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecipientFormComponent, "app-recipient-form", never, {}, {}, never, never, true, never>;
+}

package/lib/inventory-common/recipient/recipient-list/recipient-list.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { TechlifyListComponent } from 'ngx-techlify-core';
+import { RecipientService } from '../recipient.service';
+import { RecipientFormComponent } from '../recipient-form/recipient-form.component';
+import * as i0 from "@angular/core";
+export declare class RecipientListComponent extends TechlifyListComponent implements OnInit {
+    private fb;
+    protected service: RecipientService;
+    recipientForm: import("@angular/core").WritableSignal<typeof RecipientFormComponent>;
+    displayedColumns: string[];
+    constructor(fb: FormBuilder, service: RecipientService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecipientListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecipientListComponent, "app-recipient-list", never, {}, {}, never, never, false, never>;
+}

package/lib/inventory-common/recipient/recipient-routing.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export declare class RecipientRoutingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecipientRoutingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RecipientRoutingModule, never, [typeof i1.RouterModule], [typeof i1.RouterModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RecipientRoutingModule>;
+}

package/lib/inventory-common/recipient/recipient.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./recipient-list/recipient-list.component";
+import * as i2 from "./recipient-routing.module";
+import * as i3 from "../shared.module";
+export declare class RecipientModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecipientModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RecipientModule, [typeof i1.RecipientListComponent], [typeof i2.RecipientRoutingModule, typeof i3.SharedModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RecipientModule>;
+}

package/lib/inventory-common/recipient/recipient.service.d.ts

@@ -0,0 +1,7 @@
+import { HttpService, TechlifyService } from 'ngx-techlify-core';
+import * as i0 from "@angular/core";
+export declare class RecipientService extends TechlifyService {
+    constructor(httpService: HttpService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecipientService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RecipientService>;
+}

package/lib/inventory-common/reports/stock-issue-summary-report/stock-issue-summary-report.component.d.ts

@@ -3,8 +3,9 @@ import { TechlifyListComponent } from 'ngx-techlify-core';
 import { StockIssueProductDataService } from './stock-issue-product-data.service';
 import { FormBuilder } from '@angular/forms';
 import * as i0 from "@angular/core";
-interface LocationGroup {
-    location: any;
+interface PrimaryGroup {
+    id: number | null;
+    label: string;
     models: any[];
     grand_total_quantity: number;
     grand_total_avco: number;
@@ -14,16 +15,9 @@ export declare class StockIssueSummaryReportComponent extends TechlifyListCompon
     protected service: StockIssueProductDataService;
     private fb;
     displayedColumns: string[];
-    locationGroups: import("@angular/core").WritableSignal<LocationGroup[]>;
-    selectedLocations: any[];
+    primaryGroups: import("@angular/core").WritableSignal<PrimaryGroup[]>;
     constructor(service: StockIssueProductDataService, fb: FormBuilder);
     ngOnInit(): void;
-    onLocationsChange(locations: any[]): void;
-    /**
-     * For each selected location we hit the API once, so every location gets its
-     * own aggregated result set (and its own table). Data is only loaded once at
-     * least one location is selected.
-     */
     loadData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockIssueSummaryReportComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueSummaryReportComponent, "app-stock-issue-summary-report", never, {}, {}, never, never, true, never>;

package/lib/inventory-common/shared.module.d.ts

@@ -3,10 +3,11 @@ import * as i1 from "ngx-techlify-core";
 import * as i2 from "ngx-infinite-scroll";
 import * as i3 from "@angular/common";
 import * as i4 from "./material.module";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/router";
+import * as i5 from "ngx-permissions";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/router";
 export declare class SharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, never, [typeof i1.TechlifyDeleteButtonComponent, typeof i1.TechlifyFormButtonComponent, typeof i2.InfiniteScrollDirective], [typeof i3.CommonModule, typeof i2.InfiniteScrollDirective, typeof i4.MaterialModule, typeof i5.ReactiveFormsModule, typeof i6.RouterModule, typeof i1.SearchableSelectorModule, typeof i1.TechlifyDeleteButtonComponent, typeof i1.TechlifyFormButtonComponent, typeof i1.TechlifyIconModule, typeof i1.TimelineFilterModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, never, [typeof i1.TechlifyDeleteButtonComponent, typeof i1.TechlifyFormButtonComponent, typeof i2.InfiniteScrollDirective], [typeof i3.CommonModule, typeof i1.FormConfigurationForFormModule, typeof i2.InfiniteScrollDirective, typeof i4.MaterialModule, typeof i5.NgxPermissionsModule, typeof i6.ReactiveFormsModule, typeof i7.RouterModule, typeof i1.SearchableSelectorModule, typeof i1.TechlifyDeleteButtonComponent, typeof i1.TechlifyFormButtonComponent, typeof i1.TechlifyIconModule, typeof i1.TimelineFilterModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/lib/inventory-common/stock-allocation/stock-allocation-list/stock-allocation-list.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { ColumnConfig, TechlifyListComponent } from 'ngx-techlify-core';
+import { StockAllocationService } from '../stock-allocation.service';
+import * as i0 from "@angular/core";
+export declare class StockAllocationListComponent extends TechlifyListComponent implements OnInit {
+    protected service: StockAllocationService;
+    private formBuilder;
+    stockIssueProductId: import("@angular/core").InputSignal<number | null>;
+    stockReceiptProductId: import("@angular/core").InputSignal<number | null>;
+    selectedColumns: import("@angular/core").ModelSignal<ColumnConfig[]>;
+    columnConfig: ColumnConfig[];
+    get displayedColumns(): string[];
+    constructor(service: StockAllocationService, formBuilder: FormBuilder);
+    ngOnInit(): void;
+    loadData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StockAllocationListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockAllocationListComponent, "app-stock-allocation-list", never, { "stockIssueProductId": { "alias": "stockIssueProductId"; "required": false; "isSignal": true; }; "stockReceiptProductId": { "alias": "stockReceiptProductId"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; }, { "selectedColumns": "selectedColumnsChange"; }, never, never, true, never>;
+}

package/lib/inventory-common/stock-allocation/stock-allocation.service.d.ts

@@ -0,0 +1,7 @@
+import { HttpService, TechlifyService } from 'ngx-techlify-core';
+import * as i0 from "@angular/core";
+export declare class StockAllocationService extends TechlifyService {
+    constructor(httpService: HttpService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StockAllocationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StockAllocationService>;
+}

package/lib/inventory-common/stock-issue/stock-issue-form/stock-issue-form.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit } from "@angular/core";
 import { FormArray, FormBuilder } from '@angular/forms';
-import { FormValidatorService, TechlifyFormComponent } from "ngx-techlify-core";
+import { FormConfigurationFormService, FormConfigurationUtilityService, FormValidatorService, TechlifyFormComponent } from "ngx-techlify-core";
 import { Location } from '@angular/common';
 import { StockIssueService } from '../stock-issue.service';
 import { ActivatedRoute } from '@angular/router';
@@ -13,20 +13,22 @@ export declare class StockIssueFormComponent extends TechlifyFormComponent imple
     private route;
     private locationService;
     private location;
+    private formConfigService;
     locationCount: import("@angular/core").WritableSignal<number>;
     stockIssue: import("@angular/core").WritableSignal<any>;
     issuableData: import("@angular/core").WritableSignal<{
         issuable_type: String;
         issuable_id: number;
     } | null>;
-    constructor(formValidatorService: FormValidatorService, fb: FormBuilder, stockIssueService: StockIssueService, route: ActivatedRoute, locationService: LocationService, location: Location);
+    formConfigurationUtilityService: FormConfigurationUtilityService;
+    constructor(formValidatorService: FormValidatorService, fb: FormBuilder, stockIssueService: StockIssueService, route: ActivatedRoute, locationService: LocationService, location: Location, formConfigService: FormConfigurationFormService);
     ngOnInit(): void;
     private loadStockIssue;
     get stockIssueProducts(): FormArray;
     createStockIssueProduct(): import("@angular/forms").FormGroup<{
         id: import("@angular/forms").FormControl<string | null>;
         product_id: import("@angular/forms").FormControl<string | null>;
-        location_id: import("@angular/forms").FormControl<string | null>;
+        location_from_id: import("@angular/forms").FormControl<string | null>;
         quantity: import("@angular/forms").FormControl<number | null>;
         particulars: import("@angular/forms").FormControl<string | null>;
         issuable_id: import("@angular/forms").FormControl<string | number | null>;

package/lib/inventory-common/stock-issue/stock-issue-list/stock-issue-list.component.d.ts

@@ -9,7 +9,7 @@ export declare class StockIssueListComponent extends TechlifyListComponent imple
     private formBuilder;
     private router;
     private featureService;
-    filters: import("@angular/core").InputSignal<any>;
+    filtersInput: import("@angular/core").InputSignal<any>;
     selectedColumns: import("@angular/core").InputSignal<ColumnConfig[]>;
     exportInProgress: import("@angular/core").InputSignal<boolean>;
     listUpdated: import("@angular/core").OutputEmitterRef<any>;
@@ -29,5 +29,5 @@ export declare class StockIssueListComponent extends TechlifyListComponent imple
     private loadFeatures;
     redirectToView(model: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockIssueListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueListComponent, "app-stock-issue-list", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; "issuableData": { "alias": "issuableData"; "required": false; "isSignal": true; }; }, { "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueListComponent, "app-stock-issue-list", never, { "filtersInput": { "alias": "filters"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; "issuableData": { "alias": "issuableData"; "required": false; "isSignal": true; }; }, { "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
 }

package/lib/inventory-common/stock-issue/stock-issue-product-view/stock-issue-product-view.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { Location } from '@angular/common';
+import { ActivatedRoute } from '@angular/router';
+import { StockIssueProductService } from '../stock-issue-product.service';
+import * as i0 from "@angular/core";
+export declare class StockIssueProductViewComponent implements OnInit {
+    private activatedRoute;
+    protected service: StockIssueProductService;
+    private location;
+    id: number;
+    isLoading: boolean;
+    model: any;
+    constructor(activatedRoute: ActivatedRoute, service: StockIssueProductService, location: Location);
+    ngOnInit(): void;
+    loadData(): void;
+    redirectBack(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StockIssueProductViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueProductViewComponent, "app-stock-issue-product-view", never, {}, {}, never, never, true, never>;
+}

package/lib/inventory-common/stock-issue/stock-issue-products-list/stock-issue-products-list.component.d.ts

@@ -11,7 +11,7 @@ export declare class StockIssueProductListComponent extends TechlifyListComponen
     private formBuilder;
     private featureService;
     private datePipe;
-    filters: import("@angular/core").InputSignal<any>;
+    filtersInput: import("@angular/core").InputSignal<any>;
     isProductView: import("@angular/core").InputSignal<boolean>;
     product: import("@angular/core").InputSignal<any>;
     stockIssueSingleProductForm: import("@angular/core").WritableSignal<typeof StockIssueSingleProductFormComponent>;
@@ -36,5 +36,5 @@ export declare class StockIssueProductListComponent extends TechlifyListComponen
     loadData(): void;
     private loadFeatures;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockIssueProductListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueProductListComponent, "app-stock-issue-products-list", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "isProductView": { "alias": "isProductView"; "required": false; "isSignal": true; }; "product": { "alias": "product"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; "issuableData": { "alias": "issuableData"; "required": false; "isSignal": true; }; }, { "selectedColumns": "selectedColumnsChange"; "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueProductListComponent, "app-stock-issue-products-list", never, { "filtersInput": { "alias": "filters"; "required": false; "isSignal": true; }; "isProductView": { "alias": "isProductView"; "required": false; "isSignal": true; }; "product": { "alias": "product"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; "issuableData": { "alias": "issuableData"; "required": false; "isSignal": true; }; }, { "selectedColumns": "selectedColumnsChange"; "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
 }

package/lib/inventory-common/stock-issue/stock-issue-single-product-form/stock-issue-single-product-form.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { DateUtils, FormValidatorService, SearchableSelectorComponent, TechlifyFormComponent } from 'ngx-techlify-core';
+import { DateUtils, FormConfigurationFormService, FormConfigurationUtilityService, FormValidatorService, SearchableSelectorComponent, TechlifyFormComponent } from 'ngx-techlify-core';
 import { FormBuilder } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
 import { StockIssueService } from '../stock-issue.service';
@@ -11,6 +11,7 @@ export declare class StockIssueSingleProductFormComponent extends TechlifyFormCo
     private formBuilder;
     private dateUtils;
     private locationService;
+    private formConfigService;
     dialogRef: MatDialogRef<StockIssueSingleProductFormComponent>;
     data: {
         model?: any;
@@ -22,7 +23,8 @@ export declare class StockIssueSingleProductFormComponent extends TechlifyFormCo
     private locationsCountValue;
     batchesApiUrl: string;
     isBatchPatched: boolean;
-    constructor(formValidatorService: FormValidatorService, service: StockIssueService, formBuilder: FormBuilder, dateUtils: DateUtils, locationService: LocationService, dialogRef: MatDialogRef<StockIssueSingleProductFormComponent>, data: {
+    formConfigurationUtilityService: FormConfigurationUtilityService;
+    constructor(formValidatorService: FormValidatorService, service: StockIssueService, formBuilder: FormBuilder, dateUtils: DateUtils, locationService: LocationService, formConfigService: FormConfigurationFormService, dialogRef: MatDialogRef<StockIssueSingleProductFormComponent>, data: {
         model?: any;
         product?: any;
     });
@@ -35,6 +37,6 @@ export declare class StockIssueSingleProductFormComponent extends TechlifyFormCo
     onProductChange(product: any): void;
     onBatchItemsChange(): void;
     private resetBatchSelector;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StockIssueSingleProductFormComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StockIssueSingleProductFormComponent, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StockIssueSingleProductFormComponent, "app-stock-issue-single-product-form", never, {}, {}, never, never, true, never>;
 }

package/lib/inventory-common/stock-receipts/stock-receipt-list/stock-receipt-list.component.d.ts

@@ -9,7 +9,7 @@ export declare class StockReceiptListComponent extends TechlifyListComponent imp
     private formBuilder;
     private router;
     private featureService;
-    filters: import("@angular/core").InputSignal<any>;
+    filtersInput: import("@angular/core").InputSignal<any>;
     selectedColumns: import("@angular/core").InputSignal<ColumnConfig[]>;
     exportInProgress: import("@angular/core").InputSignal<boolean>;
     listUpdated: import("@angular/core").OutputEmitterRef<any>;
@@ -26,5 +26,5 @@ export declare class StockReceiptListComponent extends TechlifyListComponent imp
     redirectToView(model: any): void;
     getStockReceiptDeleteTitle(model: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockReceiptListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StockReceiptListComponent, "app-stock-receipt-list", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; }, { "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockReceiptListComponent, "app-stock-receipt-list", never, { "filtersInput": { "alias": "filters"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; }, { "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
 }

package/lib/inventory-common/stock-receipts/stock-receipt-product-list/stock-receipt-product-list.component.d.ts

@@ -8,7 +8,7 @@ export declare class StockReceiptProductsListComponent extends TechlifyListCompo
     protected service: StockReceiptProductService;
     private formBuilder;
     private featureService;
-    filters: import("@angular/core").InputSignal<any>;
+    filtersInput: import("@angular/core").InputSignal<any>;
     isProductView: import("@angular/core").InputSignal<boolean>;
     selectedColumns: import("@angular/core").InputSignal<ColumnConfig[]>;
     exportInProgress: import("@angular/core").InputSignal<boolean>;
@@ -27,5 +27,5 @@ export declare class StockReceiptProductsListComponent extends TechlifyListCompo
     ngOnInit(): void;
     private loadFeatures;
     static ɵfac: i0.ɵɵFactoryDeclaration<StockReceiptProductsListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StockReceiptProductsListComponent, "app-stock-receipt-product-list", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "isProductView": { "alias": "isProductView"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; "product": { "alias": "product"; "required": false; "isSignal": true; }; }, { "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockReceiptProductsListComponent, "app-stock-receipt-product-list", never, { "filtersInput": { "alias": "filters"; "required": false; "isSignal": true; }; "isProductView": { "alias": "isProductView"; "required": false; "isSignal": true; }; "selectedColumns": { "alias": "selectedColumns"; "required": false; "isSignal": true; }; "exportInProgress": { "alias": "exportInProgress"; "required": false; "isSignal": true; }; "product": { "alias": "product"; "required": false; "isSignal": true; }; }, { "listUpdated": "listUpdated"; "columnConfigReady": "columnConfigReady"; }, never, never, false, never>;
 }

package/lib/inventory-common/stock-receipts/stock-receipt-product-view/stock-receipt-product-view.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { Location } from '@angular/common';
+import { ActivatedRoute } from '@angular/router';
+import { StockReceiptProductService } from '../stock-receipt-product.service';
+import * as i0 from "@angular/core";
+export declare class StockReceiptProductViewComponent implements OnInit {
+    private activatedRoute;
+    protected service: StockReceiptProductService;
+    private location;
+    id: number;
+    isLoading: boolean;
+    model: any;
+    constructor(activatedRoute: ActivatedRoute, service: StockReceiptProductService, location: Location);
+    ngOnInit(): void;
+    loadData(): void;
+    redirectBack(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StockReceiptProductViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StockReceiptProductViewComponent, "app-stock-receipt-product-view", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "techlify-inventory-common",
-  "version": "18.46.0",
+  "version": "18.48.0",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13"

package/fesm2022/techlify-inventory-common-stock-issue-form.component-CaLMvUGF.mjs

@@ -1,183 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, Component } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { Validators, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from 'ngx-techlify-core';
-import { TechlifyFormComponent, SearchableSelectorModule, TechlifyIconModule } from 'ngx-techlify-core';
-import { S as StockIssueService, L as LocationService, M as MaterialModule, b as LocationSelectorComponent } from './techlify-inventory-common-techlify-inventory-common-D78OQ65o.mjs';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import moment from 'moment';
-import * as i4 from '@angular/router';
-import * as i7 from '@angular/material/button';
-import * as i4$1 from '@angular/material/card';
-import * as i9 from '@angular/material/datepicker';
-import * as i6 from '@angular/material/form-field';
-import * as i11 from '@angular/material/icon';
-import * as i8 from '@angular/material/input';
-import * as i9$1 from '@angular/material/tooltip';
-
-class StockIssueFormComponent extends TechlifyFormComponent {
-    formValidatorService;
-    fb;
-    stockIssueService;
-    route;
-    locationService;
-    location;
-    locationCount = signal(0);
-    stockIssue = signal(null);
-    issuableData = signal(null);
-    constructor(formValidatorService, fb, stockIssueService, route, locationService, location) {
-        super(formValidatorService);
-        this.formValidatorService = formValidatorService;
-        this.fb = fb;
-        this.stockIssueService = stockIssueService;
-        this.route = route;
-        this.locationService = locationService;
-        this.location = location;
-        this.errorMessages = {
-            date: {
-                required: 'The date field is required.',
-            },
-        };
-        this.form = this.fb.group({
-            date: [new Date(), Validators.compose([Validators.required])],
-            particulars: [''],
-            stock_issue_products: this.fb.array([])
-        });
-    }
-    ngOnInit() {
-        this.locationService.count().subscribe((count) => {
-            this.locationCount.set(count);
-        });
-        const id = this.route.snapshot.paramMap.get('id');
-        if (id) {
-            this.loadStockIssue(+id);
-        }
-        else {
-            this.addStockIssueProduct();
-        }
-        this.route.queryParams.subscribe({
-            next: (params) => {
-                this.issuableData.set({
-                    issuable_type: params['issuable_type'],
-                    issuable_id: params['issuable_id']
-                });
-            }
-        });
-    }
-    loadStockIssue(id) {
-        this.isWorking = true;
-        this.stockIssueService.show(id, { with: 'stockIssueProducts.product' }).subscribe({
-            next: (response) => {
-                this.isWorking = false;
-                this.stockIssue.set(response.item);
-            },
-            error: () => {
-                this.isWorking = false;
-            },
-            complete: () => {
-                const issue = this.stockIssue();
-                this.form.patchValue({
-                    date: issue.date ? new Date(issue.date) : new Date(),
-                    particulars: issue.details,
-                });
-                this.stockIssueProducts.clear();
-                issue.stock_issue_products?.forEach((sip) => {
-                    const group = this.createStockIssueProduct();
-                    group.patchValue({
-                        id: sip.id,
-                        product_id: sip.product_id,
-                        location_id: sip.location_id,
-                        quantity: sip.quantity,
-                        particulars: sip.particulars,
-                    });
-                    this.stockIssueProducts.push(group);
-                });
-            }
-        });
-    }
-    get stockIssueProducts() {
-        return this.form.get('stock_issue_products');
-    }
-    createStockIssueProduct() {
-        return this.fb.group({
-            id: [''],
-            product_id: ['', Validators.required],
-            location_id: ['', this.locationCount() > 0 ? Validators.required : null],
-            quantity: [0, [Validators.required, Validators.min(0)]],
-            particulars: [''],
-            issuable_id: [this.issuableData()?.issuable_id ?? ''],
-            issuable_type: [this.issuableData()?.issuable_type ?? '']
-        });
-    }
-    addStockIssueProduct() {
-        this.stockIssueProducts.push(this.createStockIssueProduct());
-    }
-    removeStockIssueProduct(index) {
-        this.stockIssueProducts.removeAt(index);
-    }
-    clearProducts() {
-        this.stockIssueProducts.clear();
-    }
-    save() {
-        if (this.form.invalid) {
-            this.form.markAllAsTouched();
-            this.form.markAsDirty();
-            this.alertService.addAlert('Please check the form for errors.', 'error');
-            return;
-        }
-        if (this.stockIssueProducts.length === 0) {
-            this.alertService.addAlert('Please add at least one product.', 'error');
-            return;
-        }
-        const formData = this.form.getRawValue();
-        const data = {
-            id: this.stockIssue()?.id ?? null,
-            date: moment(formData.date).format('YYYY-MM-DD'),
-            details: formData.particulars,
-            products: formData.stock_issue_products.map((row) => ({
-                id: row.product_id,
-                product_id: row.product_id,
-                quantity: row.quantity,
-                location_id: row.location_id,
-                particulars: row.particulars,
-                issuable_id: row.issuable_id,
-                issuable_type: row.issuable_type
-            }))
-        };
-        this.isWorking = true;
-        const request$ = this.stockIssue()?.id
-            ? this.stockIssueService.update(data)
-            : this.stockIssueService.store(data);
-        request$.subscribe({
-            next: () => {
-                this.isWorking = false;
-                this.alertService.addAlert('Stock issues saved successfully!', 'success');
-                this.location.back();
-            },
-            error: () => {
-                this.isWorking = false;
-            }
-        });
-    }
-    cancel() {
-        this.location.back();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueFormComponent, deps: [{ token: i1.FormValidatorService }, { token: i2.FormBuilder }, { token: StockIssueService }, { token: i4.ActivatedRoute }, { token: LocationService }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StockIssueFormComponent, isStandalone: true, selector: "app-stock-issue-form", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i9.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i9.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i9$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: SearchableSelectorModule }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "isEmitInitialEvent", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: LocationSelectorComponent, selector: "app-location-selector", inputs: ["appearance", "label", "placeholder", "includeNone"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i1.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }], preserveWhitespaces: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-stock-issue-form', standalone: true, imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MaterialModule,
-                        SearchableSelectorModule,
-                        LocationSelectorComponent,
-                        TechlifyIconModule
-                    ], template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n" }]
-        }], ctorParameters: () => [{ type: i1.FormValidatorService }, { type: i2.FormBuilder }, { type: StockIssueService }, { type: i4.ActivatedRoute }, { type: LocationService }, { type: i3.Location }] });
-
-export { StockIssueFormComponent };
-//# sourceMappingURL=techlify-inventory-common-stock-issue-form.component-CaLMvUGF.mjs.map