techlify-inventory-common 18.51.0 → 22.0.0

package/fesm2022/techlify-inventory-common-stock-receipts.module-BPxUGNbD.mjs

@@ -0,0 +1,4195 @@
+import { n as ExportToExcelButtonComponent, t as ProductCategoryBadgesComponent } from "./techlify-inventory-common-product-category-badges.component-VnfnNhtV.mjs";
+import { t as MaterialModule$1 } from "./techlify-inventory-common-material.module-ClupVm7-.mjs";
+import { t as SharedModule } from "./techlify-inventory-common-shared.module-DP-FVqea.mjs";
+import { t as LocationService } from "./techlify-inventory-common-location.service-C99J8Lje.mjs";
+import { t as StockAllocationListComponent } from "./techlify-inventory-common-stock-allocation-list.component-Du-VCtbs.mjs";
+import { t as TechlifyFilterModule } from "./techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Injectable, Input, NgModule, Optional, effect, forwardRef, input, output, signal } from "@angular/core";
+import * as i9 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import moment from "moment";
+import * as i1 from "ngx-techlify-core";
+import { AuthenticationGuard, ColumnSelectorModule, EntityFilesViewAllModule, ImportCsvModule, NoteModule, SearchableSelectorModule, TechlifyDeleteButtonComponent, TechlifyFeatureModule, TechlifyFormButtonComponent, TechlifyFormComponent, TechlifyIconModule, TechlifyListComponent, TechlifyService, TimelineFilterModule } from "ngx-techlify-core";
+import * as i11 from "@angular/material/icon";
+import * as i6$1 from "@angular/material/card";
+import * as i7 from "@angular/material/table";
+import * as i5 from "@angular/material/progress-bar";
+import * as i10 from "ngx-infinite-scroll";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
+import * as i2$1 from "@angular/forms";
+import { FormControl, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, Validators } from "@angular/forms";
+import { debounceTime, finalize, startWith } from "rxjs";
+import { __decorate } from "tslib";
+import * as i4 from "@angular/material/dialog";
+import { MAT_DIALOG_DATA, MatDialogContent, MatDialogModule, MatDialogTitle } from "@angular/material/dialog";
+import * as i5$1 from "@angular/material/button";
+import * as i8$2 from "@angular/material/form-field";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import * as i9$1 from "@angular/material/input";
+import { UntilDestroy } from "@ngneat/until-destroy";
+import * as i6 from "@angular/material/sort";
+import * as i7$1 from "@angular/material/checkbox";
+import * as i8 from "@angular/material/tooltip";
+import * as i2 from "@angular/material/button-toggle";
+import * as i8$1 from "@angular/material/datepicker";
+import * as i13 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import { toSignal } from "@angular/core/rxjs-interop";
+var __defProp = Object.defineProperty;
+var __exportAll = (all, flags) => {
+	let target = Object.setPrototypeOf({}, null);
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!(flags & 1)) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return flags & 2 ? target : Object.preventExtensions(target);
+};
+var SupplierService = class SupplierService extends TechlifyService {
+	httpService;
+	constructor(httpService) {
+		super(httpService, "suppliers");
+		this.httpService = httpService;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: SupplierService,
+		deps: [{ token: i1.HttpService }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: SupplierService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: SupplierService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1.HttpService }]
+});
+var SupplierFormComponent = class SupplierFormComponent extends TechlifyFormComponent {
+	formValidatorService;
+	fb;
+	service;
+	dialogRef;
+	data;
+	errorMessages = {
+		company_name: { required: "Company Name is required" },
+		supplier_type_id: { required: "Supplier Type is required" },
+		address: { required: "The address field is required" }
+	};
+	isCreateAnother = new FormControl(false);
+	totalRecordSaved = signal(0, ...ngDevMode ? [{ debugName: "totalRecordSaved" }] : /* istanbul ignore next */ []);
+	constructor(formValidatorService, fb, service, dialogRef, data) {
+		super(formValidatorService, service);
+		this.formValidatorService = formValidatorService;
+		this.fb = fb;
+		this.service = service;
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.form = this.fb.group({
+			id: [""],
+			contact_name: [""],
+			company_name: ["", Validators.required],
+			details: [""],
+			address: ["", Validators.required],
+			phone: [""],
+			email: [""],
+			supplier_type_id: ["", Validators.required]
+		});
+	}
+	ngOnInit() {
+		const model = this.data?.model;
+		if (model) {
+			this.isUpdate = true;
+			this.form.patchValue(model);
+		}
+	}
+	submit() {
+		if (!this.isCreateAnother.value) {
+			super.submit();
+			return;
+		}
+		this.form.markAllAsTouched();
+		if (!this.form.valid) return;
+		this.isWorking = true;
+		const model = this.form.value;
+		(this.isUpdate ? this.service.update(model) : this.service.store(model)).pipe(finalize(() => this.isWorking = false)).subscribe((res) => {
+			this.createdEntries.unshift(res?.item);
+			this.totalRecordSaved.set(this.totalRecordSaved() + 1);
+			this.alertService.addAlert("Supplier saved successfully. You can create another one now.", "success");
+			this.form.reset();
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: SupplierFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: i2$1.FormBuilder },
+			{ token: SupplierService },
+			{ token: i4.MatDialogRef },
+			{
+				token: MAT_DIALOG_DATA,
+				optional: true
+			}
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: SupplierFormComponent,
+		isStandalone: true,
+		selector: "app-supplier-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Supplier Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field>\n      <mat-label>Company Name</mat-label>\n      <input autocomplete=\"off\" formControlName=\"company_name\" matInput placeholder=\"Company Name\" required />\n      @if (isFieldValid('company_name')) {\n      <mat-error>\n        {{ getErrorMessage('company_name') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field>\n      <mat-label>Contact Name</mat-label>\n      <input autocomplete=\"off\" formControlName=\"contact_name\" matInput placeholder=\"Contact Name\" />\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Types</mat-label>\n      <app-searchable-selector apiUrl=\"api/supplier-types\" formControlName=\"supplier_type_id\" titleField=\"title\">\n      </app-searchable-selector>\n      @if (isFieldValid('supplier_type_id')) {\n      <mat-error>\n        {{ getErrorMessage('supplier_type_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Phone</mat-label>\n      <input autocomplete=\"off\" formControlName=\"phone\" matInput placeholder=\"Phone\" />\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Email</mat-label>\n      <input autocomplete=\"off\" formControlName=\"email\" matInput placeholder=\"Email\" type=\"email\" />\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Address</mat-label>\n      <input autocomplete=\"off\" formControlName=\"address\" matInput placeholder=\"Address\" required />\n      @if (isFieldValid('address')) {\n      <mat-error>\n        {{ getErrorMessage('address') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Details</mat-label>\n      <input autocomplete=\"off\" formControlName=\"details\" matInput placeholder=\"Details\" />\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-between align-items-center gap-3\">\n      <div class=\"d-flex flex-row gap-2 align-items-center\">\n        <mat-checkbox [formControl]=\"isCreateAnother\">Create Another</mat-checkbox>\n        <small class=\"text-secondary\">({{ totalRecordSaved() }} records saved successfully)</small>\n      </div>\n\n      <div class=\"d-flex justify-content-end gap-2\">\n        <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"closeDialog()\">Cancel</button>\n        <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n      </div>\n    </div>\n  </form>\n</mat-card-content>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: i5$1.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			},
+			{
+				kind: "component",
+				type: i7$1.MatCheckbox,
+				selector: "mat-checkbox",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"aria-describedby",
+					"aria-expanded",
+					"aria-controls",
+					"aria-owns",
+					"id",
+					"required",
+					"labelPosition",
+					"name",
+					"value",
+					"disableRipple",
+					"tabIndex",
+					"color",
+					"disabledInteractive",
+					"checked",
+					"disabled",
+					"indeterminate"
+				],
+				outputs: ["change", "indeterminateChange"],
+				exportAs: ["matCheckbox"]
+			},
+			{
+				kind: "component",
+				type: i8$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i9$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlDirective,
+				selector: "[formControl]",
+				inputs: [
+					"formControl",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				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",
+					"isItemsEmpty"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: SupplierFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-supplier-form",
+			imports: [SharedModule],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Supplier Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field>\n      <mat-label>Company Name</mat-label>\n      <input autocomplete=\"off\" formControlName=\"company_name\" matInput placeholder=\"Company Name\" required />\n      @if (isFieldValid('company_name')) {\n      <mat-error>\n        {{ getErrorMessage('company_name') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    <mat-form-field>\n      <mat-label>Contact Name</mat-label>\n      <input autocomplete=\"off\" formControlName=\"contact_name\" matInput placeholder=\"Contact Name\" />\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Types</mat-label>\n      <app-searchable-selector apiUrl=\"api/supplier-types\" formControlName=\"supplier_type_id\" titleField=\"title\">\n      </app-searchable-selector>\n      @if (isFieldValid('supplier_type_id')) {\n      <mat-error>\n        {{ getErrorMessage('supplier_type_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Phone</mat-label>\n      <input autocomplete=\"off\" formControlName=\"phone\" matInput placeholder=\"Phone\" />\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Email</mat-label>\n      <input autocomplete=\"off\" formControlName=\"email\" matInput placeholder=\"Email\" type=\"email\" />\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Address</mat-label>\n      <input autocomplete=\"off\" formControlName=\"address\" matInput placeholder=\"Address\" required />\n      @if (isFieldValid('address')) {\n      <mat-error>\n        {{ getErrorMessage('address') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Details</mat-label>\n      <input autocomplete=\"off\" formControlName=\"details\" matInput placeholder=\"Details\" />\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-between align-items-center gap-3\">\n      <div class=\"d-flex flex-row gap-2 align-items-center\">\n        <mat-checkbox [formControl]=\"isCreateAnother\">Create Another</mat-checkbox>\n        <small class=\"text-secondary\">({{ totalRecordSaved() }} records saved successfully)</small>\n      </div>\n\n      <div class=\"d-flex justify-content-end gap-2\">\n        <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"closeDialog()\">Cancel</button>\n        <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n      </div>\n    </div>\n  </form>\n</mat-card-content>\n"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.FormValidatorService },
+		{ type: i2$1.FormBuilder },
+		{ type: SupplierService },
+		{ type: i4.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}, { type: Optional }]
+		}
+	]
+});
+var PayeeSelectorComponent = class PayeeSelectorComponent {
+	label = "Payee";
+	appearance = "fill";
+	required = false;
+	showAddButton = false;
+	multiple = false;
+	value;
+	onChange = () => {};
+	onTouch = () => {};
+	writeValue(value) {
+		this.value = value;
+		this.onChange(value);
+		this.onTouch(value);
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouch = fn;
+	}
+	SupplierFormComponent = SupplierFormComponent;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: PayeeSelectorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: PayeeSelectorComponent,
+		isStandalone: false,
+		selector: "app-payee-selector",
+		inputs: {
+			label: "label",
+			appearance: "appearance",
+			required: "required",
+			showAddButton: "showAddButton",
+			multiple: "multiple"
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => PayeeSelectorComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "<mat-form-field [appearance]=\"appearance\" class=\"w-100\">\n  <mat-label>{{ label }}</mat-label>\n  <app-searchable-selector\n    apiUrl=\"api/suppliers\"\n    titleField=\"company_name\"\n    sortBy=\"company_name|asc\"\n    [required]=\"required\"\n    [(ngModel)]=\"value\"\n    #payeeSelector=\"ngModel\"\n    name=\"payeeSelector\"\n    [add]=\"showAddButton\"\n    [itemComponent]=\"SupplierFormComponent\"\n    (ngModelChange)=\"onChange($event)\"\n    [addConfig]=\"{ width: '600px' }\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    [multiple]=\"multiple\"\n  >\n  </app-searchable-selector>\n  @if (payeeSelector.invalid && payeeSelector.touched) {\n  <mat-error> The payee field is required. </mat-error>\n  }\n</mat-form-field>\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: i8$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				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",
+					"isItemsEmpty"
+				]
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: PayeeSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-payee-selector",
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => PayeeSelectorComponent),
+				multi: true
+			}],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-form-field [appearance]=\"appearance\" class=\"w-100\">\n  <mat-label>{{ label }}</mat-label>\n  <app-searchable-selector\n    apiUrl=\"api/suppliers\"\n    titleField=\"company_name\"\n    sortBy=\"company_name|asc\"\n    [required]=\"required\"\n    [(ngModel)]=\"value\"\n    #payeeSelector=\"ngModel\"\n    name=\"payeeSelector\"\n    [add]=\"showAddButton\"\n    [itemComponent]=\"SupplierFormComponent\"\n    (ngModelChange)=\"onChange($event)\"\n    [addConfig]=\"{ width: '600px' }\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    [multiple]=\"multiple\"\n  >\n  </app-searchable-selector>\n  @if (payeeSelector.invalid && payeeSelector.touched) {\n  <mat-error> The payee field is required. </mat-error>\n  }\n</mat-form-field>\n"
+		}]
+	}],
+	propDecorators: {
+		label: [{ type: Input }],
+		appearance: [{ type: Input }],
+		required: [{ type: Input }],
+		showAddButton: [{ type: Input }],
+		multiple: [{ type: Input }]
+	}
+});
+var PayeeSelectorModule = class PayeeSelectorModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: PayeeSelectorModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: PayeeSelectorModule,
+		declarations: [PayeeSelectorComponent],
+		imports: [
+			CommonModule,
+			MatFormFieldModule,
+			ReactiveFormsModule,
+			SearchableSelectorModule,
+			FormsModule
+		],
+		exports: [PayeeSelectorComponent]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: PayeeSelectorModule,
+		imports: [
+			CommonModule,
+			MatFormFieldModule,
+			ReactiveFormsModule,
+			SearchableSelectorModule,
+			FormsModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: PayeeSelectorModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [PayeeSelectorComponent],
+			exports: [PayeeSelectorComponent],
+			imports: [
+				CommonModule,
+				MatFormFieldModule,
+				ReactiveFormsModule,
+				SearchableSelectorModule,
+				FormsModule
+			]
+		}]
+	}]
+});
+var StockReceiptService = class StockReceiptService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "stock-receipts");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptService,
+		deps: [{ token: i1.HttpService }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1.HttpService }]
+});
+var StockReceiptSingleProductFormComponent = class StockReceiptSingleProductFormComponent extends TechlifyFormComponent {
+	formValidatorService;
+	service;
+	formBuilder;
+	dateUtils;
+	locationService;
+	dialogRef;
+	data;
+	product;
+	locationsCountValue = 0;
+	constructor(formValidatorService, service, formBuilder, dateUtils, locationService, dialogRef, data) {
+		super(formValidatorService);
+		this.formValidatorService = formValidatorService;
+		this.service = service;
+		this.formBuilder = formBuilder;
+		this.dateUtils = dateUtils;
+		this.locationService = locationService;
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.errorMessages = {
+			date: { required: "The date field is required." },
+			quantity: { required: "The quantity field is required." },
+			purchase_price: { required: "The purchase price field is required." }
+		};
+		this.form = this.formBuilder.group({
+			id: [""],
+			product_id: [""],
+			supplier_id: [""],
+			location_id: [""],
+			date: [/* @__PURE__ */ new Date(), Validators.required],
+			quantity: [0, Validators.required],
+			purchase_price: [0, Validators.required],
+			amount: [0],
+			particulars: [""],
+			batch_number: [""],
+			expires_on: [""]
+		});
+	}
+	ngOnInit() {
+		this.product = this.data?.product;
+		const stockReceipt = this.data?.model;
+		this.locationService.count({ status_id: "1" }).subscribe((count) => {
+			this.locationsCountValue = count;
+		});
+		this.form.get("quantity")?.valueChanges.pipe(debounceTime(500)).subscribe(() => this.updateTotalAmount());
+		this.form.get("purchase_price")?.valueChanges.pipe(debounceTime(500)).subscribe(() => this.updateTotalAmount());
+		if (stockReceipt) {
+			this.isUpdate = true;
+			const receiptData = { ...stockReceipt };
+			if (receiptData.date) receiptData.date = new Date(receiptData.date);
+			if (receiptData?.batch) {
+				receiptData.batch_number = receiptData.batch?.batch_number;
+				receiptData.expires_on = receiptData.batch?.expires_on ? new Date(receiptData.batch.expires_on) : "";
+			}
+			this.form.patchValue(receiptData);
+			const srp = stockReceipt.stock_receipt_products?.[0];
+			if (srp) {
+				this.product = srp.product;
+				this.form.patchValue({
+					product_id: srp.product_id,
+					quantity: srp.quantity,
+					location_id: srp.location_id,
+					supplier_id: srp.supplier_id,
+					particulars: srp.particulars,
+					purchase_price: srp.purchase_price,
+					amount: srp.amount
+				});
+			}
+		} else if (this.product?.last_stock_receipt) {
+			const { quantity, purchase_price, location_id } = this.product.last_stock_receipt;
+			this.form.patchValue({
+				quantity: quantity ?? 0,
+				purchase_price: purchase_price ?? 0,
+				location_id
+			});
+		}
+	}
+	get locationsCount() {
+		return this.locationsCountValue;
+	}
+	save() {
+		if (this.form.invalid) {
+			this.form.markAllAsTouched();
+			this.alertService.addAlert("Please check the form for errors", "error");
+			return;
+		}
+		const data = {
+			...this.form.value,
+			products: [{
+				...this.form.value,
+				with: "batch",
+				id: this.product.id,
+				product_id: this.product.id
+			}]
+		};
+		if (data.date) data.date = this.dateUtils.getYYYYMMDDString(data.date);
+		if (data?.expires_on) data.expires_on = this.dateUtils.getYYYYMMDDString(data.expires_on);
+		this.isWorking = true;
+		let request = this.service.store(data);
+		if (this.isUpdate) request = this.service.update(data);
+		request.subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.dialogRef.close(response?.item.stock_receipt_products);
+				this.alertService.addAlert("Stock Receipt Saved Successfully!", "success");
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	updateTotalAmount() {
+		const { purchase_price, quantity } = this.form.value;
+		const amount = parseFloat(purchase_price) * parseFloat(quantity) || 0;
+		this.form.get("amount")?.setValue(amount);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptSingleProductFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: StockReceiptService },
+			{ token: i2$1.FormBuilder },
+			{ token: i1.DateUtils },
+			{ token: LocationService },
+			{
+				token: i4.MatDialogRef,
+				optional: true
+			},
+			{
+				token: MAT_DIALOG_DATA,
+				optional: true
+			}
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptSingleProductFormComponent,
+		isStandalone: true,
+		selector: "app-stock-receipt-single-product-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card-content>\n  <h5 class=\"text-center\">\n    Stock Receipt Form\n\n    @if (data.product) {\n    for {{data.product?.name}}\n    }\n  </h5>\n  <form [formGroup]=\"form\" class=\"d-flex flex-column gap-1 justify-content-start\" (submit)=\"save()\">\n    <app-payee-selector label=\"Supplier\" formControlName=\"supplier_id\" appearance=\"fill\"\n      [showAddButton]=\"true\"></app-payee-selector>\n\n    @if (locationsCount > 1) {\n    <mat-form-field appearance=\"fill\">\n      <mat-label>Location</mat-label>\n      <app-searchable-selector formControlName=\"location_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n        [selectedValue]=\"$safeNavigationMigration(data.model?.stock_receipt_products?.[0]?.location)\" titleField=\"title\"></app-searchable-selector>\n    </mat-form-field>\n    }\n\n    <mat-form-field>\n      <mat-label>Date</mat-label>\n      <input matInput [matDatepicker]=\"datePicker\" formControlName=\"date\" (focus)=\"datePicker.open()\" />\n      <mat-datepicker #datePicker></mat-datepicker>\n      @if (isFieldValid('date')) {\n      <mat-error>\n        {{ getErrorMessage('date') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Quantity</mat-label>\n      <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\" />\n      @if (isFieldValid('quantity')) {\n      <mat-error>\n        {{ getErrorMessage('quantity') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Purchase Price</mat-label>\n      <input matInput formControlName=\"purchase_price\" type=\"number\" min=\"0\" />\n      @if (isFieldValid('purchase_price')) {\n      <mat-error>\n        {{ getErrorMessage('purchase_price') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Total Value</mat-label>\n      <input matInput formControlName=\"amount\" readonly type=\"number\" min=\"0\" />\n    </mat-form-field>\n\n    <div techlifyFeatureEnabled=\"product-batch-numbers\" class=\"d-flex flex-column gap-2 w-100\">\n      <mat-form-field>\n        <mat-label>Batch #</mat-label>\n        <input type=\"text\" formControlName=\"batch_number\" matInput placeholder=\"Batch #\">\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Expires On</mat-label>\n        <input matInput [matDatepicker]=\"expiresOnPicker\" formControlName=\"expires_on\"\n          (focus)=\"expiresOnPicker.open()\" />\n        <mat-datepicker #expiresOnPicker></mat-datepicker>\n      </mat-form-field>\n    </div>\n\n    <mat-form-field>\n      <mat-label>Particulars</mat-label>\n      <textarea matInput formControlName=\"particulars\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end align-items-center gap-2\">\n      <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">Save</button>\n      <button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\" mat-flat-button type=\"button\">Cancel</button>\n    </div>\n  </form>\n</mat-card-content>",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i2$1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "ngmodule",
+				type: MaterialModule$1
+			},
+			{
+				kind: "component",
+				type: i5$1.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i8$1.MatDatepicker,
+				selector: "mat-datepicker",
+				exportAs: ["matDatepicker"]
+			},
+			{
+				kind: "directive",
+				type: i8$1.MatDatepickerInput,
+				selector: "input[matDatepicker]",
+				inputs: [
+					"matDatepicker",
+					"min",
+					"max",
+					"matDatepickerFilter"
+				],
+				exportAs: ["matDatepickerInput"]
+			},
+			{
+				kind: "component",
+				type: i8$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i9$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatDialogModule
+			},
+			{
+				kind: "ngmodule",
+				type: PayeeSelectorModule
+			},
+			{
+				kind: "component",
+				type: PayeeSelectorComponent,
+				selector: "app-payee-selector",
+				inputs: [
+					"label",
+					"appearance",
+					"required",
+					"showAddButton",
+					"multiple"
+				]
+			},
+			{
+				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",
+					"isItemsEmpty"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: TechlifyFeatureModule
+			},
+			{
+				kind: "directive",
+				type: i1.TechlifyFeatureEnabledDirective,
+				selector: "[techlifyFeatureEnabled]",
+				inputs: ["techlifyFeatureEnabled"]
+			},
+			{
+				kind: "ngmodule",
+				type: TechlifyIconModule
+			},
+			{
+				kind: "ngmodule",
+				type: RouterModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptSingleProductFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-single-product-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				ReactiveFormsModule,
+				MaterialModule$1,
+				MatDialogModule,
+				PayeeSelectorModule,
+				SearchableSelectorModule,
+				TechlifyFeatureModule,
+				TechlifyIconModule,
+				RouterModule
+			],
+			template: "<mat-card-content>\n  <h5 class=\"text-center\">\n    Stock Receipt Form\n\n    @if (data.product) {\n    for {{data.product?.name}}\n    }\n  </h5>\n  <form [formGroup]=\"form\" class=\"d-flex flex-column gap-1 justify-content-start\" (submit)=\"save()\">\n    <app-payee-selector label=\"Supplier\" formControlName=\"supplier_id\" appearance=\"fill\"\n      [showAddButton]=\"true\"></app-payee-selector>\n\n    @if (locationsCount > 1) {\n    <mat-form-field appearance=\"fill\">\n      <mat-label>Location</mat-label>\n      <app-searchable-selector formControlName=\"location_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n        [selectedValue]=\"$safeNavigationMigration(data.model?.stock_receipt_products?.[0]?.location)\" titleField=\"title\"></app-searchable-selector>\n    </mat-form-field>\n    }\n\n    <mat-form-field>\n      <mat-label>Date</mat-label>\n      <input matInput [matDatepicker]=\"datePicker\" formControlName=\"date\" (focus)=\"datePicker.open()\" />\n      <mat-datepicker #datePicker></mat-datepicker>\n      @if (isFieldValid('date')) {\n      <mat-error>\n        {{ getErrorMessage('date') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Quantity</mat-label>\n      <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\" />\n      @if (isFieldValid('quantity')) {\n      <mat-error>\n        {{ getErrorMessage('quantity') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Purchase Price</mat-label>\n      <input matInput formControlName=\"purchase_price\" type=\"number\" min=\"0\" />\n      @if (isFieldValid('purchase_price')) {\n      <mat-error>\n        {{ getErrorMessage('purchase_price') }}\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Total Value</mat-label>\n      <input matInput formControlName=\"amount\" readonly type=\"number\" min=\"0\" />\n    </mat-form-field>\n\n    <div techlifyFeatureEnabled=\"product-batch-numbers\" class=\"d-flex flex-column gap-2 w-100\">\n      <mat-form-field>\n        <mat-label>Batch #</mat-label>\n        <input type=\"text\" formControlName=\"batch_number\" matInput placeholder=\"Batch #\">\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Expires On</mat-label>\n        <input matInput [matDatepicker]=\"expiresOnPicker\" formControlName=\"expires_on\"\n          (focus)=\"expiresOnPicker.open()\" />\n        <mat-datepicker #expiresOnPicker></mat-datepicker>\n      </mat-form-field>\n    </div>\n\n    <mat-form-field>\n      <mat-label>Particulars</mat-label>\n      <textarea matInput formControlName=\"particulars\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end align-items-center gap-2\">\n      <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">Save</button>\n      <button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\" mat-flat-button type=\"button\">Cancel</button>\n    </div>\n  </form>\n</mat-card-content>"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.FormValidatorService },
+		{ type: StockReceiptService },
+		{ type: i2$1.FormBuilder },
+		{ type: i1.DateUtils },
+		{ type: LocationService },
+		{
+			type: i4.MatDialogRef,
+			decorators: [{ type: Optional }]
+		},
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}, { type: Optional }]
+		}
+	]
+});
+var StockReceiptProductService = class StockReceiptProductService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "stock-receipt-products");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptProductService,
+		deps: [{ token: i1.HttpService }],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptProductService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptProductService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1.HttpService }]
+});
+var StockReceiptProductFormComponent = class StockReceiptProductFormComponent extends TechlifyFormComponent {
+	fb;
+	service;
+	data;
+	constructor(formValidatorService, fb, service, dialogRef, data) {
+		super(formValidatorService);
+		this.fb = fb;
+		this.service = service;
+		this.data = data;
+		this.dialogRef = dialogRef;
+		this.errorMessages = {
+			product_id: { required: "Product is required." },
+			quantity: {
+				required: "Quantity is required.",
+				min: "Quantity must be greater than or equal to 0."
+			},
+			purchase_price: {
+				required: "Purchase price is required.",
+				min: "Purchase price must be at least 0."
+			}
+		};
+		this.form = this.fb.group({
+			id: [""],
+			stock_receipt_id: ["", Validators.required],
+			product_id: ["", Validators.required],
+			quantity: [0, [Validators.required, Validators.min(0)]],
+			purchase_price: [0, [Validators.required, Validators.min(0)]],
+			amount: [{
+				value: 0,
+				disabled: true
+			}],
+			location_id: [""],
+			particulars: [""]
+		});
+	}
+	ngOnInit() {
+		this.form.patchValue({ stock_receipt_id: this.data.stockReceiptId });
+		this.form.get("quantity")?.valueChanges.pipe(debounceTime(300)).subscribe(() => this.updateAmount());
+		this.form.get("purchase_price")?.valueChanges.pipe(debounceTime(300)).subscribe(() => this.updateAmount());
+		const product = this.data.stockReceiptProduct;
+		if (product) {
+			this.isUpdate = true;
+			this.form.patchValue(product);
+		}
+	}
+	updateAmount() {
+		const quantity = this.form.get("quantity")?.value ?? 0;
+		const purchasePrice = this.form.get("purchase_price")?.value ?? 0;
+		this.form.get("amount")?.setValue(parseFloat(quantity) * parseFloat(purchasePrice) || 0);
+	}
+	cancel() {
+		this.dialogRef.close();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptProductFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: i2$1.FormBuilder },
+			{ token: StockReceiptProductService },
+			{ token: i4.MatDialogRef },
+			{ token: MAT_DIALOG_DATA }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptProductFormComponent,
+		isStandalone: true,
+		selector: "app-stock-receipt-product-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<h3 mat-dialog-title class='text-center'>Stock Receipt Product Form</h3>\n\n<mat-dialog-content>\n    <form [formGroup]=\"form\" (submit)=\"submit(form.getRawValue())\" class=\"d-flex flex-column gap-3 mt-2\">\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Product</mat-label>\n            <app-searchable-selector formControlName=\"product_id\" apiUrl=\"api/products\" titleField=\"name\"\n                [selectedValue]=\"data.stockReceiptProduct.product\" [cache]=\"true\"></app-searchable-selector>\n      @if (isFieldValid('product_id')) {\n      <mat-error>{{ getErrorMessage('product_id') }}</mat-error>\n      }\n    </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Quantity</mat-label>\n            <input matInput type=\"number\" formControlName=\"quantity\" min=\"0\" step=\"any\">\n      @if (isFieldValid('quantity')) {\n      <mat-error>{{ getErrorMessage('quantity') }}</mat-error>\n      }\n    </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Purchase Price</mat-label>\n            <input matInput type=\"number\" formControlName=\"purchase_price\" min=\"0\" step=\"any\">\n      @if (isFieldValid('purchase_price')) {\n      <mat-error>{{ getErrorMessage('purchase_price') }}</mat-error>\n      }\n    </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Total Amount</mat-label>\n            <input matInput type=\"number\" formControlName=\"amount\">\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Location</mat-label>\n            <app-searchable-selector formControlName=\"location_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n                [selectedValue]=\"data.stockReceiptProduct.location\" titleField=\"title\"></app-searchable-selector>\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Particulars</mat-label>\n            <textarea matInput formControlName=\"particulars\" rows=\"3\"></textarea>\n        </mat-form-field>\n\n        <div class=\"d-flex justify-content-end gap-2\">\n            <button mat-flat-button type=\"button\" [disabled]=\"isWorking\" (click)=\"cancel()\">Cancel</button>\n            <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"isWorking\">Save</button>\n        </div>\n\n    </form>\n</mat-dialog-content>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i2$1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "ngmodule",
+				type: MaterialModule$1
+			},
+			{
+				kind: "component",
+				type: i5$1.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "directive",
+				type: i4.MatDialogTitle,
+				selector: "[mat-dialog-title], [matDialogTitle]",
+				inputs: ["id"],
+				exportAs: ["matDialogTitle"]
+			},
+			{
+				kind: "directive",
+				type: i4.MatDialogContent,
+				selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+			},
+			{
+				kind: "component",
+				type: i8$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i9$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				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",
+					"isItemsEmpty"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptProductFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-product-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				ReactiveFormsModule,
+				MaterialModule$1,
+				SearchableSelectorModule,
+				MatDialogTitle,
+				MatDialogContent
+			],
+			template: "<h3 mat-dialog-title class='text-center'>Stock Receipt Product Form</h3>\n\n<mat-dialog-content>\n    <form [formGroup]=\"form\" (submit)=\"submit(form.getRawValue())\" class=\"d-flex flex-column gap-3 mt-2\">\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Product</mat-label>\n            <app-searchable-selector formControlName=\"product_id\" apiUrl=\"api/products\" titleField=\"name\"\n                [selectedValue]=\"data.stockReceiptProduct.product\" [cache]=\"true\"></app-searchable-selector>\n      @if (isFieldValid('product_id')) {\n      <mat-error>{{ getErrorMessage('product_id') }}</mat-error>\n      }\n    </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Quantity</mat-label>\n            <input matInput type=\"number\" formControlName=\"quantity\" min=\"0\" step=\"any\">\n      @if (isFieldValid('quantity')) {\n      <mat-error>{{ getErrorMessage('quantity') }}</mat-error>\n      }\n    </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Purchase Price</mat-label>\n            <input matInput type=\"number\" formControlName=\"purchase_price\" min=\"0\" step=\"any\">\n      @if (isFieldValid('purchase_price')) {\n      <mat-error>{{ getErrorMessage('purchase_price') }}</mat-error>\n      }\n    </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Total Amount</mat-label>\n            <input matInput type=\"number\" formControlName=\"amount\">\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Location</mat-label>\n            <app-searchable-selector formControlName=\"location_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n                [selectedValue]=\"data.stockReceiptProduct.location\" titleField=\"title\"></app-searchable-selector>\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n            <mat-label>Particulars</mat-label>\n            <textarea matInput formControlName=\"particulars\" rows=\"3\"></textarea>\n        </mat-form-field>\n\n        <div class=\"d-flex justify-content-end gap-2\">\n            <button mat-flat-button type=\"button\" [disabled]=\"isWorking\" (click)=\"cancel()\">Cancel</button>\n            <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"isWorking\">Save</button>\n        </div>\n\n    </form>\n</mat-dialog-content>\n"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.FormValidatorService },
+		{ type: i2$1.FormBuilder },
+		{ type: StockReceiptProductService },
+		{ type: i4.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}]
+		}
+	]
+});
+var StockReceiptProductFormButtonComponent = class StockReceiptProductFormButtonComponent {
+	dialog;
+	stockReceiptProduct = input(...ngDevMode ? [void 0, { debugName: "stockReceiptProduct" }] : /* istanbul ignore next */ []);
+	stockReceiptId = input.required(...ngDevMode ? [{ debugName: "stockReceiptId" }] : /* istanbul ignore next */ []);
+	saved = output();
+	constructor(dialog) {
+		this.dialog = dialog;
+	}
+	open() {
+		this.dialog.open(StockReceiptProductFormComponent, {
+			width: "500px",
+			data: {
+				stockReceiptId: this.stockReceiptId(),
+				stockReceiptProduct: this.stockReceiptProduct()
+			}
+		}).afterClosed().subscribe((item) => {
+			if (item) this.saved.emit(item);
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptProductFormButtonComponent,
+		deps: [{ token: i4.MatDialog }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: StockReceiptProductFormButtonComponent,
+		isStandalone: true,
+		selector: "app-stock-receipt-product-form-button",
+		inputs: {
+			stockReceiptProduct: {
+				classPropertyName: "stockReceiptProduct",
+				publicName: "stockReceiptProduct",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stockReceiptId: {
+				classPropertyName: "stockReceiptId",
+				publicName: "stockReceiptId",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			}
+		},
+		outputs: { saved: "saved" },
+		ngImport: i0,
+		template: "<app-techlify-icon role=\"button\" [name]=\"stockReceiptProduct() ? 'edit' : 'add'\" (click)=\"open()\">\n</app-techlify-icon>",
+		dependencies: [{
+			kind: "ngmodule",
+			type: TechlifyIconModule
+		}, {
+			kind: "component",
+			type: i1.TechlifyIconComponent,
+			selector: "app-techlify-icon",
+			inputs: ["name", "size"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptProductFormButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-product-form-button",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [TechlifyIconModule],
+			template: "<app-techlify-icon role=\"button\" [name]=\"stockReceiptProduct() ? 'edit' : 'add'\" (click)=\"open()\">\n</app-techlify-icon>"
+		}]
+	}],
+	ctorParameters: () => [{ type: i4.MatDialog }],
+	propDecorators: {
+		stockReceiptProduct: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stockReceiptProduct",
+				required: false
+			}]
+		}],
+		stockReceiptId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stockReceiptId",
+				required: true
+			}]
+		}],
+		saved: [{
+			type: i0.Output,
+			args: ["saved"]
+		}]
+	}
+});
+let StockReceiptProductsListComponent = class StockReceiptProductsListComponent extends TechlifyListComponent {
+	service;
+	formBuilder;
+	featureService;
+	filtersInput = input({}, {
+		...ngDevMode ? { debugName: "filtersInput" } : /* istanbul ignore next */ {},
+		alias: "filters"
+	});
+	isProductView = input(false, ...ngDevMode ? [{ debugName: "isProductView" }] : /* istanbul ignore next */ []);
+	selectedColumns = input([], ...ngDevMode ? [{ debugName: "selectedColumns" }] : /* istanbul ignore next */ []);
+	exportInProgress = input(false, ...ngDevMode ? [{ debugName: "exportInProgress" }] : /* istanbul ignore next */ []);
+	listUpdated = output();
+	columnConfigReady = output();
+	product = input(null, ...ngDevMode ? [{ debugName: "product" }] : /* istanbul ignore next */ []);
+	stockReceiptSingleProductForm = signal(StockReceiptSingleProductFormComponent, ...ngDevMode ? [{ debugName: "stockReceiptSingleProductForm" }] : /* istanbul ignore next */ []);
+	productViewHiddenColumns = [
+		"product",
+		"sku",
+		"measure"
+	];
+	_defaultSelectedColumns = [];
+	columnConfig = [
+		{
+			label: "#",
+			def: "no",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Receipt #",
+			def: "receipt_number",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Product",
+			def: "product",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Product Categories",
+			def: "product_categories",
+			isSelected: false,
+			isEditable: true,
+			isExportable: false
+		},
+		{
+			label: "Categories",
+			def: "categories",
+			isSelected: false,
+			isEditable: false,
+			isExportable: true
+		},
+		{
+			label: "SKU",
+			def: "sku",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Date",
+			def: "date",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Quantity",
+			def: "quantity",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Measure",
+			def: "measure",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Location",
+			def: "location",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Purchase Price",
+			def: "purchase_price",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Total Value",
+			def: "amount",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Supplier",
+			def: "supplier",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Supplier Contact",
+			def: "supplier_contact",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			label: "Supplier Phone",
+			def: "supplier_phone",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			label: "Particulars",
+			def: "particulars",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Creator",
+			def: "creator",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			label: "Actions",
+			def: "actions",
+			isSelected: true,
+			isEditable: false,
+			isExportable: false
+		}
+	];
+	get displayedColumns() {
+		const cols = this.selectedColumns().length > 0 ? this.selectedColumns() : this._defaultSelectedColumns;
+		const selectedDefs = new Set(cols.map((col) => col.def));
+		return this.columnConfig.filter((col) => {
+			if (this.isProductView() && this.productViewHiddenColumns.includes(col.def)) return false;
+			if (this.exportInProgress()) {
+				if (col.isExportable === true) return true;
+				if (col.isExportable === false) return false;
+			}
+			return selectedDefs.has(col.def);
+		}).map((col) => col.def);
+	}
+	get totalPurchasePrice() {
+		return this.models.reduce((sum, model) => sum + Number(model?.purchase_price ?? 0), 0);
+	}
+	get totalValue() {
+		return this.models.reduce((sum, model) => sum + Number(model?.amount ?? 0), 0);
+	}
+	get footerColumns() {
+		return this.displayedColumns.map((col) => `footer-${col}`);
+	}
+	constructor(service, formBuilder, featureService) {
+		super();
+		this.service = service;
+		this.formBuilder = formBuilder;
+		this.featureService = featureService;
+		this.filterFormConfiguration = {
+			date_from: { date: true },
+			date_to: { date: true },
+			category_ids: { multiple: true },
+			supplier_ids: { multiple: true },
+			location_ids: { multiple: true },
+			measure_ids: { multiple: true },
+			product_ids: { multiple: true }
+		};
+		this.filterForm = this.formBuilder.group({
+			category_ids: [""],
+			date_from: [""],
+			date_to: [""],
+			duration: [""],
+			location_ids: [""],
+			measure_ids: [""],
+			product_ids: [""],
+			search: [""],
+			sort_by: ["date|desc"],
+			supplier_ids: [""],
+			page: this.page,
+			perPage: this.perPage
+		});
+		let initialized = false;
+		effect(() => {
+			const filters = this.filtersInput();
+			if (!initialized) {
+				initialized = true;
+				return;
+			}
+			this.filterForm.patchValue(filters, { emitEvent: true });
+		});
+	}
+	ngOnInit() {
+		this.loadFeatures();
+		this._defaultSelectedColumns = this.columnConfig.filter((col) => col.isSelected);
+		queueMicrotask(() => this.columnConfigReady.emit(this.columnConfig));
+		const initialFilters = this.filtersInput();
+		if (initialFilters) this.filterForm.patchValue(initialFilters, { emitEvent: false });
+		this.patchFiltersFromRoute();
+		this.listenFilterChanges();
+		this.loadData();
+	}
+	loadFeatures() {
+		if (this.featureService.isFeatureExists("product-batch-numbers")) {
+			const qtyIndex = this.columnConfig.findIndex((c) => c.def === "quantity");
+			if (qtyIndex >= 0) this.columnConfig.splice(qtyIndex + 1, 0, {
+				label: "Batch",
+				def: "batch",
+				isSelected: true,
+				isEditable: false
+			});
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptProductsListComponent,
+		deps: [
+			{ token: StockReceiptProductService },
+			{ token: i2$1.FormBuilder },
+			{ token: i1.TechlifyFeatureService }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptProductsListComponent,
+		isStandalone: false,
+		selector: "app-stock-receipt-product-list",
+		inputs: {
+			filtersInput: {
+				classPropertyName: "filtersInput",
+				publicName: "filters",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			isProductView: {
+				classPropertyName: "isProductView",
+				publicName: "isProductView",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectedColumns: {
+				classPropertyName: "selectedColumns",
+				publicName: "selectedColumns",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			exportInProgress: {
+				classPropertyName: "exportInProgress",
+				publicName: "exportInProgress",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			product: {
+				classPropertyName: "product",
+				publicName: "product",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			listUpdated: "listUpdated",
+			columnConfigReady: "columnConfigReady"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card>\n  @if (isProductView()) {\n  <mat-card-header class=\"d-flex align-items-center gap-2\">\n    <mat-card-title>Stock Receipts</mat-card-title>\n    <app-techlify-form-button [component]=\"stockReceiptSingleProductForm()\" [data]=\"{product: product()}\" width=\"500px\"\n      (saved)=\"modelCreated($event); listUpdated.emit(true)\"\n    ></app-techlify-form-button>\n  </mat-card-header>\n  }\n\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Receipt Products\" infiniteScroll\n      id=\"stockReceiptTable\" [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n      (matSortChange)=\"sortColumn($event)\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"no\">\n        <th mat-header-cell *matHeaderCellDef>#</th>\n        <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"receipt_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Receipt ID\">Receipt #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts', $safeNavigationMigration(element?.stock_receipt_id), 'view']\">\n            {{ element?.stock_receipt_id }} <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Product Column -->\n      <ng-container matColumnDef=\"product\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Product</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/products', $safeNavigationMigration(element?.product?.id), 'view']\">\n            {{ element?.product?.name }}\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Product Categories Column -->\n      <ng-container matColumnDef=\"product_categories\">\n        <th mat-header-cell *matHeaderCellDef>Product Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-product-category-badges [product]=\"$safeNavigationMigration(element?.product)\"></app-product-category-badges>\n        </td>\n      </ng-container>\n\n      <!-- Categories Column (export only) -->\n      <ng-container matColumnDef=\"categories\">\n        <th mat-header-cell *matHeaderCellDef>Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @for (category of element?.product?.categories; track category; let\n          last = $last) {\n          <span> {{ category?.title }}@if (!last) { , } </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- SKU Column -->\n      <ng-container matColumnDef=\"sku\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>SKU</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.product?.sku }}</td>\n      </ng-container>\n\n      <!-- Date Column -->\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.stock_receipt?.date) | date }}</td>\n      </ng-container>\n\n      <!-- Quantity Column -->\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.quantity }} {{ element?.product?.measure?.title }}\n        </td>\n      </ng-container>\n\n      <!-- Batch Column -->\n      <ng-container matColumnDef=\"batch\">\n        <th mat-header-cell *matHeaderCellDef>Batch</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.batch?.batch_number) {\n          <p class=\"mb-0\">{{ element?.batch?.batch_number }}</p>\n          } @if (element?.batch?.expires_on) {\n          <small class=\"text-secondary\">\n            Expires\n            {{ $safeNavigationMigration(element?.batch?.expires_on) | date }}\n          </small>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Measure Column -->\n      <ng-container matColumnDef=\"measure\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Measure</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.product?.measure?.title }}</td>\n      </ng-container>\n\n      <!-- Location Column -->\n      <ng-container matColumnDef=\"location\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Location</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.location_id), 'view']\">\n            {{ element?.location?.title }}\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Purchase Price Column -->\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.purchase_price) | currency }}</td>\n      </ng-container>\n\n      <!-- Total Value Column -->\n      <ng-container matColumnDef=\"amount\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.amount) | currency }}</td>\n      </ng-container>\n\n      <!-- Particulars Column -->\n      <ng-container matColumnDef=\"particulars\">\n        <th mat-header-cell *matHeaderCellDef>Particulars</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.particulars }}</td>\n      </ng-container>\n\n      <!-- Supplier Column -->\n      <ng-container matColumnDef=\"supplier\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt?.supplier?.company_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Contact Column -->\n      <ng-container matColumnDef=\"supplier_contact\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Contact</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt?.supplier?.contact_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Phone Column -->\n      <ng-container matColumnDef=\"supplier_phone\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Phone</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt?.supplier?.phone }}</td>\n      </ng-container>\n\n      <!-- Creator Column -->\n      <ng-container matColumnDef=\"creator\">\n        <th mat-header-cell *matHeaderCellDef>Creator</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <p class=\"mb-1\">{{ element?.stock_receipt?.creator?.name }}</p>\n          <small class=\"text-secondary\">{{ $safeNavigationMigration(element?.stock_receipt?.created_at) | date }}</small>\n        </td>\n      </ng-container>\n\n      <!-- Actions Column -->\n      <ng-container matColumnDef=\"actions\">\n        <th mat-header-cell *matHeaderCellDef>Actions</th>\n        <td mat-cell *matCellDef=\"let element\">\n\n          @if (element?.stock_receipt?.stock_transfer) {\n          <span class=\"badge rounded-pill text-bg-secondary\">Stock Transfer</span>\n          } @else {\n          <div class=\"d-flex gap-1 text-secondary\">\n            <app-techlify-icon role='button' name='view' class='text-secondary'\n              [routerLink]=\"['/inventory', 'stock-receipts', 'products', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-stock-receipt-product-form-button [stockReceiptId]=\"$safeNavigationMigration(element?.stock_receipt_id)\"\n              [stockReceiptProduct]=\"element\" (saved)=\"reload(); listUpdated.emit(true)\">\n            </app-stock-receipt-product-form-button>\n            <app-techlify-delete-button [model]=\"element\" [service]=\"service\"\n              [data]=\"{ title: $safeNavigationMigration(element?.product?.name), type: 'Stock Receipt Product' }\"\n              (deleted)=\"reload(); listUpdated.emit(true)\">\n            </app-techlify-delete-button>\n          </div>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Footer Cells for Total Row -->\n      <ng-container matColumnDef=\"footer-no\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-receipt_number\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product\">\n        <td mat-footer-cell *matFooterCellDef><strong>Total</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product_categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-sku\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-date\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-quantity\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-batch\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-measure\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-location\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-purchase_price\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalPurchasePrice | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-amount\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalValue | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-particulars\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_contact\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_phone\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-creator\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-actions\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      <tr mat-footer-row *matFooterRowDef=\"footerColumns\"></tr>\n    </table>\n\n    @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>",
+		styles: [":host ::ng-deep .mat-mdc-footer-row{position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -2px 4px #0000001a}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: i6$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i6$1.MatCardHeader,
+				selector: "mat-card-header"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			},
+			{
+				kind: "component",
+				type: i5.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatSort,
+				selector: "[matSort]",
+				inputs: [
+					"matSortActive",
+					"matSortStart",
+					"matSortDirection",
+					"matSortDisableClear",
+					"matSortDisabled"
+				],
+				outputs: ["matSortChange"],
+				exportAs: ["matSort"]
+			},
+			{
+				kind: "component",
+				type: i6.MatSortHeader,
+				selector: "[mat-sort-header]",
+				inputs: [
+					"mat-sort-header",
+					"arrowPosition",
+					"start",
+					"disabled",
+					"sortActionDescription",
+					"disableClear"
+				],
+				exportAs: ["matSortHeader"]
+			},
+			{
+				kind: "component",
+				type: i7.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatFooterCellDef,
+				selector: "[matFooterCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatFooterRowDef,
+				selector: "[matFooterRowDef]",
+				inputs: ["matFooterRowDef", "matFooterRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatFooterCell,
+				selector: "mat-footer-cell, td[mat-footer-cell]"
+			},
+			{
+				kind: "component",
+				type: i7.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatFooterRow,
+				selector: "mat-footer-row, tr[mat-footer-row]",
+				exportAs: ["matFooterRow"]
+			},
+			{
+				kind: "directive",
+				type: i8.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "directive",
+				type: i9.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "directive",
+				type: i10.InfiniteScrollDirective,
+				selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]",
+				inputs: [
+					"infiniteScrollDistance",
+					"infiniteScrollUpDistance",
+					"infiniteScrollThrottle",
+					"infiniteScrollDisabled",
+					"infiniteScrollContainer",
+					"scrollWindow",
+					"immediateCheck",
+					"horizontal",
+					"alwaysCallback",
+					"fromRoot"
+				],
+				outputs: ["scrolled", "scrolledUp"]
+			},
+			{
+				kind: "component",
+				type: ProductCategoryBadgesComponent,
+				selector: "app-product-category-badges",
+				inputs: ["product"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyDeleteButtonComponent,
+				selector: "app-techlify-delete-button",
+				inputs: [
+					"data",
+					"model",
+					"message",
+					"service"
+				],
+				outputs: ["deleted", "loading"]
+			},
+			{
+				kind: "component",
+				type: StockReceiptProductFormButtonComponent,
+				selector: "app-stock-receipt-product-form-button",
+				inputs: ["stockReceiptProduct", "stockReceiptId"],
+				outputs: ["saved"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyFormButtonComponent,
+				selector: "app-techlify-form-button",
+				inputs: [
+					"component",
+					"model",
+					"data",
+					"width",
+					"tooltip",
+					"multiAddComponent",
+					"multiAddData",
+					"multiAddWidth",
+					"multiAddTooltip"
+				],
+				outputs: ["saved"]
+			},
+			{
+				kind: "pipe",
+				type: i13.CurrencyPipe,
+				name: "currency"
+			},
+			{
+				kind: "pipe",
+				type: i13.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockReceiptProductsListComponent = __decorate([UntilDestroy()], StockReceiptProductsListComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptProductsListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-product-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-card>\n  @if (isProductView()) {\n  <mat-card-header class=\"d-flex align-items-center gap-2\">\n    <mat-card-title>Stock Receipts</mat-card-title>\n    <app-techlify-form-button [component]=\"stockReceiptSingleProductForm()\" [data]=\"{product: product()}\" width=\"500px\"\n      (saved)=\"modelCreated($event); listUpdated.emit(true)\"\n    ></app-techlify-form-button>\n  </mat-card-header>\n  }\n\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Receipt Products\" infiniteScroll\n      id=\"stockReceiptTable\" [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n      (matSortChange)=\"sortColumn($event)\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"no\">\n        <th mat-header-cell *matHeaderCellDef>#</th>\n        <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"receipt_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Receipt ID\">Receipt #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts', $safeNavigationMigration(element?.stock_receipt_id), 'view']\">\n            {{ element?.stock_receipt_id }} <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Product Column -->\n      <ng-container matColumnDef=\"product\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Product</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/products', $safeNavigationMigration(element?.product?.id), 'view']\">\n            {{ element?.product?.name }}\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Product Categories Column -->\n      <ng-container matColumnDef=\"product_categories\">\n        <th mat-header-cell *matHeaderCellDef>Product Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-product-category-badges [product]=\"$safeNavigationMigration(element?.product)\"></app-product-category-badges>\n        </td>\n      </ng-container>\n\n      <!-- Categories Column (export only) -->\n      <ng-container matColumnDef=\"categories\">\n        <th mat-header-cell *matHeaderCellDef>Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @for (category of element?.product?.categories; track category; let\n          last = $last) {\n          <span> {{ category?.title }}@if (!last) { , } </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- SKU Column -->\n      <ng-container matColumnDef=\"sku\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>SKU</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.product?.sku }}</td>\n      </ng-container>\n\n      <!-- Date Column -->\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.stock_receipt?.date) | date }}</td>\n      </ng-container>\n\n      <!-- Quantity Column -->\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.quantity }} {{ element?.product?.measure?.title }}\n        </td>\n      </ng-container>\n\n      <!-- Batch Column -->\n      <ng-container matColumnDef=\"batch\">\n        <th mat-header-cell *matHeaderCellDef>Batch</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.batch?.batch_number) {\n          <p class=\"mb-0\">{{ element?.batch?.batch_number }}</p>\n          } @if (element?.batch?.expires_on) {\n          <small class=\"text-secondary\">\n            Expires\n            {{ $safeNavigationMigration(element?.batch?.expires_on) | date }}\n          </small>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Measure Column -->\n      <ng-container matColumnDef=\"measure\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Measure</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.product?.measure?.title }}</td>\n      </ng-container>\n\n      <!-- Location Column -->\n      <ng-container matColumnDef=\"location\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Location</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.location_id), 'view']\">\n            {{ element?.location?.title }}\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Purchase Price Column -->\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.purchase_price) | currency }}</td>\n      </ng-container>\n\n      <!-- Total Value Column -->\n      <ng-container matColumnDef=\"amount\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.amount) | currency }}</td>\n      </ng-container>\n\n      <!-- Particulars Column -->\n      <ng-container matColumnDef=\"particulars\">\n        <th mat-header-cell *matHeaderCellDef>Particulars</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.particulars }}</td>\n      </ng-container>\n\n      <!-- Supplier Column -->\n      <ng-container matColumnDef=\"supplier\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt?.supplier?.company_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Contact Column -->\n      <ng-container matColumnDef=\"supplier_contact\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Contact</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt?.supplier?.contact_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Phone Column -->\n      <ng-container matColumnDef=\"supplier_phone\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Phone</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt?.supplier?.phone }}</td>\n      </ng-container>\n\n      <!-- Creator Column -->\n      <ng-container matColumnDef=\"creator\">\n        <th mat-header-cell *matHeaderCellDef>Creator</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <p class=\"mb-1\">{{ element?.stock_receipt?.creator?.name }}</p>\n          <small class=\"text-secondary\">{{ $safeNavigationMigration(element?.stock_receipt?.created_at) | date }}</small>\n        </td>\n      </ng-container>\n\n      <!-- Actions Column -->\n      <ng-container matColumnDef=\"actions\">\n        <th mat-header-cell *matHeaderCellDef>Actions</th>\n        <td mat-cell *matCellDef=\"let element\">\n\n          @if (element?.stock_receipt?.stock_transfer) {\n          <span class=\"badge rounded-pill text-bg-secondary\">Stock Transfer</span>\n          } @else {\n          <div class=\"d-flex gap-1 text-secondary\">\n            <app-techlify-icon role='button' name='view' class='text-secondary'\n              [routerLink]=\"['/inventory', 'stock-receipts', 'products', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-stock-receipt-product-form-button [stockReceiptId]=\"$safeNavigationMigration(element?.stock_receipt_id)\"\n              [stockReceiptProduct]=\"element\" (saved)=\"reload(); listUpdated.emit(true)\">\n            </app-stock-receipt-product-form-button>\n            <app-techlify-delete-button [model]=\"element\" [service]=\"service\"\n              [data]=\"{ title: $safeNavigationMigration(element?.product?.name), type: 'Stock Receipt Product' }\"\n              (deleted)=\"reload(); listUpdated.emit(true)\">\n            </app-techlify-delete-button>\n          </div>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Footer Cells for Total Row -->\n      <ng-container matColumnDef=\"footer-no\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-receipt_number\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product\">\n        <td mat-footer-cell *matFooterCellDef><strong>Total</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product_categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-sku\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-date\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-quantity\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-batch\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-measure\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-location\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-purchase_price\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalPurchasePrice | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-amount\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalValue | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-particulars\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_contact\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_phone\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-creator\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-actions\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      <tr mat-footer-row *matFooterRowDef=\"footerColumns\"></tr>\n    </table>\n\n    @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>",
+			styles: [":host ::ng-deep .mat-mdc-footer-row{position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -2px 4px #0000001a}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: StockReceiptProductService },
+		{ type: i2$1.FormBuilder },
+		{ type: i1.TechlifyFeatureService }
+	],
+	propDecorators: {
+		filtersInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filters",
+				required: false
+			}]
+		}],
+		isProductView: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isProductView",
+				required: false
+			}]
+		}],
+		selectedColumns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedColumns",
+				required: false
+			}]
+		}],
+		exportInProgress: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exportInProgress",
+				required: false
+			}]
+		}],
+		listUpdated: [{
+			type: i0.Output,
+			args: ["listUpdated"]
+		}],
+		columnConfigReady: [{
+			type: i0.Output,
+			args: ["columnConfigReady"]
+		}],
+		product: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "product",
+				required: false
+			}]
+		}]
+	}
+});
+let StockReceiptListComponent = class StockReceiptListComponent extends TechlifyListComponent {
+	service;
+	formBuilder;
+	router;
+	featureService;
+	filtersInput = input({}, {
+		...ngDevMode ? { debugName: "filtersInput" } : /* istanbul ignore next */ {},
+		alias: "filters"
+	});
+	selectedColumns = input([], ...ngDevMode ? [{ debugName: "selectedColumns" }] : /* istanbul ignore next */ []);
+	exportInProgress = input(false, ...ngDevMode ? [{ debugName: "exportInProgress" }] : /* istanbul ignore next */ []);
+	listUpdated = output();
+	columnConfigReady = output();
+	_defaultSelectedColumns = [];
+	columnConfig = [
+		{
+			label: "#",
+			def: "no",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Receipt #",
+			def: "receipt_number",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Product",
+			def: "product",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Product Categories",
+			def: "product_categories",
+			isSelected: false,
+			isEditable: true,
+			isExportable: false
+		},
+		{
+			label: "Categories",
+			def: "categories",
+			isSelected: false,
+			isEditable: false,
+			isExportable: true
+		},
+		{
+			label: "SKU",
+			def: "sku",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Date",
+			def: "date",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Quantity",
+			def: "quantity",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Measure",
+			def: "measure",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Location",
+			def: "location",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Purchase Price",
+			def: "purchase_price",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Total Value",
+			def: "amount",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Supplier",
+			def: "supplier",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Supplier Contact",
+			def: "supplier_contact",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			label: "Supplier Phone",
+			def: "supplier_phone",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			label: "Particulars",
+			def: "particulars",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Creator",
+			def: "creator",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			label: "Actions",
+			def: "actions",
+			isSelected: true,
+			isEditable: false,
+			isExportable: false
+		}
+	];
+	get displayedColumns() {
+		const cols = this.selectedColumns().length > 0 ? this.selectedColumns() : this._defaultSelectedColumns;
+		const selectedDefs = new Set(cols.map((col) => col.def));
+		return this.columnConfig.filter((col) => {
+			if (this.exportInProgress()) {
+				if (col.isExportable === true) return true;
+				if (col.isExportable === false) return false;
+			}
+			return selectedDefs.has(col.def);
+		}).map((col) => col.def);
+	}
+	get totalPurchasePrice() {
+		return this.models.reduce((sum, model) => {
+			return sum + (model?.stock_receipt_products ?? []).reduce((productSum, product) => productSum + Number(product?.purchase_price ?? 0), 0);
+		}, 0);
+	}
+	get totalValue() {
+		return this.models.reduce((sum, model) => {
+			return sum + (model?.stock_receipt_products ?? []).reduce((productSum, product) => productSum + Number(product?.amount ?? 0), 0);
+		}, 0);
+	}
+	get footerColumns() {
+		return this.displayedColumns.map((col) => `footer-${col}`);
+	}
+	constructor(service, formBuilder, router, featureService) {
+		super();
+		this.service = service;
+		this.formBuilder = formBuilder;
+		this.router = router;
+		this.featureService = featureService;
+		this.lastPage = 0;
+		this.filterFormConfiguration = {
+			date_from: { date: true },
+			date_to: { date: true },
+			category_ids: { multiple: true },
+			supplier_ids: { multiple: true },
+			location_ids: { multiple: true },
+			measure_ids: { multiple: true },
+			product_ids: { multiple: true }
+		};
+		this.filterForm = this.formBuilder.group({
+			category_ids: [""],
+			date_from: [""],
+			date_to: [""],
+			duration: [""],
+			import_id: [""],
+			location_ids: [""],
+			measure_ids: [""],
+			product_ids: [""],
+			search: [""],
+			sort_by: ["date|desc"],
+			supplier_ids: [""],
+			page: this.page,
+			perPage: this.perPage,
+			with: ["creator,supplier,batch,stockReceiptProducts.product,stockReceiptProducts.product.categories,stockReceiptProducts.location,stockReceiptProducts.stockTransfer"]
+		});
+		let initialized = false;
+		effect(() => {
+			const filters = this.filtersInput();
+			if (!initialized) {
+				initialized = true;
+				return;
+			}
+			this.filterForm.patchValue(filters, { emitEvent: true });
+		});
+	}
+	ngOnInit() {
+		this.loadFeatures();
+		this._defaultSelectedColumns = this.columnConfig.filter((col) => col.isSelected);
+		queueMicrotask(() => this.columnConfigReady.emit(this.columnConfig));
+		this.patchFiltersFromRoute();
+		this.listenFilterChanges();
+		this.loadData();
+	}
+	loadFeatures() {
+		if (this.featureService.isFeatureExists("product-batch-numbers")) {
+			const qtyIndex = this.columnConfig.findIndex((c) => c.def === "quantity");
+			if (qtyIndex >= 0) this.columnConfig.splice(qtyIndex + 1, 0, {
+				label: "Batch",
+				def: "batch",
+				isSelected: true,
+				isEditable: false
+			});
+		}
+	}
+	redirectToView(model) {
+		this.router.navigate([
+			"/inventory/stock-receipts",
+			model?.id,
+			"view"
+		]);
+	}
+	getStockReceiptDeleteTitle(model) {
+		return `#${model?.id}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptListComponent,
+		deps: [
+			{ token: StockReceiptService },
+			{ token: i2$1.FormBuilder },
+			{ token: i9.Router },
+			{ token: i1.TechlifyFeatureService }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptListComponent,
+		isStandalone: false,
+		selector: "app-stock-receipt-list",
+		inputs: {
+			filtersInput: {
+				classPropertyName: "filtersInput",
+				publicName: "filters",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectedColumns: {
+				classPropertyName: "selectedColumns",
+				publicName: "selectedColumns",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			exportInProgress: {
+				classPropertyName: "exportInProgress",
+				publicName: "exportInProgress",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			listUpdated: "listUpdated",
+			columnConfigReady: "columnConfigReady"
+		},
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card>\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Receipts\" infiniteScroll\n      id=\"stockReceiptTable\" [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n      (matSortChange)=\"sortColumn($event)\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"no\">\n        <th mat-header-cell *matHeaderCellDef>#</th>\n        <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"receipt_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Receipt ID\">Receipt #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts', $safeNavigationMigration(element?.id), 'view']\">\n            {{ element?.id }} <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Product Column -->\n      <ng-container matColumnDef=\"product\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Product</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <ul class=\"mb-0 ps-3\">\n            @for (srp of element?.stock_receipt_products; track srp) {\n            <li>\n              {{ srp?.quantity }} {{ srp?.product?.measure?.title }} <em>of</em>\n              <a class=\"text-decoration-none text-dark\"\n                [routerLink]=\"['/inventory/products', $safeNavigationMigration(srp?.product?.id), 'view']\">\n                {{ srp?.product?.name }}\n              </a>\n            </li>\n            }\n          </ul>\n        </td>\n      </ng-container>\n\n      <!-- Product Categories Column -->\n      <ng-container matColumnDef=\"product_categories\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Product Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-product-category-badges\n            [product]=\"$safeNavigationMigration(element?.stock_receipt_products[0]?.product)\"></app-product-category-badges>\n        </td>\n      </ng-container>\n\n      <!-- SKU Column -->\n      <ng-container matColumnDef=\"sku\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>SKU</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt_products[0]?.product?.sku }}</td>\n      </ng-container>\n\n      <!-- Categories Column (export only) -->\n      <ng-container matColumnDef=\"categories\">\n        <th mat-header-cell *matHeaderCellDef>Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @for (category of\n          element?.stock_receipt_products[0]?.product?.categories; track\n          category; let last = $last) {\n          <span> {{ category?.title }}@if (!last) { , } </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Date Column -->\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.date) | date }}</td>\n      </ng-container>\n\n      <!-- Quantity Column -->\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt_products[0]?.quantity }} {{\n          element?.stock_receipt_products[0]?.product?.measure?.title }}</td>\n      </ng-container>\n\n      <!-- Batch Column -->\n      <ng-container matColumnDef=\"batch\">\n        <th mat-header-cell *matHeaderCellDef>Batch</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.batch?.batch_number) {\n          <p class=\"mb-0\">{{ element?.batch?.batch_number }}</p>\n          } @if (element?.batch?.expires_on) {\n          <small class=\"text-secondary\">\n            Expires\n            {{ $safeNavigationMigration(element?.batch?.expires_on) | date }}\n          </small>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Measure Column -->\n      <ng-container matColumnDef=\"measure\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Measure</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt_products[0]?.product?.measure?.title }}</td>\n      </ng-container>\n\n      <!-- Location Column -->\n      <ng-container matColumnDef=\"location\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Location</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.stock_receipt_products[0]?.location_id), 'view']\">\n            {{ element?.stock_receipt_products[0]?.location?.title }}\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Purchase Price Column -->\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_products[0]?.purchase_price) | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Total Value Column -->\n      <ng-container matColumnDef=\"amount\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_products[0]?.amount) | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Particulars Column -->\n      <ng-container matColumnDef=\"particulars\">\n        <th mat-header-cell *matHeaderCellDef>Particulars</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n      </ng-container>\n\n      <!-- Supplier Column -->\n      <ng-container matColumnDef=\"supplier\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.company_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Contact Column -->\n      <ng-container matColumnDef=\"supplier_contact\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Contact</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.contact_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Phone Column -->\n      <ng-container matColumnDef=\"supplier_phone\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Phone</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.phone }}</td>\n      </ng-container>\n\n      <!-- Creator Column -->\n      <ng-container matColumnDef=\"creator\">\n        <th mat-header-cell *matHeaderCellDef>Creator</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <p class=\"mb-1\">{{ element?.creator?.name }}</p>\n          <small class=\"text-secondary\">{{ $safeNavigationMigration(element?.created_at) | date }}</small>\n        </td>\n      </ng-container>\n\n      <!-- Actions Column -->\n      <ng-container matColumnDef=\"actions\">\n        <th mat-header-cell *matHeaderCellDef>Actions</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (!element.stock_transfer) {\n          <div class=\"d-flex gap-1 text-secondary\">\n            <app-techlify-icon role='button' name='view' class='text-secondary'\n              [routerLink]=\"['/inventory', 'stock-receipts', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-techlify-icon role='button' name='edit'\n              [routerLink]=\"['/inventory/stock-receipts/form', $safeNavigationMigration(element?.id)]\"></app-techlify-icon>\n            <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n              [data]=\"{ title: getStockReceiptDeleteTitle(element), type: 'Stock Receipt' }\"\n              (deleted)=\"reload(); listUpdated.emit(true)\"></app-techlify-delete-button>\n          </div>\n          } @if (element.stock_transfer) {\n          <span class=\"badge rounded-pill text-bg-secondary\">Stock Transfer</span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Footer Cells for Total Row -->\n      <ng-container matColumnDef=\"footer-no\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-receipt_number\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product\">\n        <td mat-footer-cell *matFooterCellDef colspan=\"1\"><strong>Total</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product_categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-sku\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-date\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-quantity\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-batch\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-measure\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-location\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-purchase_price\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalPurchasePrice | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-amount\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalValue | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-particulars\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_contact\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_phone\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-creator\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-actions\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      <tr mat-footer-row *matFooterRowDef=\"footerColumns\"></tr>\n    </table>\n\n    @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>",
+		styles: [":host ::ng-deep .mat-mdc-footer-row{position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -2px 4px #0000001a}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: i6$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i5.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatSort,
+				selector: "[matSort]",
+				inputs: [
+					"matSortActive",
+					"matSortStart",
+					"matSortDirection",
+					"matSortDisableClear",
+					"matSortDisabled"
+				],
+				outputs: ["matSortChange"],
+				exportAs: ["matSort"]
+			},
+			{
+				kind: "component",
+				type: i6.MatSortHeader,
+				selector: "[mat-sort-header]",
+				inputs: [
+					"mat-sort-header",
+					"arrowPosition",
+					"start",
+					"disabled",
+					"sortActionDescription",
+					"disableClear"
+				],
+				exportAs: ["matSortHeader"]
+			},
+			{
+				kind: "component",
+				type: i7.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatFooterCellDef,
+				selector: "[matFooterCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatFooterRowDef,
+				selector: "[matFooterRowDef]",
+				inputs: ["matFooterRowDef", "matFooterRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "directive",
+				type: i7.MatFooterCell,
+				selector: "mat-footer-cell, td[mat-footer-cell]"
+			},
+			{
+				kind: "component",
+				type: i7.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatFooterRow,
+				selector: "mat-footer-row, tr[mat-footer-row]",
+				exportAs: ["matFooterRow"]
+			},
+			{
+				kind: "directive",
+				type: i8.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "directive",
+				type: i9.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "directive",
+				type: i10.InfiniteScrollDirective,
+				selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]",
+				inputs: [
+					"infiniteScrollDistance",
+					"infiniteScrollUpDistance",
+					"infiniteScrollThrottle",
+					"infiniteScrollDisabled",
+					"infiniteScrollContainer",
+					"scrollWindow",
+					"immediateCheck",
+					"horizontal",
+					"alwaysCallback",
+					"fromRoot"
+				],
+				outputs: ["scrolled", "scrolledUp"]
+			},
+			{
+				kind: "component",
+				type: ProductCategoryBadgesComponent,
+				selector: "app-product-category-badges",
+				inputs: ["product"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyDeleteButtonComponent,
+				selector: "app-techlify-delete-button",
+				inputs: [
+					"data",
+					"model",
+					"message",
+					"service"
+				],
+				outputs: ["deleted", "loading"]
+			},
+			{
+				kind: "pipe",
+				type: i13.CurrencyPipe,
+				name: "currency"
+			},
+			{
+				kind: "pipe",
+				type: i13.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockReceiptListComponent = __decorate([UntilDestroy()], StockReceiptListComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-card>\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Stock Receipts\" infiniteScroll\n      id=\"stockReceiptTable\" [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n      (matSortChange)=\"sortColumn($event)\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"no\">\n        <th mat-header-cell *matHeaderCellDef>#</th>\n        <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"receipt_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Receipt ID\">Receipt #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-receipts', $safeNavigationMigration(element?.id), 'view']\">\n            {{ element?.id }} <i class=\"fa-solid fa-up-right-from-square\"></i>\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Product Column -->\n      <ng-container matColumnDef=\"product\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Product</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <ul class=\"mb-0 ps-3\">\n            @for (srp of element?.stock_receipt_products; track srp) {\n            <li>\n              {{ srp?.quantity }} {{ srp?.product?.measure?.title }} <em>of</em>\n              <a class=\"text-decoration-none text-dark\"\n                [routerLink]=\"['/inventory/products', $safeNavigationMigration(srp?.product?.id), 'view']\">\n                {{ srp?.product?.name }}\n              </a>\n            </li>\n            }\n          </ul>\n        </td>\n      </ng-container>\n\n      <!-- Product Categories Column -->\n      <ng-container matColumnDef=\"product_categories\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Product Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-product-category-badges\n            [product]=\"$safeNavigationMigration(element?.stock_receipt_products[0]?.product)\"></app-product-category-badges>\n        </td>\n      </ng-container>\n\n      <!-- SKU Column -->\n      <ng-container matColumnDef=\"sku\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>SKU</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt_products[0]?.product?.sku }}</td>\n      </ng-container>\n\n      <!-- Categories Column (export only) -->\n      <ng-container matColumnDef=\"categories\">\n        <th mat-header-cell *matHeaderCellDef>Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @for (category of\n          element?.stock_receipt_products[0]?.product?.categories; track\n          category; let last = $last) {\n          <span> {{ category?.title }}@if (!last) { , } </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Date Column -->\n      <ng-container matColumnDef=\"date\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n        <td mat-cell *matCellDef=\"let element\">{{ $safeNavigationMigration(element?.date) | date }}</td>\n      </ng-container>\n\n      <!-- Quantity Column -->\n      <ng-container matColumnDef=\"quantity\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt_products[0]?.quantity }} {{\n          element?.stock_receipt_products[0]?.product?.measure?.title }}</td>\n      </ng-container>\n\n      <!-- Batch Column -->\n      <ng-container matColumnDef=\"batch\">\n        <th mat-header-cell *matHeaderCellDef>Batch</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.batch?.batch_number) {\n          <p class=\"mb-0\">{{ element?.batch?.batch_number }}</p>\n          } @if (element?.batch?.expires_on) {\n          <small class=\"text-secondary\">\n            Expires\n            {{ $safeNavigationMigration(element?.batch?.expires_on) | date }}\n          </small>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Measure Column -->\n      <ng-container matColumnDef=\"measure\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Measure</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.stock_receipt_products[0]?.product?.measure?.title }}</td>\n      </ng-container>\n\n      <!-- Location Column -->\n      <ng-container matColumnDef=\"location\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Location</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.stock_receipt_products[0]?.location_id), 'view']\">\n            {{ element?.stock_receipt_products[0]?.location?.title }}\n          </a>\n        </td>\n      </ng-container>\n\n      <!-- Purchase Price Column -->\n      <ng-container matColumnDef=\"purchase_price\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Purchase Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_products[0]?.purchase_price) | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Total Value Column -->\n      <ng-container matColumnDef=\"amount\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Value</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.stock_receipt_products[0]?.amount) | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Particulars Column -->\n      <ng-container matColumnDef=\"particulars\">\n        <th mat-header-cell *matHeaderCellDef>Particulars</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n      </ng-container>\n\n      <!-- Supplier Column -->\n      <ng-container matColumnDef=\"supplier\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.company_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Contact Column -->\n      <ng-container matColumnDef=\"supplier_contact\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Contact</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.contact_name }}</td>\n      </ng-container>\n\n      <!-- Supplier Phone Column -->\n      <ng-container matColumnDef=\"supplier_phone\">\n        <th mat-header-cell *matHeaderCellDef>Supplier Phone</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.phone }}</td>\n      </ng-container>\n\n      <!-- Creator Column -->\n      <ng-container matColumnDef=\"creator\">\n        <th mat-header-cell *matHeaderCellDef>Creator</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <p class=\"mb-1\">{{ element?.creator?.name }}</p>\n          <small class=\"text-secondary\">{{ $safeNavigationMigration(element?.created_at) | date }}</small>\n        </td>\n      </ng-container>\n\n      <!-- Actions Column -->\n      <ng-container matColumnDef=\"actions\">\n        <th mat-header-cell *matHeaderCellDef>Actions</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (!element.stock_transfer) {\n          <div class=\"d-flex gap-1 text-secondary\">\n            <app-techlify-icon role='button' name='view' class='text-secondary'\n              [routerLink]=\"['/inventory', 'stock-receipts', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-techlify-icon role='button' name='edit'\n              [routerLink]=\"['/inventory/stock-receipts/form', $safeNavigationMigration(element?.id)]\"></app-techlify-icon>\n            <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n              [data]=\"{ title: getStockReceiptDeleteTitle(element), type: 'Stock Receipt' }\"\n              (deleted)=\"reload(); listUpdated.emit(true)\"></app-techlify-delete-button>\n          </div>\n          } @if (element.stock_transfer) {\n          <span class=\"badge rounded-pill text-bg-secondary\">Stock Transfer</span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Footer Cells for Total Row -->\n      <ng-container matColumnDef=\"footer-no\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-receipt_number\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product\">\n        <td mat-footer-cell *matFooterCellDef colspan=\"1\"><strong>Total</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-product_categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-sku\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-categories\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-date\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-quantity\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-batch\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-measure\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-location\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-purchase_price\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalPurchasePrice | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-amount\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ totalValue | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-particulars\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_contact\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-supplier_phone\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-creator\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-actions\">\n        <td mat-footer-cell *matFooterCellDef></td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n      <tr mat-footer-row *matFooterRowDef=\"footerColumns\"></tr>\n    </table>\n\n    @if (isWorking) {\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    }\n  </mat-card-content>\n</mat-card>",
+			styles: [":host ::ng-deep .mat-mdc-footer-row{position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -2px 4px #0000001a}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: StockReceiptService },
+		{ type: i2$1.FormBuilder },
+		{ type: i9.Router },
+		{ type: i1.TechlifyFeatureService }
+	],
+	propDecorators: {
+		filtersInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filters",
+				required: false
+			}]
+		}],
+		selectedColumns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedColumns",
+				required: false
+			}]
+		}],
+		exportInProgress: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exportInProgress",
+				required: false
+			}]
+		}],
+		listUpdated: [{
+			type: i0.Output,
+			args: ["listUpdated"]
+		}],
+		columnConfigReady: [{
+			type: i0.Output,
+			args: ["columnConfigReady"]
+		}]
+	}
+});
+let StockReceiptPageComponent = class StockReceiptPageComponent {
+	formBuilder;
+	product = input(null, ...ngDevMode ? [{ debugName: "product" }] : /* istanbul ignore next */ []);
+	supplierId = input(void 0, ...ngDevMode ? [{ debugName: "supplierId" }] : /* istanbul ignore next */ []);
+	listUpdated = output();
+	selectedView = signal("itemized", ...ngDevMode ? [{ debugName: "selectedView" }] : /* istanbul ignore next */ []);
+	exportInProgress = signal(false, ...ngDevMode ? [{ debugName: "exportInProgress" }] : /* istanbul ignore next */ []);
+	columnConfig = [];
+	selectedColumns = [];
+	filterForm;
+	filtersValue;
+	constructor(formBuilder) {
+		this.formBuilder = formBuilder;
+		this.filterForm = this.formBuilder.group({
+			category_ids: [""],
+			duration: [""],
+			location_ids: [""],
+			measure_ids: [""],
+			product_ids: [""],
+			search: [""],
+			supplier_ids: [""],
+			date_from: [""],
+			date_to: [""]
+		});
+		this.filtersValue = toSignal(this.filterForm.valueChanges.pipe(startWith(this.filterForm.value)));
+	}
+	ngOnInit() {
+		const productVal = this.product();
+		if (productVal) this.filterForm.get("product_ids")?.setValue(productVal.id);
+		const supplierIdVal = this.supplierId();
+		if (supplierIdVal) this.filterForm.get("supplier_ids")?.setValue(supplierIdVal);
+	}
+	onColumnConfigReady(config) {
+		this.columnConfig = config;
+		this.selectedColumns = config.filter((col) => col.isSelected);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptPageComponent,
+		deps: [{ token: i2$1.FormBuilder }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptPageComponent,
+		isStandalone: false,
+		selector: "app-stock-receipts-page",
+		inputs: {
+			product: {
+				classPropertyName: "product",
+				publicName: "product",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			supplierId: {
+				classPropertyName: "supplierId",
+				publicName: "supplierId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { listUpdated: "listUpdated" },
+		ngImport: i0,
+		template: "@if (!product()) {\n<mat-card class=\"mb-2\">\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n      <h3 class=\"mb-0\">Stock Receipts</h3>\n\n      <app-techlify-icon role='button' name='add' [routerLink]=\"['/inventory/stock-receipts/form']\"\n        class='ms-2'></app-techlify-icon>\n\n      <span matTooltip=\"Import\" routerLink=\"import\" class=\"cursor-pointer material-symbols-outlined\">\n        file_upload\n      </span>\n\n      <app-export-to-excel-button tableId=\"stockReceiptTable\" fileName=\"Stock Receipts\"\n        (onExportStart)=\"exportInProgress.set(true)\" (onExportEnd)=\"exportInProgress.set(false)\">\n      </app-export-to-excel-button>\n      @if (columnConfig.length > 0) {\n      <app-column-selector mode=\"icon\" class=\"mt-1 d-print-none\"\n        [columnConfigs]=\"columnConfig\" [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n      }\n      <mat-button-toggle-group class=\"view-toggle\" [value]=\"selectedView()\" (change)=\"selectedView.set($event.value)\">\n        <mat-button-toggle value=\"itemized\">Itemized</mat-button-toggle>\n        <mat-button-toggle value=\"grouped\">Grouped</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n\n    <form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2 flex-wrap\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput formControlName=\"search\" />\n      </mat-form-field>\n\n      <app-timeline-filter labelText=\"Date\" formControlName=\"duration\" [form]=\"filterForm\"></app-timeline-filter>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Category</mat-label>\n        <app-searchable-selector apiUrl=\"api/product-categories\" formControlName=\"category_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Measure</mat-label>\n        <app-searchable-selector apiUrl=\"api/product-measures\" formControlName=\"measure_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Location</mat-label>\n        <app-searchable-selector apiUrl=\"api/inventory-locations\" formControlName=\"location_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Supplier</mat-label>\n        <app-searchable-selector apiUrl=\"api/suppliers\" formControlName=\"supplier_ids\" titleField=\"company_name\"\n          [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n} @if (product()) {\n<mat-card class=\"mb-2\">\n  <mat-card-content class=\"mb-0\">\n    <div class=\"d-flex justify-content-start align-items-center gap-2 mb-2\">\n      <span class=\"material-symbols-outlined\"> output_circle </span>\n      <h3 class=\"mb-0\">Stock Receipts</h3>\n    </div>\n  </mat-card-content>\n</mat-card>\n} @if (selectedView() === 'itemized') {\n<app-stock-receipt-product-list [filters]=\"filtersValue()\"\n  [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\">\n</app-stock-receipt-product-list>\n} @if (selectedView() === 'grouped') {\n<app-stock-receipt-list [filters]=\"filtersValue()\"\n  [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\">\n</app-stock-receipt-list>\n}",
+		styles: [":host ::ng-deep .mat-mdc-footer-row{position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -2px 4px #0000001a}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i2.MatButtonToggleGroup,
+				selector: "mat-button-toggle-group",
+				inputs: [
+					"appearance",
+					"name",
+					"vertical",
+					"value",
+					"multiple",
+					"disabled",
+					"disabledInteractive",
+					"hideSingleSelectionIndicator",
+					"hideMultipleSelectionIndicator"
+				],
+				outputs: ["valueChange", "change"],
+				exportAs: ["matButtonToggleGroup"]
+			},
+			{
+				kind: "component",
+				type: i2.MatButtonToggle,
+				selector: "mat-button-toggle",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"id",
+					"name",
+					"value",
+					"tabIndex",
+					"disableRipple",
+					"appearance",
+					"checked",
+					"disabled",
+					"disabledInteractive"
+				],
+				outputs: ["change"],
+				exportAs: ["matButtonToggle"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i8$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i9$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "directive",
+				type: i8.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "directive",
+				type: i9.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				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",
+					"isItemsEmpty"
+				]
+			},
+			{
+				kind: "component",
+				type: i1.TimelineFilterComponent,
+				selector: "app-timeline-filter",
+				inputs: [
+					"defaultValue",
+					"required",
+					"disabled",
+					"value",
+					"timelines",
+					"dateFrom",
+					"dateTo",
+					"appearance",
+					"showClearButton",
+					"form",
+					"labelText"
+				],
+				outputs: ["selectionChange"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "component",
+				type: i1.ColumnSelectorComponent,
+				selector: "app-column-selector",
+				inputs: [
+					"label",
+					"mode",
+					"columnConfigs",
+					"selectedColumns",
+					"isExportWorking"
+				],
+				outputs: ["selectedColumnsChange", "displayedColumnsChange"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			},
+			{
+				kind: "component",
+				type: ExportToExcelButtonComponent,
+				selector: "app-export-to-excel-button",
+				inputs: ["tableId", "fileName"],
+				outputs: ["onExportStart", "onExportEnd"]
+			},
+			{
+				kind: "component",
+				type: StockReceiptListComponent,
+				selector: "app-stock-receipt-list",
+				inputs: [
+					"filters",
+					"selectedColumns",
+					"exportInProgress"
+				],
+				outputs: ["listUpdated", "columnConfigReady"]
+			},
+			{
+				kind: "component",
+				type: StockReceiptProductsListComponent,
+				selector: "app-stock-receipt-product-list",
+				inputs: [
+					"filters",
+					"isProductView",
+					"selectedColumns",
+					"exportInProgress",
+					"product"
+				],
+				outputs: ["listUpdated", "columnConfigReady"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockReceiptPageComponent = __decorate([UntilDestroy()], StockReceiptPageComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipts-page",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "@if (!product()) {\n<mat-card class=\"mb-2\">\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n      <h3 class=\"mb-0\">Stock Receipts</h3>\n\n      <app-techlify-icon role='button' name='add' [routerLink]=\"['/inventory/stock-receipts/form']\"\n        class='ms-2'></app-techlify-icon>\n\n      <span matTooltip=\"Import\" routerLink=\"import\" class=\"cursor-pointer material-symbols-outlined\">\n        file_upload\n      </span>\n\n      <app-export-to-excel-button tableId=\"stockReceiptTable\" fileName=\"Stock Receipts\"\n        (onExportStart)=\"exportInProgress.set(true)\" (onExportEnd)=\"exportInProgress.set(false)\">\n      </app-export-to-excel-button>\n      @if (columnConfig.length > 0) {\n      <app-column-selector mode=\"icon\" class=\"mt-1 d-print-none\"\n        [columnConfigs]=\"columnConfig\" [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n      }\n      <mat-button-toggle-group class=\"view-toggle\" [value]=\"selectedView()\" (change)=\"selectedView.set($event.value)\">\n        <mat-button-toggle value=\"itemized\">Itemized</mat-button-toggle>\n        <mat-button-toggle value=\"grouped\">Grouped</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n\n    <form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2 flex-wrap\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput formControlName=\"search\" />\n      </mat-form-field>\n\n      <app-timeline-filter labelText=\"Date\" formControlName=\"duration\" [form]=\"filterForm\"></app-timeline-filter>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Category</mat-label>\n        <app-searchable-selector apiUrl=\"api/product-categories\" formControlName=\"category_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Measure</mat-label>\n        <app-searchable-selector apiUrl=\"api/product-measures\" formControlName=\"measure_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Location</mat-label>\n        <app-searchable-selector apiUrl=\"api/inventory-locations\" formControlName=\"location_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field class='fl-sm'>\n        <mat-label>Supplier</mat-label>\n        <app-searchable-selector apiUrl=\"api/suppliers\" formControlName=\"supplier_ids\" titleField=\"company_name\"\n          [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n} @if (product()) {\n<mat-card class=\"mb-2\">\n  <mat-card-content class=\"mb-0\">\n    <div class=\"d-flex justify-content-start align-items-center gap-2 mb-2\">\n      <span class=\"material-symbols-outlined\"> output_circle </span>\n      <h3 class=\"mb-0\">Stock Receipts</h3>\n    </div>\n  </mat-card-content>\n</mat-card>\n} @if (selectedView() === 'itemized') {\n<app-stock-receipt-product-list [filters]=\"filtersValue()\"\n  [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\">\n</app-stock-receipt-product-list>\n} @if (selectedView() === 'grouped') {\n<app-stock-receipt-list [filters]=\"filtersValue()\"\n  [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\">\n</app-stock-receipt-list>\n}",
+			styles: [":host ::ng-deep .mat-mdc-footer-row{position:sticky;bottom:0;background-color:#fff;z-index:10;box-shadow:0 -2px 4px #0000001a}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: i2$1.FormBuilder }],
+	propDecorators: {
+		product: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "product",
+				required: false
+			}]
+		}],
+		supplierId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "supplierId",
+				required: false
+			}]
+		}],
+		listUpdated: [{
+			type: i0.Output,
+			args: ["listUpdated"]
+		}]
+	}
+});
+var StockReceiptImportPageComponent = class StockReceiptImportPageComponent {
+	importConfig = {
+		apiUrl: "api/stock-receipts-import",
+		title: "Stock Receipts",
+		importType: "stock-receipt",
+		properties: [
+			{
+				label: "Product",
+				value: "product",
+				type: "text"
+			},
+			{
+				label: "Supplier",
+				value: "supplier",
+				type: "text"
+			},
+			{
+				label: "Date",
+				value: "date",
+				type: "date"
+			},
+			{
+				label: "Quantity",
+				value: "quantity",
+				type: "number"
+			},
+			{
+				label: "Purchase Price",
+				value: "purchase_price",
+				type: "number"
+			},
+			{
+				label: "Amount",
+				value: "amount",
+				type: "number"
+			},
+			{
+				label: "Particulars",
+				value: "particulars",
+				type: "text"
+			}
+		],
+		sampleFile: {
+			name: "Stock Receipt Sample",
+			path: "assets/stock-receipt/stock-receipt-sample.csv"
+		},
+		importHistory: {
+			isEnabled: true,
+			type: "stock-receipt",
+			apiUrl: "api/import-histories"
+		},
+		viewRouterLink: "/inventory/stock-receipts"
+	};
+	constructor() {}
+	ngOnInit() {}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptImportPageComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		type: StockReceiptImportPageComponent,
+		isStandalone: true,
+		selector: "app-stock-receipt-import-page",
+		ngImport: i0,
+		template: "<app-import-csv [config]=\"importConfig\"></app-import-csv>",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: MaterialModule$1
+			},
+			{
+				kind: "ngmodule",
+				type: ImportCsvModule
+			},
+			{
+				kind: "component",
+				type: i1.ImportCsvComponent,
+				selector: "app-import-csv",
+				inputs: ["config"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptImportPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-import-page",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [MaterialModule$1, ImportCsvModule],
+			template: "<app-import-csv [config]=\"importConfig\"></app-import-csv>"
+		}]
+	}],
+	ctorParameters: () => []
+});
+var StockReceiptViewComponent = class StockReceiptViewComponent {
+	activatedRoute;
+	service;
+	location;
+	id;
+	isLoading;
+	stockReceipt;
+	constructor(activatedRoute, service, location) {
+		this.activatedRoute = activatedRoute;
+		this.service = service;
+		this.location = location;
+	}
+	ngOnInit() {
+		this.activatedRoute.params.subscribe((params) => {
+			this.id = parseInt(params["id"]);
+			if (this.id) this.loadData();
+		});
+	}
+	loadData() {
+		this.isLoading = true;
+		this.service.show(this.id, { with: "creator,stockReceiptProducts.product,batch" }).subscribe({
+			next: (response) => {
+				this.stockReceipt = response?.item;
+				this.isLoading = false;
+			},
+			error: () => {
+				this.isLoading = false;
+			}
+		});
+	}
+	redirectBack() {
+		this.location.back();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptViewComponent,
+		deps: [
+			{ token: i9.ActivatedRoute },
+			{ token: StockReceiptService },
+			{ token: i13.Location }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptViewComponent,
+		isStandalone: false,
+		selector: "app-stock-receipt-view",
+		ngImport: i0,
+		template: "@if (isLoading) {\n<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n} @if (stockReceipt) {\n<div class=\"d-flex flex-column justify-content-start gap-2\">\n  <mat-card>\n    <mat-card-content>\n      <h3 class=\"mb-0\">Stock Receipt for {{ stockReceipt?.stock_receipt_products[0]?.product?.name }}</h3>\n    </mat-card-content>\n  </mat-card>\n  <div class=\"d-flex justify-content-start align-items-start gap-2\">\n    <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n      <mat-card>\n        <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n          <div class=\"d-flex justify-content-start align-items-center gap-2\">\n            <span class=\"material-symbols-outlined\"> campaign </span>\n            <strong class=\"mb-0 text-dark\">Information</strong>\n          </div>\n          <div class=\"d-flex justify-content-start align-items-center gap-2 text-secondary\">\n            <app-techlify-icon role='button' name='edit'\n              [routerLink]=\"['/inventory/stock-receipts/form', $safeNavigationMigration(stockReceipt?.id)]\"></app-techlify-icon>\n            <app-techlify-delete-button [model]=\"stockReceipt\" [service]=\"service\"\n              [data]=\"{ title: $safeNavigationMigration(stockReceipt?.id), type: 'Stock Receipt' }\"\n              (deleted)=\"redirectBack()\">\n            </app-techlify-delete-button>\n          </div>\n        </mat-card-content>\n        <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n          <div class=\"d-flex justify-content-between align-items-center gap-2\">\n            <div class=\"d-flex flex-column gap-0\">\n              <a class=\"text-decoration-none text-black\"\n                [routerLink]=\"['/inventory/products', $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.product?.id), 'view']\">\n                <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.product?.name }}</p>\n              </a>\n              @if (stockReceipt?.stock_receipt_products[0]?.product?.sku) {\n              <small>{{\n                stockReceipt?.stock_receipt_products[0]?.product?.sku }}</small>\n              }\n            </div>\n            <div class=\"d-flex flex-column justify-content-end gap-0\">\n              @if (stockReceipt?.date) {\n              <small>{{ $safeNavigationMigration(stockReceipt?.date) | date }}</small>\n              } @if (stockReceipt?.stock_receipt_products[0]?.batch?.expires_on)\n              {\n              <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                  Expires on\n                {{ $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.batch?.expires_on) | date }}\n                </small>\n              }\n            </div>\n          </div>\n          <div class=\"row\">\n            @if (stockReceipt?.stock_receipt_products[0]?.purchase_price) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Purchase Price</small>\n                <p class=\"mb-0\">{{ $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.purchase_price) | currency }}</p>\n              </div>\n            </div>\n            } @if (stockReceipt?.stock_receipt_products[0]?.supplier) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Supplier</small>\n                <a class=\"text-decoration-none text-black\"\n                  [routerLink]=\"['/inventory/suppliers', $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.supplier?.id), 'view']\">\n                  <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.supplier?.company_name }}</p>\n                </a>\n              </div>\n            </div>\n            }\n          </div>\n          <div class=\"row\">\n            @if (stockReceipt?.stock_receipt_products[0]?.quantity) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Quantity</small>\n                <div class=\"d-flex gap-1\">\n                  <h3 class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.quantity }}</h3>\n                  <small class=\"text-secondary\">{{ stockReceipt?.stock_receipt_products[0]?.product?.measure?.title\n                    }}</small>\n                </div>\n              </div>\n            </div>\n            } @if (stockReceipt?.stock_receipt_products[0]?.amount) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Total Value</small>\n                <h3 class=\"mb-0\">{{ $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.amount) | currency }}</h3>\n              </div>\n            </div>\n            }\n          </div>\n          @if (stockReceipt?.stock_receipt_products[0]?.particulars) {\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Particulars</small>\n                <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.particulars }}</p>\n              </div>\n            </div>\n          </div>\n          }\n          <div class=\"row\">\n            @if (stockReceipt?.stock_receipt_products[0]?.location) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Location</small>\n                <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.location?.title }}</p>\n              </div>\n            </div>\n            } @if (stockReceipt?.stock_receipt_products[0]?.batch) {\n            <div class=\"col-6\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                <div class=\"d-flex flex-column gap-0\">\n                  <small class=\"text-secondary\">Batch</small>\n                  <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.batch?.batch_number }}</p>\n                </div>\n              </div>\n            }\n          </div>\n          @if (stockReceipt?.creator) {\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <small class=\"mb-0\">\n                <span class=\"text-secondary\">Created By</span> {{ stockReceipt?.creator?.name }}\n                <span class=\"text-secondary\">On</span> {{ $safeNavigationMigration(stockReceipt?.created_at) | date }}\n              </small>\n            </div>\n          </div>\n          }\n        </mat-card-content>\n      </mat-card>\n\n      <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockReceipt\"\n        [relatedModelId]=\"$safeNavigationMigration(stockReceipt?.id)\"></app-note-list>\n    </div>\n\n    <div style=\"width: calc(100% - 350px - 0.5rem)\">\n      <app-entity-files-view-all title=\"Document\" [entityId]=\"$safeNavigationMigration(stockReceipt?.id)\" entityType=\"StockReceipt\">\n      </app-entity-files-view-all>\n    </div>\n  </div>\n</div>\n}",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: i6$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i5.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "directive",
+				type: i9.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: i1.EntityFileListComponent,
+				selector: "app-entity-file-list, app-entity-files-view-all",
+				inputs: [
+					"entityId",
+					"entityType",
+					"viewOnly",
+					"removeSearch",
+					"hideTitleAndDetails",
+					"displayMode",
+					"allowMultipleFiles",
+					"allowBulkUpdate",
+					"viewMode",
+					"fileDropperHeight",
+					"isShowDragDropSection",
+					"defaultFilters",
+					"isFilterPatchFromRoute",
+					"useTechlifyTags",
+					"techlifyTagCategories",
+					"techlifyTagConfig",
+					"title",
+					"permission"
+				]
+			},
+			{
+				kind: "directive",
+				type: i1.TechlifyFeatureEnabledDirective,
+				selector: "[techlifyFeatureEnabled]",
+				inputs: ["techlifyFeatureEnabled"]
+			},
+			{
+				kind: "component",
+				type: i1.NoteListComponent,
+				selector: "app-note-list",
+				inputs: [
+					"relatedModelId",
+					"modelType",
+					"readonly",
+					"labelText",
+					"commentsView",
+					"viewMode"
+				]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyDeleteButtonComponent,
+				selector: "app-techlify-delete-button",
+				inputs: [
+					"data",
+					"model",
+					"message",
+					"service"
+				],
+				outputs: ["deleted", "loading"]
+			},
+			{
+				kind: "pipe",
+				type: i13.CurrencyPipe,
+				name: "currency"
+			},
+			{
+				kind: "pipe",
+				type: i13.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptViewComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-view",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "@if (isLoading) {\n<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n} @if (stockReceipt) {\n<div class=\"d-flex flex-column justify-content-start gap-2\">\n  <mat-card>\n    <mat-card-content>\n      <h3 class=\"mb-0\">Stock Receipt for {{ stockReceipt?.stock_receipt_products[0]?.product?.name }}</h3>\n    </mat-card-content>\n  </mat-card>\n  <div class=\"d-flex justify-content-start align-items-start gap-2\">\n    <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n      <mat-card>\n        <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n          <div class=\"d-flex justify-content-start align-items-center gap-2\">\n            <span class=\"material-symbols-outlined\"> campaign </span>\n            <strong class=\"mb-0 text-dark\">Information</strong>\n          </div>\n          <div class=\"d-flex justify-content-start align-items-center gap-2 text-secondary\">\n            <app-techlify-icon role='button' name='edit'\n              [routerLink]=\"['/inventory/stock-receipts/form', $safeNavigationMigration(stockReceipt?.id)]\"></app-techlify-icon>\n            <app-techlify-delete-button [model]=\"stockReceipt\" [service]=\"service\"\n              [data]=\"{ title: $safeNavigationMigration(stockReceipt?.id), type: 'Stock Receipt' }\"\n              (deleted)=\"redirectBack()\">\n            </app-techlify-delete-button>\n          </div>\n        </mat-card-content>\n        <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n          <div class=\"d-flex justify-content-between align-items-center gap-2\">\n            <div class=\"d-flex flex-column gap-0\">\n              <a class=\"text-decoration-none text-black\"\n                [routerLink]=\"['/inventory/products', $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.product?.id), 'view']\">\n                <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.product?.name }}</p>\n              </a>\n              @if (stockReceipt?.stock_receipt_products[0]?.product?.sku) {\n              <small>{{\n                stockReceipt?.stock_receipt_products[0]?.product?.sku }}</small>\n              }\n            </div>\n            <div class=\"d-flex flex-column justify-content-end gap-0\">\n              @if (stockReceipt?.date) {\n              <small>{{ $safeNavigationMigration(stockReceipt?.date) | date }}</small>\n              } @if (stockReceipt?.stock_receipt_products[0]?.batch?.expires_on)\n              {\n              <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                  Expires on\n                {{ $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.batch?.expires_on) | date }}\n                </small>\n              }\n            </div>\n          </div>\n          <div class=\"row\">\n            @if (stockReceipt?.stock_receipt_products[0]?.purchase_price) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Purchase Price</small>\n                <p class=\"mb-0\">{{ $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.purchase_price) | currency }}</p>\n              </div>\n            </div>\n            } @if (stockReceipt?.stock_receipt_products[0]?.supplier) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Supplier</small>\n                <a class=\"text-decoration-none text-black\"\n                  [routerLink]=\"['/inventory/suppliers', $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.supplier?.id), 'view']\">\n                  <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.supplier?.company_name }}</p>\n                </a>\n              </div>\n            </div>\n            }\n          </div>\n          <div class=\"row\">\n            @if (stockReceipt?.stock_receipt_products[0]?.quantity) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Quantity</small>\n                <div class=\"d-flex gap-1\">\n                  <h3 class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.quantity }}</h3>\n                  <small class=\"text-secondary\">{{ stockReceipt?.stock_receipt_products[0]?.product?.measure?.title\n                    }}</small>\n                </div>\n              </div>\n            </div>\n            } @if (stockReceipt?.stock_receipt_products[0]?.amount) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Total Value</small>\n                <h3 class=\"mb-0\">{{ $safeNavigationMigration(stockReceipt?.stock_receipt_products[0]?.amount) | currency }}</h3>\n              </div>\n            </div>\n            }\n          </div>\n          @if (stockReceipt?.stock_receipt_products[0]?.particulars) {\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Particulars</small>\n                <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.particulars }}</p>\n              </div>\n            </div>\n          </div>\n          }\n          <div class=\"row\">\n            @if (stockReceipt?.stock_receipt_products[0]?.location) {\n            <div class=\"col-6\">\n              <div class=\"d-flex flex-column gap-0\">\n                <small class=\"text-secondary\">Location</small>\n                <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.location?.title }}</p>\n              </div>\n            </div>\n            } @if (stockReceipt?.stock_receipt_products[0]?.batch) {\n            <div class=\"col-6\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                <div class=\"d-flex flex-column gap-0\">\n                  <small class=\"text-secondary\">Batch</small>\n                  <p class=\"mb-0\">{{ stockReceipt?.stock_receipt_products[0]?.batch?.batch_number }}</p>\n                </div>\n              </div>\n            }\n          </div>\n          @if (stockReceipt?.creator) {\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <small class=\"mb-0\">\n                <span class=\"text-secondary\">Created By</span> {{ stockReceipt?.creator?.name }}\n                <span class=\"text-secondary\">On</span> {{ $safeNavigationMigration(stockReceipt?.created_at) | date }}\n              </small>\n            </div>\n          </div>\n          }\n        </mat-card-content>\n      </mat-card>\n\n      <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockReceipt\"\n        [relatedModelId]=\"$safeNavigationMigration(stockReceipt?.id)\"></app-note-list>\n    </div>\n\n    <div style=\"width: calc(100% - 350px - 0.5rem)\">\n      <app-entity-files-view-all title=\"Document\" [entityId]=\"$safeNavigationMigration(stockReceipt?.id)\" entityType=\"StockReceipt\">\n      </app-entity-files-view-all>\n    </div>\n  </div>\n</div>\n}"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i9.ActivatedRoute },
+		{ type: StockReceiptService },
+		{ type: i13.Location }
+	]
+});
+var StockReceiptFormComponent = class StockReceiptFormComponent extends TechlifyFormComponent {
+	formValidatorService;
+	fb;
+	stockReceiptService;
+	router;
+	route;
+	locationService;
+	location;
+	locationCount = signal(0, ...ngDevMode ? [{ debugName: "locationCount" }] : /* istanbul ignore next */ []);
+	stockReceiptId = signal(null, ...ngDevMode ? [{ debugName: "stockReceiptId" }] : /* istanbul ignore next */ []);
+	stockReceipt = signal(null, ...ngDevMode ? [{ debugName: "stockReceipt" }] : /* istanbul ignore next */ []);
+	constructor(formValidatorService, fb, stockReceiptService, router, route, locationService, location) {
+		super(formValidatorService);
+		this.formValidatorService = formValidatorService;
+		this.fb = fb;
+		this.stockReceiptService = stockReceiptService;
+		this.router = router;
+		this.route = route;
+		this.locationService = locationService;
+		this.location = location;
+		this.errorMessages = {
+			supplier_id: { required: "The supplier field is required." },
+			date: { required: "The date field is required." },
+			details: { required: "The particulars field is required." }
+		};
+		this.form = this.fb.group({
+			supplier_id: ["", Validators.compose([Validators.required])],
+			date: [/* @__PURE__ */ new Date(), Validators.compose([Validators.required])],
+			details: [""],
+			stock_receipt_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.stockReceiptId.set(+id);
+			this.loadStockReceipt(+id);
+		} else this.addStockReceiptProduct();
+	}
+	loadStockReceipt(id) {
+		this.isWorking = true;
+		this.stockReceiptService.show(id, { with: "stockReceiptProducts.product,stockReceiptProducts.location" }).subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.stockReceipt.set(response.item);
+			},
+			error: () => {
+				this.isWorking = false;
+			},
+			complete: () => {
+				this.form.patchValue({
+					supplier_id: this.stockReceipt().supplier_id,
+					date: this.stockReceipt().date ? new Date(this.stockReceipt().date) : /* @__PURE__ */ new Date(),
+					details: this.stockReceipt().details
+				});
+				this.stockReceiptProducts.clear();
+				this.stockReceipt().stock_receipt_products?.forEach((srp) => {
+					const group = this.createStockReceiptProduct();
+					group.patchValue({
+						id: srp.id,
+						product_id: srp.product_id,
+						location_id: srp.location_id,
+						quantity: srp.quantity,
+						purchase_price: srp.purchase_price,
+						total_amount: (srp.quantity || 0) * (srp.purchase_price || 0),
+						particulars: srp.particulars
+					});
+					const index = this.stockReceiptProducts.length;
+					group.get("quantity")?.valueChanges.pipe(debounceTime(300)).subscribe(() => this.updateRowTotal(index));
+					group.get("purchase_price")?.valueChanges.pipe(debounceTime(300)).subscribe(() => this.updateRowTotal(index));
+					this.stockReceiptProducts.push(group);
+				});
+			}
+		});
+	}
+	get stockReceiptProducts() {
+		return this.form.get("stock_receipt_products");
+	}
+	createStockReceiptProduct() {
+		return this.fb.group({
+			id: [""],
+			product_id: ["", Validators.required],
+			location_id: ["", this.locationCount() > 0 ? Validators.required : null],
+			quantity: [0, [Validators.required, Validators.min(0)]],
+			purchase_price: [0, [Validators.required, Validators.min(0)]],
+			total_amount: [{
+				value: 0,
+				disabled: true
+			}],
+			particulars: [""]
+		});
+	}
+	getSelectedProduct(index) {
+		return this.stockReceipt()?.stock_receipt_products?.find((sr) => sr.id === this.stockReceiptProducts.at(index)?.get("id")?.value)?.product;
+	}
+	getSelectedLocation(index) {
+		return this.stockReceipt()?.stock_receipt_products?.find((sr) => sr.id === this.stockReceiptProducts.at(index)?.get("id")?.value)?.location;
+	}
+	addStockReceiptProduct() {
+		const group = this.createStockReceiptProduct();
+		const index = this.stockReceiptProducts.length;
+		group.get("quantity")?.valueChanges.pipe(debounceTime(300)).subscribe(() => this.updateRowTotal(index));
+		group.get("purchase_price")?.valueChanges.pipe(debounceTime(300)).subscribe(() => this.updateRowTotal(index));
+		this.stockReceiptProducts.push(group);
+	}
+	removeStockReceiptProduct(index) {
+		this.stockReceiptProducts.removeAt(index);
+	}
+	clearProducts() {
+		this.stockReceiptProducts.clear();
+	}
+	getRowTotal(index) {
+		const row = this.stockReceiptProducts.at(index);
+		if (!row) return 0;
+		return row.get("quantity")?.value * row.get("purchase_price")?.value;
+	}
+	updateRowTotal(index) {
+		this.stockReceiptProducts.at(index)?.get("total_amount")?.setValue(this.getRowTotal(index));
+	}
+	save() {
+		if (this.form.invalid) {
+			this.form.markAllAsTouched();
+			this.form.markAsDirty();
+			this.alertService.addAlert("Please check the form for errors.", "error");
+			return;
+		}
+		if (this.stockReceiptProducts.length === 0) {
+			this.alertService.addAlert("Please add at least one product.", "error");
+			return;
+		}
+		const formData = this.form.getRawValue();
+		const data = {
+			id: this.stockReceipt()?.id ?? null,
+			date: moment(formData.date).format("YYYY-MM-DD"),
+			supplier_id: formData.supplier_id,
+			details: formData.details,
+			products: formData.stock_receipt_products.map((row) => ({
+				id: row.product_id,
+				product_id: row.product_id,
+				supplier_id: formData.supplier_id,
+				quantity: row.quantity,
+				purchase_price: row.purchase_price,
+				amount: (parseFloat(row.quantity) || 0) * (parseFloat(row.purchase_price) || 0),
+				location_id: row.location_id,
+				particulars: row.particulars
+			}))
+		};
+		this.isWorking = true;
+		(this.stockReceipt()?.id ? this.stockReceiptService.update(data) : this.stockReceiptService.store(data)).subscribe({
+			next: () => {
+				this.isWorking = false;
+				this.alertService.addAlert("Stock receipts saved successfully!", "success");
+				this.location.back();
+			},
+			error: () => {
+				this.isWorking = false;
+			}
+		});
+	}
+	cancel() {
+		this.location.back();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: i2$1.FormBuilder },
+			{ token: StockReceiptService },
+			{ token: i9.Router },
+			{ token: i9.ActivatedRoute },
+			{ token: LocationService },
+			{ token: i13.Location }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptFormComponent,
+		isStandalone: true,
+		selector: "app-stock-receipt-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\">download</span>\n                Receive 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>Supplier</mat-label>\n                        <app-searchable-selector apiUrl='api/suppliers' formControlName=\"supplier_id\"\n                            titleField='company_name' required></app-searchable-selector>\n            @if (isFieldValid('supplier_id')) {\n            <mat-error>{{ getErrorMessage('supplier_id') }}</mat-error>\n            }\n          </mat-form-field>\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>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            @if (isFieldValid('date')) {\n            <mat-error>{{ getErrorMessage('date') }}</mat-error>\n            }\n          </mat-form-field>\n                </div>\n\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <div class=\"w-50\">\n                        <mat-form-field appearance='outline' class=\"w-100\">\n                            <mat-label>Particulars</mat-label>\n                            <textarea matInput placeholder=\"Particulars\" formControlName=\"details\"></textarea>\n                        </mat-form-field>\n                    </div>\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            @if (locationCount() > 0) {\n            <th scope=\"col\">Location</th>\n            }\n            <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Purchase Price</th>\n                        <th scope=\"col\">Total Value</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_receipt_products\">\n          @for (row of stockReceiptProducts.controls; track row; let i = $index)\n          {\n          <tr [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\" [selectedValue]=\"getSelectedProduct(i)\"\n                                    required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            @if (locationCount() > 0) {\n            <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Location</mat-label>\n                                <app-searchable-selector apiUrl='api/inventory-locations?status_ids=1'\n                                    formControlName=\"location_id\" titleField='title'\n                                    [selectedValue]=\"getSelectedLocation(i)\"></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            }\n            <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" min=\"0\" type=\"number\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Purchase Price</mat-label>\n                                <input matInput formControlName=\"purchase_price\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Total Value</mat-label>\n                                <input matInput [value]=\"getRowTotal(i) | currency\" readonly>\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)=\"removeStockReceiptProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n          }\n        </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"8\" 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]=\"stockReceiptProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockReceiptProduct()\">\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 || stockReceiptProducts.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: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i2$1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2$1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2$1.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormGroupName,
+				selector: "[formGroupName]",
+				inputs: ["formGroupName"]
+			},
+			{
+				kind: "directive",
+				type: i2$1.FormArrayName,
+				selector: "[formArrayName]",
+				inputs: ["formArrayName"]
+			},
+			{
+				kind: "ngmodule",
+				type: MaterialModule$1
+			},
+			{
+				kind: "component",
+				type: i5$1.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i8$1.MatDatepicker,
+				selector: "mat-datepicker",
+				exportAs: ["matDatepicker"]
+			},
+			{
+				kind: "directive",
+				type: i8$1.MatDatepickerInput,
+				selector: "input[matDatepicker]",
+				inputs: [
+					"matDatepicker",
+					"min",
+					"max",
+					"matDatepickerFilter"
+				],
+				exportAs: ["matDatepickerInput"]
+			},
+			{
+				kind: "component",
+				type: i8$1.MatDatepickerToggle,
+				selector: "mat-datepicker-toggle",
+				inputs: [
+					"for",
+					"tabIndex",
+					"aria-label",
+					"disabled",
+					"disableRipple"
+				],
+				exportAs: ["matDatepickerToggle"]
+			},
+			{
+				kind: "component",
+				type: i8$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i8$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i8$2.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: i9$1.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "directive",
+				type: i8.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",
+					"isItemsEmpty"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: TechlifyIconModule
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			},
+			{
+				kind: "pipe",
+				type: i13.CurrencyPipe,
+				name: "currency"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				MaterialModule$1,
+				SearchableSelectorModule,
+				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\">download</span>\n                Receive 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>Supplier</mat-label>\n                        <app-searchable-selector apiUrl='api/suppliers' formControlName=\"supplier_id\"\n                            titleField='company_name' required></app-searchable-selector>\n            @if (isFieldValid('supplier_id')) {\n            <mat-error>{{ getErrorMessage('supplier_id') }}</mat-error>\n            }\n          </mat-form-field>\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>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            @if (isFieldValid('date')) {\n            <mat-error>{{ getErrorMessage('date') }}</mat-error>\n            }\n          </mat-form-field>\n                </div>\n\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <div class=\"w-50\">\n                        <mat-form-field appearance='outline' class=\"w-100\">\n                            <mat-label>Particulars</mat-label>\n                            <textarea matInput placeholder=\"Particulars\" formControlName=\"details\"></textarea>\n                        </mat-form-field>\n                    </div>\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            @if (locationCount() > 0) {\n            <th scope=\"col\">Location</th>\n            }\n            <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Purchase Price</th>\n                        <th scope=\"col\">Total Value</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_receipt_products\">\n          @for (row of stockReceiptProducts.controls; track row; let i = $index)\n          {\n          <tr [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\" [selectedValue]=\"getSelectedProduct(i)\"\n                                    required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            @if (locationCount() > 0) {\n            <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Location</mat-label>\n                                <app-searchable-selector apiUrl='api/inventory-locations?status_ids=1'\n                                    formControlName=\"location_id\" titleField='title'\n                                    [selectedValue]=\"getSelectedLocation(i)\"></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n            }\n            <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" min=\"0\" type=\"number\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Purchase Price</mat-label>\n                                <input matInput formControlName=\"purchase_price\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Total Value</mat-label>\n                                <input matInput [value]=\"getRowTotal(i) | currency\" readonly>\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)=\"removeStockReceiptProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n          }\n        </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"8\" 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]=\"stockReceiptProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockReceiptProduct()\">\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 || stockReceiptProducts.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$1.FormBuilder },
+		{ type: StockReceiptService },
+		{ type: i9.Router },
+		{ type: i9.ActivatedRoute },
+		{ type: LocationService },
+		{ type: i13.Location }
+	]
+});
+var StockReceiptProductViewComponent = class StockReceiptProductViewComponent {
+	activatedRoute;
+	service;
+	location;
+	id;
+	isLoading;
+	model;
+	constructor(activatedRoute, service, location) {
+		this.activatedRoute = activatedRoute;
+		this.service = service;
+		this.location = location;
+	}
+	ngOnInit() {
+		this.activatedRoute.params.subscribe((params) => {
+			this.id = parseInt(params["id"]);
+			if (this.id) this.loadData();
+		});
+	}
+	loadData() {
+		this.isLoading = true;
+		this.service.show(this.id).subscribe({
+			next: (response) => {
+				this.model = response?.item;
+				this.isLoading = false;
+			},
+			error: () => {
+				this.isLoading = false;
+			}
+		});
+	}
+	redirectBack() {
+		this.location.back();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptProductViewComponent,
+		deps: [
+			{ token: i9.ActivatedRoute },
+			{ token: StockReceiptProductService },
+			{ token: i13.Location }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockReceiptProductViewComponent,
+		isStandalone: true,
+		selector: "app-stock-receipt-product-view",
+		ngImport: i0,
+		template: "@if (isLoading) {\n<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n} @if (model) {\n<div class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Receipt for {{ model?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> campaign </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2 text-secondary\">\n                        <app-techlify-icon name=\"edit\" role=\"button\"\n                            [routerLink]=\"['/inventory/stock-receipts/form', $safeNavigationMigration(model?.stock_receipt_id)]\"></app-techlify-icon>\n                        <app-techlify-delete-button [model]=\"model\" [service]=\"service\"\n                            [data]=\"{ title: $safeNavigationMigration(model?.product?.name), type: 'Stock Receipt Product' }\"\n              (deleted)=\"redirectBack()\"\n            >\n                        </app-techlify-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', $safeNavigationMigration(model?.product?.id), 'view']\">\n                                <p class=\"mb-0\">{{ model?.product?.name }}</p>\n                            </a>\n              @if (model?.product?.sku) {\n              <small>{{ model?.product?.sku }}</small>\n              }\n            </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n              @if (model?.stock_receipt?.date) {\n              <small>{{ $safeNavigationMigration(model?.stock_receipt?.date) | date }}</small>\n              } @if (model?.batch?.expires_on) {\n              <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on\n                {{ $safeNavigationMigration(model?.batch?.expires_on) | date }}\n                                </small>\n              }\n            </div>\n                    </div>\n\n                    <div class=\"row\">\n            @if (model?.purchase_price) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Purchase Price</small>\n                                <p class=\"mb-0\">{{ $safeNavigationMigration(model?.purchase_price) | currency }}</p>\n                            </div>\n                        </div>\n            } @if (model?.stock_receipt?.supplier) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-black\"\n                                    [routerLink]=\"['/inventory/suppliers', $safeNavigationMigration(model?.stock_receipt?.supplier?.id), 'view']\">\n                                    <p class=\"mb-0\">{{ model?.stock_receipt?.supplier?.company_name }}</p>\n                                </a>\n                            </div>\n                        </div>\n            }\n          </div>\n\n                    <div class=\"row\">\n            @if (model?.quantity) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ model?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{ model?.product?.measure?.title }}</small>\n                                </div>\n                            </div>\n                        </div>\n            } @if (model?.amount) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Total Value</small>\n                                <h3 class=\"mb-0\">{{ $safeNavigationMigration(model?.amount) | currency }}</h3>\n                            </div>\n                        </div>\n            }\n          </div>\n          @if (model?.particulars) {\n          <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ model?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n          }\n          <div class=\"row\">\n            @if (model?.location) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ model?.location?.title }}</p>\n                            </div>\n                        </div>\n            } @if (model?.batch) {\n            <div class=\"col-6\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ model?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n            }\n          </div>\n          @if (model?.stock_receipt?.creator) {\n          <div class=\"row\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ model?.stock_receipt?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ $safeNavigationMigration(model?.stock_receipt?.created_at) | date }}\n                            </small>\n                        </div>\n                    </div>\n          }\n        </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockReceiptProduct\"\n                [relatedModelId]=\"$safeNavigationMigration(model?.stock_receipt_id)\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-stock-allocation-list [stockReceiptProductId]=\"$safeNavigationMigration(model?.id)\"></app-stock-allocation-list>\n        </div>\n    </div>\n</div>\n}\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: i6$1.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i5.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "component",
+				type: i1.NoteListComponent,
+				selector: "app-note-list",
+				inputs: [
+					"relatedModelId",
+					"modelType",
+					"readonly",
+					"labelText",
+					"commentsView",
+					"viewMode"
+				]
+			},
+			{
+				kind: "directive",
+				type: i9.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyDeleteButtonComponent,
+				selector: "app-techlify-delete-button",
+				inputs: [
+					"data",
+					"model",
+					"message",
+					"service"
+				],
+				outputs: ["deleted", "loading"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyIconComponent,
+				selector: "app-techlify-icon",
+				inputs: ["name", "size"]
+			},
+			{
+				kind: "ngmodule",
+				type: NoteModule
+			},
+			{
+				kind: "ngmodule",
+				type: TechlifyFeatureModule
+			},
+			{
+				kind: "directive",
+				type: i1.TechlifyFeatureEnabledDirective,
+				selector: "[techlifyFeatureEnabled]",
+				inputs: ["techlifyFeatureEnabled"]
+			},
+			{
+				kind: "component",
+				type: StockAllocationListComponent,
+				selector: "app-stock-allocation-list",
+				inputs: [
+					"stockIssueProductId",
+					"stockReceiptProductId",
+					"selectedColumns"
+				],
+				outputs: ["selectedColumnsChange"]
+			},
+			{
+				kind: "pipe",
+				type: i13.CurrencyPipe,
+				name: "currency"
+			},
+			{
+				kind: "pipe",
+				type: i13.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptProductViewComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-receipt-product-view",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				SharedModule,
+				NoteModule,
+				TechlifyFeatureModule,
+				StockAllocationListComponent
+			],
+			template: "@if (isLoading) {\n<mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n} @if (model) {\n<div class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Receipt for {{ model?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> campaign </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2 text-secondary\">\n                        <app-techlify-icon name=\"edit\" role=\"button\"\n                            [routerLink]=\"['/inventory/stock-receipts/form', $safeNavigationMigration(model?.stock_receipt_id)]\"></app-techlify-icon>\n                        <app-techlify-delete-button [model]=\"model\" [service]=\"service\"\n                            [data]=\"{ title: $safeNavigationMigration(model?.product?.name), type: 'Stock Receipt Product' }\"\n              (deleted)=\"redirectBack()\"\n            >\n                        </app-techlify-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', $safeNavigationMigration(model?.product?.id), 'view']\">\n                                <p class=\"mb-0\">{{ model?.product?.name }}</p>\n                            </a>\n              @if (model?.product?.sku) {\n              <small>{{ model?.product?.sku }}</small>\n              }\n            </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n              @if (model?.stock_receipt?.date) {\n              <small>{{ $safeNavigationMigration(model?.stock_receipt?.date) | date }}</small>\n              } @if (model?.batch?.expires_on) {\n              <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on\n                {{ $safeNavigationMigration(model?.batch?.expires_on) | date }}\n                                </small>\n              }\n            </div>\n                    </div>\n\n                    <div class=\"row\">\n            @if (model?.purchase_price) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Purchase Price</small>\n                                <p class=\"mb-0\">{{ $safeNavigationMigration(model?.purchase_price) | currency }}</p>\n                            </div>\n                        </div>\n            } @if (model?.stock_receipt?.supplier) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-black\"\n                                    [routerLink]=\"['/inventory/suppliers', $safeNavigationMigration(model?.stock_receipt?.supplier?.id), 'view']\">\n                                    <p class=\"mb-0\">{{ model?.stock_receipt?.supplier?.company_name }}</p>\n                                </a>\n                            </div>\n                        </div>\n            }\n          </div>\n\n                    <div class=\"row\">\n            @if (model?.quantity) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ model?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{ model?.product?.measure?.title }}</small>\n                                </div>\n                            </div>\n                        </div>\n            } @if (model?.amount) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Total Value</small>\n                                <h3 class=\"mb-0\">{{ $safeNavigationMigration(model?.amount) | currency }}</h3>\n                            </div>\n                        </div>\n            }\n          </div>\n          @if (model?.particulars) {\n          <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ model?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n          }\n          <div class=\"row\">\n            @if (model?.location) {\n            <div class=\"col-6\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ model?.location?.title }}</p>\n                            </div>\n                        </div>\n            } @if (model?.batch) {\n            <div class=\"col-6\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ model?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n            }\n          </div>\n          @if (model?.stock_receipt?.creator) {\n          <div class=\"row\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ model?.stock_receipt?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ $safeNavigationMigration(model?.stock_receipt?.created_at) | date }}\n                            </small>\n                        </div>\n                    </div>\n          }\n        </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockReceiptProduct\"\n                [relatedModelId]=\"$safeNavigationMigration(model?.stock_receipt_id)\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-stock-allocation-list [stockReceiptProductId]=\"$safeNavigationMigration(model?.id)\"></app-stock-allocation-list>\n        </div>\n    </div>\n</div>\n}\n"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i9.ActivatedRoute },
+		{ type: StockReceiptProductService },
+		{ type: i13.Location }
+	]
+});
+const routes = [
+	{
+		path: "",
+		component: StockReceiptPageComponent
+	},
+	{
+		path: ":id/view",
+		component: StockReceiptViewComponent
+	},
+	{
+		path: "products/:id/view",
+		component: StockReceiptProductViewComponent
+	},
+	{
+		path: "import",
+		component: StockReceiptImportPageComponent,
+		canLoad: [AuthenticationGuard]
+	},
+	{
+		path: "form",
+		component: StockReceiptFormComponent,
+		canLoad: [AuthenticationGuard]
+	},
+	{
+		path: "form/:id",
+		component: StockReceiptFormComponent,
+		canLoad: [AuthenticationGuard]
+	}
+];
+var StockReceiptsRoutingModule = class StockReceiptsRoutingModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptsRoutingModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptsRoutingModule,
+		imports: [i9.RouterModule],
+		exports: [RouterModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptsRoutingModule,
+		imports: [RouterModule.forChild(routes), RouterModule]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptsRoutingModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [RouterModule.forChild(routes)],
+			exports: [RouterModule]
+		}]
+	}]
+});
+var stock_receipts_module_exports = /* @__PURE__ */ __exportAll({ StockReceiptsModule: () => StockReceiptsModule });
+var StockReceiptsModule = class StockReceiptsModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptsModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptsModule,
+		declarations: [
+			StockReceiptPageComponent,
+			StockReceiptViewComponent,
+			StockReceiptListComponent,
+			StockReceiptProductsListComponent
+		],
+		imports: [
+			CommonModule,
+			MaterialModule$1,
+			StockReceiptsRoutingModule,
+			TechlifyFilterModule,
+			SearchableSelectorModule,
+			TimelineFilterModule,
+			ReactiveFormsModule,
+			PayeeSelectorModule,
+			InfiniteScrollDirective,
+			ProductCategoryBadgesComponent,
+			ColumnSelectorModule,
+			EntityFilesViewAllModule,
+			TechlifyFeatureModule,
+			NoteModule,
+			TechlifyIconModule,
+			RouterModule,
+			ExportToExcelButtonComponent,
+			TechlifyDeleteButtonComponent,
+			StockReceiptProductFormButtonComponent,
+			TechlifyFormButtonComponent
+		],
+		exports: [
+			StockReceiptPageComponent,
+			StockReceiptListComponent,
+			StockReceiptProductsListComponent
+		]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockReceiptsModule,
+		imports: [
+			CommonModule,
+			MaterialModule$1,
+			StockReceiptsRoutingModule,
+			TechlifyFilterModule,
+			SearchableSelectorModule,
+			TimelineFilterModule,
+			ReactiveFormsModule,
+			PayeeSelectorModule,
+			ColumnSelectorModule,
+			EntityFilesViewAllModule,
+			TechlifyFeatureModule,
+			NoteModule,
+			TechlifyIconModule,
+			RouterModule,
+			TechlifyDeleteButtonComponent,
+			StockReceiptProductFormButtonComponent,
+			TechlifyFormButtonComponent
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockReceiptsModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [
+				StockReceiptPageComponent,
+				StockReceiptViewComponent,
+				StockReceiptListComponent,
+				StockReceiptProductsListComponent
+			],
+			exports: [
+				StockReceiptPageComponent,
+				StockReceiptListComponent,
+				StockReceiptProductsListComponent
+			],
+			imports: [
+				CommonModule,
+				MaterialModule$1,
+				StockReceiptsRoutingModule,
+				TechlifyFilterModule,
+				SearchableSelectorModule,
+				TimelineFilterModule,
+				ReactiveFormsModule,
+				PayeeSelectorModule,
+				InfiniteScrollDirective,
+				ProductCategoryBadgesComponent,
+				ColumnSelectorModule,
+				EntityFilesViewAllModule,
+				TechlifyFeatureModule,
+				NoteModule,
+				TechlifyIconModule,
+				RouterModule,
+				ExportToExcelButtonComponent,
+				TechlifyDeleteButtonComponent,
+				StockReceiptProductFormButtonComponent,
+				TechlifyFormButtonComponent
+			]
+		}]
+	}]
+});
+export { StockReceiptListComponent as a, StockReceiptProductFormComponent as c, PayeeSelectorComponent as d, SupplierFormComponent as f, StockReceiptPageComponent as i, StockReceiptSingleProductFormComponent as l, __exportAll as m, stock_receipts_module_exports as n, StockReceiptProductsListComponent as o, SupplierService as p, StockReceiptViewComponent as r, StockReceiptProductFormButtonComponent as s, StockReceiptsModule as t, PayeeSelectorModule as u };
+
+//# sourceMappingURL=techlify-inventory-common-stock-receipts.module-BPxUGNbD.mjs.map