techlify-inventory-common 18.50.0 → 22.0.0

package/fesm2022/techlify-inventory-common-stock-issue-page.module-DX9n3X1T.mjs

@@ -0,0 +1,2509 @@
+import { t as StockIssueService } from "./techlify-inventory-common-stock-issue.service-CLHasWVp.mjs";
+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 StockIssueProductService } from "./techlify-inventory-common-stock-issue-product.service-BRbfc5KP.mjs";
+import { t as LocationService } from "./techlify-inventory-common-location.service-C99J8Lje.mjs";
+import { t as TechlifyFilterModule } from "./techlify-inventory-common-techlify-filter.module-BdRNWNHi.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, NgModule, Optional, Output, ViewChild, effect, input, model, output, signal } from "@angular/core";
+import * as i11 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i1 from "ngx-techlify-core";
+import { ColumnSelectorModule, FormConfigurationForFormModule, FormConfigurationUtilityService, MaterialModule, SearchableSelectorModule, TechlifyDeleteButtonComponent, TechlifyFeatureModule, TechlifyFormButtonComponent, TechlifyFormComponent, TechlifyIconModule, TechlifyListComponent, TimelineFilterModule } from "ngx-techlify-core";
+import * as i7 from "@angular/material/card";
+import * as i6$1 from "@angular/material/table";
+import * as i9 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i10 from "ngx-infinite-scroll";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
+import * as i2 from "@angular/forms";
+import { ReactiveFormsModule, Validators } from "@angular/forms";
+import { debounceTime, distinctUntilChanged, startWith } from "rxjs";
+import { __decorate } from "tslib";
+import * as i4$1 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 i6$2 from "@angular/material/form-field";
+import * as i7$1 from "@angular/material/input";
+import { UntilDestroy } from "@ngneat/until-destroy";
+import * as i5 from "@angular/material/sort";
+import * as i8 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/button-toggle";
+import * as i8$1 from "@angular/material/datepicker";
+import * as i4 from "@angular/common";
+import { CommonModule, DatePipe } from "@angular/common";
+import { toSignal } from "@angular/core/rxjs-interop";
+var StockIssueProductFormComponent = class StockIssueProductFormComponent extends TechlifyFormComponent {
+	fb;
+	service;
+	data;
+	batchSelector;
+	batchesApiUrl = "";
+	isBatchPatched = false;
+	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."
+			}
+		};
+		this.form = this.fb.group({
+			id: [""],
+			stock_issue_id: ["", Validators.required],
+			product_id: ["", Validators.required],
+			quantity: [0, [Validators.required, Validators.min(0)]],
+			location_from_id: [""],
+			batch_id: [""],
+			particulars: [""]
+		});
+	}
+	ngOnInit() {
+		this.form.patchValue({ stock_issue_id: this.data.stockIssueId });
+		this.form.get("location_from_id")?.valueChanges.pipe(debounceTime(50), distinctUntilChanged()).subscribe((val) => {
+			this.resetBatchSelector(val);
+		});
+		const product = this.data.model;
+		if (product) {
+			this.isUpdate = true;
+			this.form.patchValue(product, { emitEvent: false });
+			this.resetBatchSelector(product.location_from_id, false);
+		}
+	}
+	onBatchItemsChange() {
+		if (this.data.model && !this.isBatchPatched && this.batchSelector) {
+			this.form.get("batch_id")?.setValue(this.data.model.batch_id);
+			this.batchSelector.selectedValue = this.data.model.batch;
+			this.isBatchPatched = true;
+		}
+	}
+	resetBatchSelector(locationId, reset = true) {
+		if (reset) this.form.get("batch_id")?.setValue(null, { emitEvent: false });
+		this.batchesApiUrl = locationId ? `api/stock-receipt-batches?location_ids=${locationId}` : "";
+		Promise.resolve().then(() => {
+			if (this.batchSelector) {
+				if (reset) this.batchSelector.selectedValue = null;
+				this.batchSelector.apiUrl = this.batchesApiUrl;
+				this.batchSelector.reloadData();
+			}
+		});
+	}
+	cancel() {
+		this.dialogRef.close();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssueProductFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: i2.FormBuilder },
+			{ token: StockIssueProductService },
+			{ token: i4$1.MatDialogRef },
+			{ token: MAT_DIALOG_DATA }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockIssueProductFormComponent,
+		isStandalone: true,
+		selector: "app-stock-issue-product-form",
+		viewQueries: [{
+			propertyName: "batchSelector",
+			first: true,
+			predicate: ["batchSelector"],
+			descendants: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<h3 mat-dialog-title class='text-center'>Stock Issue 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]=\"$safeNavigationMigration(data?.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>Location From</mat-label>\n            <app-searchable-selector formControlName=\"location_from_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n                [selectedValue]=\"$safeNavigationMigration(data.stockIssueProduct?.location)\" titleField=\"title\"></app-searchable-selector>\n        </mat-form-field>\n\n    @if (form.value?.location_from_id && batchesApiUrl) {\n    <mat-form-field class=\"w-100\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                <mat-label>Batch</mat-label>\n                <app-searchable-selector #batchSelector formControlName=\"batch_id\"\n                    [apiUrl]=\"batchesApiUrl\" [enableSearch]=\"false\"\n                    (itemsChange)=\"onBatchItemsChange()\">\n                </app-searchable-selector>\n            </mat-form-field>\n    }\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.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2.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.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "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$1.MatDialogTitle,
+				selector: "[mat-dialog-title], [matDialogTitle]",
+				inputs: ["id"],
+				exportAs: ["matDialogTitle"]
+			},
+			{
+				kind: "directive",
+				type: i4$1.MatDialogContent,
+				selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+			},
+			{
+				kind: "component",
+				type: i6$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i6$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i6$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i7$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"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: TechlifyFeatureModule
+			},
+			{
+				kind: "directive",
+				type: i1.TechlifyFeatureEnabledDirective,
+				selector: "[techlifyFeatureEnabled]",
+				inputs: ["techlifyFeatureEnabled"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssueProductFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-issue-product-form",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [
+				ReactiveFormsModule,
+				MaterialModule$1,
+				SearchableSelectorModule,
+				TechlifyFeatureModule,
+				MatDialogTitle,
+				MatDialogContent
+			],
+			template: "<h3 mat-dialog-title class='text-center'>Stock Issue 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]=\"$safeNavigationMigration(data?.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>Location From</mat-label>\n            <app-searchable-selector formControlName=\"location_from_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n                [selectedValue]=\"$safeNavigationMigration(data.stockIssueProduct?.location)\" titleField=\"title\"></app-searchable-selector>\n        </mat-form-field>\n\n    @if (form.value?.location_from_id && batchesApiUrl) {\n    <mat-form-field class=\"w-100\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                <mat-label>Batch</mat-label>\n                <app-searchable-selector #batchSelector formControlName=\"batch_id\"\n                    [apiUrl]=\"batchesApiUrl\" [enableSearch]=\"false\"\n                    (itemsChange)=\"onBatchItemsChange()\">\n                </app-searchable-selector>\n            </mat-form-field>\n    }\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.FormBuilder },
+		{ type: StockIssueProductService },
+		{ type: i4$1.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}]
+		}
+	],
+	propDecorators: { batchSelector: [{
+		type: ViewChild,
+		args: ["batchSelector"]
+	}] }
+});
+var StockIssueSingleProductFormComponent = class StockIssueSingleProductFormComponent extends TechlifyFormComponent {
+	formValidatorService;
+	service;
+	formBuilder;
+	dateUtils;
+	locationService;
+	formConfigService;
+	dialogRef;
+	data;
+	batchSearchableSelector;
+	product;
+	stockIssue;
+	locationsCountValue = 0;
+	batchesApiUrl = "";
+	isBatchPatched = false;
+	formConfigurationUtilityService;
+	constructor(formValidatorService, service, formBuilder, dateUtils, locationService, formConfigService, dialogRef, data) {
+		super(formValidatorService);
+		this.formValidatorService = formValidatorService;
+		this.service = service;
+		this.formBuilder = formBuilder;
+		this.dateUtils = dateUtils;
+		this.locationService = locationService;
+		this.formConfigService = formConfigService;
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.formConfigurationUtilityService = new FormConfigurationUtilityService();
+		this.errorMessages = {
+			date: { required: "The date field is required." },
+			quantity: { required: "The quantity field is required." },
+			product_id: { required: "The product field is required." },
+			location_from_id: { required: "The location from field is required." },
+			recipient_id: { required: "Please select a recipient." }
+		};
+		this.form = this.formBuilder.group({
+			id: [""],
+			product_id: ["", Validators.required],
+			location_from_id: [""],
+			batch_id: [""],
+			date: [/* @__PURE__ */ new Date(), Validators.required],
+			recipient_id: [""],
+			quantity: [1, Validators.required],
+			particulars: [""]
+		});
+	}
+	ngOnInit() {
+		this.product = this.data?.product;
+		this.stockIssue = this.data?.model;
+		this.form.get("location_from_id")?.valueChanges?.pipe(debounceTime(50), distinctUntilChanged()).subscribe((val) => {
+			this.resetBatchSelector(val);
+		});
+		this.locationService.index({ status_ids: "1" }).subscribe((response) => {
+			const locations = response?.data || [];
+			this.locationsCountValue = locations.length;
+			this.form.get("location_from_id")?.setValidators(locations.length > 0 ? Validators.required : null);
+			this.form.get("location_from_id")?.updateValueAndValidity();
+			if (!this.stockIssue && !this.form.get("location_from_id")?.value && locations.length > 0) this.form.get("location_from_id")?.setValue(locations[0].id);
+		});
+		this.formConfigurationUtilityService.initialize(this.formConfigService, "stock-issue").subscribe({ next: () => {
+			this.form.get("recipient_id")?.setValidators(this.formConfigurationUtilityService.getFieldRequired("recipient_id") ? Validators.required : null);
+			this.form.get("recipient_id")?.updateValueAndValidity();
+		} });
+		if (this.product) this.form.patchValue({ product_id: this.product.id });
+		this.patchFormData();
+	}
+	patchFormData() {
+		if (this.stockIssue) {
+			const data = { ...this.stockIssue };
+			if (data.date) data.date = new Date(data.date);
+			this.isUpdate = true;
+			this.form.patchValue(data, { emitEvent: false });
+			this.resetBatchSelector(data.location_from_id, false);
+			this.patchFormProducts(this.stockIssue);
+		} else if (this.product?.last_stock_issue) {
+			const { quantity, location_from_id } = this.product.last_stock_issue;
+			this.form.patchValue({
+				quantity,
+				location_from_id
+			});
+		}
+	}
+	patchFormProducts(stockIssue) {
+		if (stockIssue.stock_issue_products?.length > 0) {
+			this.updateFormWithProductArray(stockIssue.stock_issue_products[0]);
+			this.product = stockIssue.stock_issue_products[0].product;
+		}
+	}
+	updateFormWithProductArray(stockIssueProduct) {
+		this.form.patchValue({
+			product_id: stockIssueProduct.product_id,
+			quantity: stockIssueProduct.quantity,
+			location_from_id: stockIssueProduct.location_from_id,
+			batch_id: stockIssueProduct.batch_id,
+			particulars: stockIssueProduct.particulars
+		});
+	}
+	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,
+				id: this.form.value.product_id
+			}]
+		};
+		if (data.date) data.date = this.dateUtils.getYYYYMMDDString(data.date);
+		this.isWorking = true;
+		(this.isUpdate ? this.service.update(data) : this.service.store(data)).subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.dialogRef.close(response?.item.stock_issue_products);
+				this.alertService.addAlert("Stock Issue Saved Successfully!", "success");
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	onProductChange(product) {
+		this.product = product;
+	}
+	onBatchItemsChange() {
+		if (this.stockIssue && !this.isBatchPatched) {
+			this.form.get("batch_id")?.setValue(this.stockIssue?.stock_issue_products[0]?.batch_id);
+			this.batchSearchableSelector.selectedValue = this.stockIssue?.stock_issue_products[0]?.batch;
+			this.isBatchPatched = true;
+		}
+	}
+	resetBatchSelector(val, reset = true) {
+		if (reset) this.form.get("batch_id")?.setValue(null, { emitEvent: false });
+		this.batchesApiUrl = val ? `api/stock-receipt-batches?location_ids=${val}` : "";
+		Promise.resolve().then(() => {
+			if (this.batchSearchableSelector) {
+				if (reset) this.batchSearchableSelector.selectedValue = null;
+				this.batchSearchableSelector.apiUrl = this.batchesApiUrl;
+				this.batchSearchableSelector?.reloadData();
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssueSingleProductFormComponent,
+		deps: [
+			{ token: i1.FormValidatorService },
+			{ token: StockIssueService },
+			{ token: i2.FormBuilder },
+			{ token: i1.DateUtils },
+			{ token: LocationService },
+			{ token: i1.FormConfigurationFormService },
+			{
+				token: i4$1.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: StockIssueSingleProductFormComponent,
+		isStandalone: true,
+		selector: "app-stock-issue-single-product-form",
+		viewQueries: [{
+			propertyName: "batchSearchableSelector",
+			first: true,
+			predicate: ["batchSearchableSelector"],
+			descendants: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<mat-card-content>\n  <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n    <h5 class=\"text-center mb-0\">\n      Stock Issue form\n\n      @if (data.product) {\n      for {{ data.product?.name }}\n      }\n    </h5>\n    <app-form-configuration-for-form formCode=\"stock-issue\"\n      (click)=\"dialogRef.close()\"></app-form-configuration-for-form>\n  </div>\n  <form [formGroup]=\"form\" class=\"d-flex flex-column gap-1 justify-content-start\" (submit)=\"save()\">\n    @if (!product) {\n    <mat-form-field>\n      <mat-label>Product</mat-label>\n      <app-searchable-selector formControlName=\"product_id\" apiUrl=\"api/products\" titleField=\"name\"\n        required (selectedValueChange)=\"onProductChange($event)\"></app-searchable-selector>\n      @if (isFieldValid('product_id')) {\n      <mat-error>\n        {{ getErrorMessage('product_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    } @if (locationsCount > 1) {\n    <mat-form-field>\n      <mat-label>Location From</mat-label>\n      <app-searchable-selector formControlName=\"location_from_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n        required [selectedValue]=\"$safeNavigationMigration(stockIssue?.stock_issue_products[0]?.location)\"></app-searchable-selector>\n      <mat-hint>Which warehouse are we taking stock from?</mat-hint>\n      @if (isFieldValid('location_from_id')) {\n      <mat-error>\n        {{ getErrorMessage('location_from_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    } @if (locationsCount > 1 && form.value?.location_from_id && batchesApiUrl)\n    {\n    <mat-form-field techlifyFeatureEnabled=\"product-batch-numbers\">\n        <mat-label>Batch</mat-label>\n        <app-searchable-selector #batchSearchableSelector formControlName=\"batch_id\" [apiUrl]=\"batchesApiUrl\"\n          [enableSearch]=\"false\" (itemsChange)=\"onBatchItemsChange()\">\n        </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    @if (formConfigurationUtilityService.getFieldEnabled('recipient_id')) {\n    <mat-form-field>\n      <mat-label>Recipient @if\n        (formConfigurationUtilityService.getFieldRequired('recipient_id')) {\n        <sup>*</sup>\n        }\n      </mat-label>\n      <app-searchable-selector formControlName=\"recipient_id\" apiUrl=\"api/recipients\"\n        titleField=\"name\"></app-searchable-selector>\n      @if (isFieldValid('recipient_id')) {\n      <mat-error>\n        {{ getErrorMessage('recipient_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    }\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>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.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2.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.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i2.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "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: i7.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: i6$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i6$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i6$2.MatHint,
+				selector: "mat-hint",
+				inputs: ["align", "id"]
+			},
+			{
+				kind: "directive",
+				type: i6$2.MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "directive",
+				type: i7$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: 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: FormConfigurationForFormModule
+			},
+			{
+				kind: "component",
+				type: i1.FormConfigurationForFormComponent,
+				selector: "app-form-configuration-for-form",
+				inputs: ["formCode"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssueSingleProductFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-issue-single-product-form",
+			imports: [
+				ReactiveFormsModule,
+				MaterialModule$1,
+				MatDialogModule,
+				SearchableSelectorModule,
+				TechlifyFeatureModule,
+				FormConfigurationForFormModule
+			],
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "<mat-card-content>\n  <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n    <h5 class=\"text-center mb-0\">\n      Stock Issue form\n\n      @if (data.product) {\n      for {{ data.product?.name }}\n      }\n    </h5>\n    <app-form-configuration-for-form formCode=\"stock-issue\"\n      (click)=\"dialogRef.close()\"></app-form-configuration-for-form>\n  </div>\n  <form [formGroup]=\"form\" class=\"d-flex flex-column gap-1 justify-content-start\" (submit)=\"save()\">\n    @if (!product) {\n    <mat-form-field>\n      <mat-label>Product</mat-label>\n      <app-searchable-selector formControlName=\"product_id\" apiUrl=\"api/products\" titleField=\"name\"\n        required (selectedValueChange)=\"onProductChange($event)\"></app-searchable-selector>\n      @if (isFieldValid('product_id')) {\n      <mat-error>\n        {{ getErrorMessage('product_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    } @if (locationsCount > 1) {\n    <mat-form-field>\n      <mat-label>Location From</mat-label>\n      <app-searchable-selector formControlName=\"location_from_id\" apiUrl=\"api/inventory-locations?status_ids=1\"\n        required [selectedValue]=\"$safeNavigationMigration(stockIssue?.stock_issue_products[0]?.location)\"></app-searchable-selector>\n      <mat-hint>Which warehouse are we taking stock from?</mat-hint>\n      @if (isFieldValid('location_from_id')) {\n      <mat-error>\n        {{ getErrorMessage('location_from_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    } @if (locationsCount > 1 && form.value?.location_from_id && batchesApiUrl)\n    {\n    <mat-form-field techlifyFeatureEnabled=\"product-batch-numbers\">\n        <mat-label>Batch</mat-label>\n        <app-searchable-selector #batchSearchableSelector formControlName=\"batch_id\" [apiUrl]=\"batchesApiUrl\"\n          [enableSearch]=\"false\" (itemsChange)=\"onBatchItemsChange()\">\n        </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    @if (formConfigurationUtilityService.getFieldEnabled('recipient_id')) {\n    <mat-form-field>\n      <mat-label>Recipient @if\n        (formConfigurationUtilityService.getFieldRequired('recipient_id')) {\n        <sup>*</sup>\n        }\n      </mat-label>\n      <app-searchable-selector formControlName=\"recipient_id\" apiUrl=\"api/recipients\"\n        titleField=\"name\"></app-searchable-selector>\n      @if (isFieldValid('recipient_id')) {\n      <mat-error>\n        {{ getErrorMessage('recipient_id') }}\n      </mat-error>\n      }\n    </mat-form-field>\n    }\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>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: StockIssueService },
+		{ type: i2.FormBuilder },
+		{ type: i1.DateUtils },
+		{ type: LocationService },
+		{ type: i1.FormConfigurationFormService },
+		{
+			type: i4$1.MatDialogRef,
+			decorators: [{ type: Optional }]
+		},
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}, { type: Optional }]
+		}
+	],
+	propDecorators: { batchSearchableSelector: [{
+		type: ViewChild,
+		args: ["batchSearchableSelector"]
+	}] }
+});
+let StockIssueProductListComponent = class StockIssueProductListComponent extends TechlifyListComponent {
+	service;
+	formBuilder;
+	featureService;
+	datePipe;
+	filtersInput = input({}, {
+		...ngDevMode ? { debugName: "filtersInput" } : /* istanbul ignore next */ {},
+		alias: "filters"
+	});
+	isProductView = input(false, ...ngDevMode ? [{ debugName: "isProductView" }] : /* istanbul ignore next */ []);
+	product = input(null, ...ngDevMode ? [{ debugName: "product" }] : /* istanbul ignore next */ []);
+	stockIssueSingleProductForm = signal(StockIssueSingleProductFormComponent, ...ngDevMode ? [{ debugName: "stockIssueSingleProductForm" }] : /* istanbul ignore next */ []);
+	selectedColumns = model([], ...ngDevMode ? [{ debugName: "selectedColumns" }] : /* istanbul ignore next */ []);
+	exportInProgress = input(false, ...ngDevMode ? [{ debugName: "exportInProgress" }] : /* istanbul ignore next */ []);
+	listUpdated = output();
+	columnConfigReady = output();
+	issuableData = input(null, ...ngDevMode ? [{ debugName: "issuableData" }] : /* istanbul ignore next */ []);
+	stockIssueProductForm = signal(StockIssueProductFormComponent, ...ngDevMode ? [{ debugName: "stockIssueProductForm" }] : /* istanbul ignore next */ []);
+	productViewHiddenColumns = [
+		"product",
+		"sku",
+		"measure"
+	];
+	_defaultSelectedColumns = [];
+	columnConfig = [
+		{
+			label: "#",
+			def: "no",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Issue #",
+			def: "issue_number",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Product",
+			def: "product",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Average Cost",
+			def: "average_cost",
+			isSelected: false,
+			isEditable: true
+		},
+		{
+			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: "Total Cost (AVCO)",
+			def: "total_avco",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Total Cost (FIFO)",
+			def: "total_fifo_value",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Measure",
+			def: "measure",
+			isSelected: true,
+			isEditable: true
+		},
+		{
+			label: "Location From",
+			def: "location",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Related",
+			def: "related",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			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 totalQuantity() {
+		return this.models.reduce((sum, model) => sum + Number(model?.quantity ?? 0), 0);
+	}
+	get grandTotalAvco() {
+		return this.models.reduce((sum, model) => sum + Number(model?.total_avco ?? 0), 0);
+	}
+	get grandTotalFifoValue() {
+		return this.models.reduce((sum, model) => sum + Number(model?.total_fifo_value ?? 0), 0);
+	}
+	get footerColumns() {
+		return this.displayedColumns.map((col) => `footer-${col}`);
+	}
+	constructor(service, formBuilder, featureService, datePipe) {
+		super();
+		this.service = service;
+		this.formBuilder = formBuilder;
+		this.featureService = featureService;
+		this.datePipe = datePipe;
+		this.filterFormConfiguration = {
+			date_from: { date: true },
+			date_to: { date: true },
+			category_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"],
+			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();
+	}
+	loadData() {
+		let filters = this.filterForm.value;
+		filters.date_from = this.datePipe.transform(filters.date_from, "yyyy-mm-dd") ?? "";
+		filters.date_to = this.datePipe.transform(filters.date_to, "yyyy-mm-dd") ?? "";
+		filters.page = this.page;
+		filters.perPage = this.perPage;
+		if (this.issuableData()) {
+			filters.issuable_ids = this.issuableData()?.issuable_id;
+			filters.issuable_type = this.issuableData()?.issuable_type;
+		}
+		super.loadData(filters);
+	}
+	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: StockIssueProductListComponent,
+		deps: [
+			{ token: StockIssueProductService },
+			{ token: i2.FormBuilder },
+			{ token: i1.TechlifyFeatureService },
+			{ token: i4.DatePipe }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockIssueProductListComponent,
+		isStandalone: false,
+		selector: "app-stock-issue-products-list",
+		inputs: {
+			filtersInput: {
+				classPropertyName: "filtersInput",
+				publicName: "filters",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			isProductView: {
+				classPropertyName: "isProductView",
+				publicName: "isProductView",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			product: {
+				classPropertyName: "product",
+				publicName: "product",
+				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
+			},
+			issuableData: {
+				classPropertyName: "issuableData",
+				publicName: "issuableData",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			selectedColumns: "selectedColumnsChange",
+			listUpdated: "listUpdated",
+			columnConfigReady: "columnConfigReady"
+		},
+		providers: [DatePipe],
+		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 Issues</mat-card-title>\n    <app-techlify-form-button [component]=\"stockIssueSingleProductForm()\" [data]=\"{ product: product() }\" width=\"500px\"\n      (saved)=\"modelCreated($event);listUpdated.emit(true)\"></app-techlify-form-button>\n    @if (columnConfig.length > 0) {\n    <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n      [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n    }\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 Issue Products\" infiniteScroll\n      id=\"stockIssueTable\" [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=\"issue_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Issue ID\">Issue #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-issues', $safeNavigationMigration(element?.stock_issue_id), 'view']\">\n            {{ element?.stock_issue_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      <!-- Average Price Column -->\n      <ng-container matColumnDef=\"average_cost\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Average Cost</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.average_cost) | currency : 'USD' }}\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_issue?.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      <!-- Total Cost (AVCO) Column -->\n      <ng-container matColumnDef=\"total_avco\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Cost (AVCO)</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.total_avco) | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Total Cost (FIFO) Column -->\n      <ng-container matColumnDef=\"total_fifo_value\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Cost (FIFO)</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.total_fifo_value) | currency }}\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 From</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.location_from_id), 'view']\">\n            {{ element?.location?.title }}\n          </a>\n          <br>\n          @if (element?.stock_issue?.recipient) {\n          <span>\n            <small class=\"text-secondary\"> received by {{ element?.stock_issue?.recipient?.name }} </small>\n          </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Related Column -->\n      <ng-container matColumnDef=\"related\">\n        <th mat-header-cell *matHeaderCellDef>Related</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.stock_issue?.issuable) {\n          <a class=\"text-dark\"\n            [routerLink]=\"['/maintenances', $safeNavigationMigration(element?.stock_issue?.issuable_id), 'view']\">\n            Maintenance for {{ element?.stock_issue?.issuable?.fixed_asset?.name }}\n          </a>\n          }\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?.particulars }}</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_issue?.creator?.name }}</p>\n          <small class=\"text-secondary\">{{ $safeNavigationMigration(element?.stock_issue?.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_issue?.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 name=\"view\" size=\"md\"\n              [routerLink]=\"['/inventory', 'stock-issues', 'products', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-techlify-form-button [component]=\"stockIssueProductForm()\" [model]=\"element\"\n              [data]=\"{ stockIssueId: $safeNavigationMigration(element?.stock_issue_id), product: $safeNavigationMigration(element?.product) }\" width=\"500px\"\n              (saved)=\"modelsUpdatedById($event);listUpdated.emit(true)\">\n            </app-techlify-form-button>\n            <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n              [data]=\"{ title: $safeNavigationMigration(element?.product?.name), type: 'Stock Issue Product' }\"\n              (deleted)=\"reload();listUpdated.emit(true)\"></app-techlify-delete-button>\n          </div>\n          }\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-issue_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-average_cost\">\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><strong>{{ totalQuantity }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-total_avco\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ grandTotalAvco | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-total_fifo_value\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ grandTotalFifoValue | currency }}</strong></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-related\">\n        <td mat-footer-cell *matFooterCellDef></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-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: [""],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i5.MatSort,
+				selector: "[matSort]",
+				inputs: [
+					"matSortActive",
+					"matSortStart",
+					"matSortDirection",
+					"matSortDisableClear",
+					"matSortDisabled"
+				],
+				outputs: ["matSortChange"],
+				exportAs: ["matSort"]
+			},
+			{
+				kind: "component",
+				type: i5.MatSortHeader,
+				selector: "[mat-sort-header]",
+				inputs: [
+					"mat-sort-header",
+					"arrowPosition",
+					"start",
+					"disabled",
+					"sortActionDescription",
+					"disableClear"
+				],
+				exportAs: ["matSortHeader"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatFooterCellDef,
+				selector: "[matFooterCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatFooterRowDef,
+				selector: "[matFooterRowDef]",
+				inputs: ["matFooterRowDef", "matFooterRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatFooterCell,
+				selector: "mat-footer-cell, td[mat-footer-cell]"
+			},
+			{
+				kind: "component",
+				type: i6$1.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatFooterRow,
+				selector: "mat-footer-row, tr[mat-footer-row]",
+				exportAs: ["matFooterRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "component",
+				type: i7.MatCardHeader,
+				selector: "mat-card-header"
+			},
+			{
+				kind: "directive",
+				type: i7.MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			},
+			{
+				kind: "directive",
+				type: i8.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "component",
+				type: i9.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				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: "directive",
+				type: i11.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: ProductCategoryBadgesComponent,
+				selector: "app-product-category-badges",
+				inputs: ["product"]
+			},
+			{
+				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: i1.TechlifyFormButtonComponent,
+				selector: "app-techlify-form-button",
+				inputs: [
+					"component",
+					"model",
+					"data",
+					"width",
+					"tooltip",
+					"multiAddComponent",
+					"multiAddData",
+					"multiAddWidth",
+					"multiAddTooltip"
+				],
+				outputs: ["saved"]
+			},
+			{
+				kind: "component",
+				type: i1.TechlifyDeleteButtonComponent,
+				selector: "app-techlify-delete-button",
+				inputs: [
+					"data",
+					"model",
+					"message",
+					"service"
+				],
+				outputs: ["deleted", "loading"]
+			},
+			{
+				kind: "pipe",
+				type: i4.CurrencyPipe,
+				name: "currency"
+			},
+			{
+				kind: "pipe",
+				type: i4.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockIssueProductListComponent = __decorate([UntilDestroy()], StockIssueProductListComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssueProductListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-issue-products-list",
+			providers: [DatePipe],
+			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 Issues</mat-card-title>\n    <app-techlify-form-button [component]=\"stockIssueSingleProductForm()\" [data]=\"{ product: product() }\" width=\"500px\"\n      (saved)=\"modelCreated($event);listUpdated.emit(true)\"></app-techlify-form-button>\n    @if (columnConfig.length > 0) {\n    <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n      [(selectedColumns)]=\"selectedColumns\"></app-column-selector>\n    }\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 Issue Products\" infiniteScroll\n      id=\"stockIssueTable\" [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=\"issue_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Issue ID\">Issue #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/stock-issues', $safeNavigationMigration(element?.stock_issue_id), 'view']\">\n            {{ element?.stock_issue_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      <!-- Average Price Column -->\n      <ng-container matColumnDef=\"average_cost\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Average Cost</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.average_cost) | currency : 'USD' }}\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_issue?.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      <!-- Total Cost (AVCO) Column -->\n      <ng-container matColumnDef=\"total_avco\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Cost (AVCO)</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.total_avco) | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Total Cost (FIFO) Column -->\n      <ng-container matColumnDef=\"total_fifo_value\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Total Cost (FIFO)</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ $safeNavigationMigration(element?.total_fifo_value) | currency }}\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 From</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.location_from_id), 'view']\">\n            {{ element?.location?.title }}\n          </a>\n          <br>\n          @if (element?.stock_issue?.recipient) {\n          <span>\n            <small class=\"text-secondary\"> received by {{ element?.stock_issue?.recipient?.name }} </small>\n          </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Related Column -->\n      <ng-container matColumnDef=\"related\">\n        <th mat-header-cell *matHeaderCellDef>Related</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.stock_issue?.issuable) {\n          <a class=\"text-dark\"\n            [routerLink]=\"['/maintenances', $safeNavigationMigration(element?.stock_issue?.issuable_id), 'view']\">\n            Maintenance for {{ element?.stock_issue?.issuable?.fixed_asset?.name }}\n          </a>\n          }\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?.particulars }}</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_issue?.creator?.name }}</p>\n          <small class=\"text-secondary\">{{ $safeNavigationMigration(element?.stock_issue?.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_issue?.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 name=\"view\" size=\"md\"\n              [routerLink]=\"['/inventory', 'stock-issues', 'products', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-techlify-form-button [component]=\"stockIssueProductForm()\" [model]=\"element\"\n              [data]=\"{ stockIssueId: $safeNavigationMigration(element?.stock_issue_id), product: $safeNavigationMigration(element?.product) }\" width=\"500px\"\n              (saved)=\"modelsUpdatedById($event);listUpdated.emit(true)\">\n            </app-techlify-form-button>\n            <app-techlify-delete-button [service]=\"service\" [model]=\"element\"\n              [data]=\"{ title: $safeNavigationMigration(element?.product?.name), type: 'Stock Issue Product' }\"\n              (deleted)=\"reload();listUpdated.emit(true)\"></app-techlify-delete-button>\n          </div>\n          }\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-issue_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-average_cost\">\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><strong>{{ totalQuantity }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-total_avco\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ grandTotalAvco | currency }}</strong></td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"footer-total_fifo_value\">\n        <td mat-footer-cell *matFooterCellDef><strong>{{ grandTotalFifoValue | currency }}</strong></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-related\">\n        <td mat-footer-cell *matFooterCellDef></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-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>"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: StockIssueProductService },
+		{ type: i2.FormBuilder },
+		{ type: i1.TechlifyFeatureService },
+		{ type: i4.DatePipe }
+	],
+	propDecorators: {
+		filtersInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filters",
+				required: false
+			}]
+		}],
+		isProductView: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isProductView",
+				required: false
+			}]
+		}],
+		product: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "product",
+				required: false
+			}]
+		}],
+		selectedColumns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectedColumns",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectedColumnsChange"]
+		}],
+		exportInProgress: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exportInProgress",
+				required: false
+			}]
+		}],
+		listUpdated: [{
+			type: i0.Output,
+			args: ["listUpdated"]
+		}],
+		columnConfigReady: [{
+			type: i0.Output,
+			args: ["columnConfigReady"]
+		}],
+		issuableData: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "issuableData",
+				required: false
+			}]
+		}]
+	}
+});
+let StockIssueListComponent = class StockIssueListComponent 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();
+	issuableData = input(null, ...ngDevMode ? [{ debugName: "issuableData" }] : /* istanbul ignore next */ []);
+	_defaultSelectedColumns = [];
+	columnConfig = [
+		{
+			label: "#",
+			def: "no",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Issue #",
+			def: "issue_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 From",
+			def: "location",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			label: "Related",
+			def: "related",
+			isSelected: true,
+			isEditable: false
+		},
+		{
+			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 totalQuantity() {
+		return this.models.reduce((sum, model) => {
+			return sum + (model?.stock_issue_products ?? []).reduce((productSum, product) => productSum + Number(product?.quantity ?? 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 },
+			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"],
+			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));
+		this.patchFiltersFromRoute();
+		this.listenFilterChanges();
+		this.loadData();
+	}
+	loadData() {
+		let filters = this.filterForm.value;
+		filters.page = this.page;
+		filters.perPage = this.perPage;
+		if (this.issuableData()) {
+			filters.issuable_ids = this.issuableData()?.issuable_id;
+			filters.issuable_type = this.issuableData()?.issuable_type;
+		}
+		super.loadData(filters);
+	}
+	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-issues",
+			model?.id,
+			"view"
+		]);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssueListComponent,
+		deps: [
+			{ token: StockIssueService },
+			{ token: i2.FormBuilder },
+			{ token: i11.Router },
+			{ token: i1.TechlifyFeatureService }
+		],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockIssueListComponent,
+		isStandalone: false,
+		selector: "app-stock-issue-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
+			},
+			issuableData: {
+				classPropertyName: "issuableData",
+				publicName: "issuableData",
+				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 Issues\" infiniteScroll\n      id=\"stockIssueTable\" [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=\"issue_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Issue ID\">Issue #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\" [routerLink]=\"['/inventory/stock-issues', $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 (sip of element?.stock_issue_products; track sip) {\n            <li>\n              {{ sip?.quantity }} {{ sip?.product?.measure?.title }} <em>of</em>\n              <a class=\"text-decoration-none text-dark\"\n                [routerLink]=\"['/inventory/products', $safeNavigationMigration(sip?.product?.id), 'view']\">\n                {{ sip?.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>Product Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-product-category-badges\n            [product]=\"$safeNavigationMigration(element?.stock_issue_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_issue_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_issue_products[0]?.product?.categories; track category;\n          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\">\n          {{ element?.stock_issue_products[0]?.quantity }}\n          {{ element?.stock_issue_products[0]?.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?.stock_issue_products[0]?.batch?.batch_number) {\n          <p class=\"mb-0\">\n            {{ element?.stock_issue_products[0]?.batch?.batch_number }}\n          </p>\n          } @if (element?.stock_issue_products[0]?.batch?.expires_on) {\n          <small class=\"text-secondary\">\n            Expires\n            {{ $safeNavigationMigration(element?.stock_issue_products[0]?.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_issue_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 From</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.stock_issue_products[0]?.location_from_id), 'view']\">\n            {{ element?.stock_issue_products[0]?.location?.title }}\n          </a>\n          <br>\n          @if (element?.recipient) {\n          <span>\n            <small class=\"text-secondary\">received by {{element?.recipient?.name}}</small>\n          </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Related Column -->\n      <ng-container matColumnDef=\"related\">\n        <th mat-header-cell *matHeaderCellDef>Related</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.issuable) {\n          <a class=\"text-dark\" [routerLink]=\"['/maintenances', $safeNavigationMigration(element?.issuable_id), 'view']\">\n            Maintenance for {{ element?.issuable?.fixed_asset?.name }}\n          </a>\n          }\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?.stock_issue_products[0]?.particulars }}</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 name=\"view\" size=\"md\"\n              [routerLink]=\"['/inventory', 'stock-issues', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-techlify-icon name=\"edit\" role=\"button\"\n              [routerLink]=\"['/inventory/stock-issues/form', $safeNavigationMigration(element?.id)]\"></app-techlify-icon>\n            <app-techlify-delete-button [model]=\"element\" [service]=\"service\"\n              [data]=\"{ title: $safeNavigationMigration(element?.id), type: 'Stock Issue' }\"\n              (deleted)=\"reload()\"\n            >\n            </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-issue_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><strong>{{ totalQuantity }}</strong></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-related\">\n        <td mat-footer-cell *matFooterCellDef></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-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: [""],
+		dependencies: [
+			{
+				kind: "directive",
+				type: i5.MatSort,
+				selector: "[matSort]",
+				inputs: [
+					"matSortActive",
+					"matSortStart",
+					"matSortDirection",
+					"matSortDisableClear",
+					"matSortDisabled"
+				],
+				outputs: ["matSortChange"],
+				exportAs: ["matSort"]
+			},
+			{
+				kind: "component",
+				type: i5.MatSortHeader,
+				selector: "[mat-sort-header]",
+				inputs: [
+					"mat-sort-header",
+					"arrowPosition",
+					"start",
+					"disabled",
+					"sortActionDescription",
+					"disableClear"
+				],
+				exportAs: ["matSortHeader"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatTable,
+				selector: "mat-table, table[mat-table]",
+				exportAs: ["matTable"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatHeaderCellDef,
+				selector: "[matHeaderCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatHeaderRowDef,
+				selector: "[matHeaderRowDef]",
+				inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatColumnDef,
+				selector: "[matColumnDef]",
+				inputs: ["matColumnDef"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCellDef,
+				selector: "[matCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatRowDef,
+				selector: "[matRowDef]",
+				inputs: ["matRowDefColumns", "matRowDefWhen"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatFooterCellDef,
+				selector: "[matFooterCellDef]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatFooterRowDef,
+				selector: "[matFooterRowDef]",
+				inputs: ["matFooterRowDef", "matFooterRowDefSticky"]
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatHeaderCell,
+				selector: "mat-header-cell, th[mat-header-cell]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatCell,
+				selector: "mat-cell, td[mat-cell]"
+			},
+			{
+				kind: "directive",
+				type: i6$1.MatFooterCell,
+				selector: "mat-footer-cell, td[mat-footer-cell]"
+			},
+			{
+				kind: "component",
+				type: i6$1.MatHeaderRow,
+				selector: "mat-header-row, tr[mat-header-row]",
+				exportAs: ["matHeaderRow"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatRow,
+				selector: "mat-row, tr[mat-row]",
+				exportAs: ["matRow"]
+			},
+			{
+				kind: "component",
+				type: i6$1.MatFooterRow,
+				selector: "mat-footer-row, tr[mat-footer-row]",
+				exportAs: ["matFooterRow"]
+			},
+			{
+				kind: "component",
+				type: i7.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "directive",
+				type: i8.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "component",
+				type: i9.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				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: "directive",
+				type: i11.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				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: i4.DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockIssueListComponent = __decorate([UntilDestroy()], StockIssueListComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssueListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-issue-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 Issues\" infiniteScroll\n      id=\"stockIssueTable\" [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=\"issue_number\">\n        <th mat-header-cell *matHeaderCellDef matTooltip=\"Stock Issue ID\">Issue #</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\" [routerLink]=\"['/inventory/stock-issues', $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 (sip of element?.stock_issue_products; track sip) {\n            <li>\n              {{ sip?.quantity }} {{ sip?.product?.measure?.title }} <em>of</em>\n              <a class=\"text-decoration-none text-dark\"\n                [routerLink]=\"['/inventory/products', $safeNavigationMigration(sip?.product?.id), 'view']\">\n                {{ sip?.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>Product Categories</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-product-category-badges\n            [product]=\"$safeNavigationMigration(element?.stock_issue_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_issue_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_issue_products[0]?.product?.categories; track category;\n          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\">\n          {{ element?.stock_issue_products[0]?.quantity }}\n          {{ element?.stock_issue_products[0]?.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?.stock_issue_products[0]?.batch?.batch_number) {\n          <p class=\"mb-0\">\n            {{ element?.stock_issue_products[0]?.batch?.batch_number }}\n          </p>\n          } @if (element?.stock_issue_products[0]?.batch?.expires_on) {\n          <small class=\"text-secondary\">\n            Expires\n            {{ $safeNavigationMigration(element?.stock_issue_products[0]?.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_issue_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 From</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <a class=\"text-decoration-none text-dark\"\n            [routerLink]=\"['/inventory/locations', $safeNavigationMigration(element?.stock_issue_products[0]?.location_from_id), 'view']\">\n            {{ element?.stock_issue_products[0]?.location?.title }}\n          </a>\n          <br>\n          @if (element?.recipient) {\n          <span>\n            <small class=\"text-secondary\">received by {{element?.recipient?.name}}</small>\n          </span>\n          }\n        </td>\n      </ng-container>\n\n      <!-- Related Column -->\n      <ng-container matColumnDef=\"related\">\n        <th mat-header-cell *matHeaderCellDef>Related</th>\n        <td mat-cell *matCellDef=\"let element\">\n          @if (element?.issuable) {\n          <a class=\"text-dark\" [routerLink]=\"['/maintenances', $safeNavigationMigration(element?.issuable_id), 'view']\">\n            Maintenance for {{ element?.issuable?.fixed_asset?.name }}\n          </a>\n          }\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?.stock_issue_products[0]?.particulars }}</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 name=\"view\" size=\"md\"\n              [routerLink]=\"['/inventory', 'stock-issues', $safeNavigationMigration(element?.id), 'view']\"></app-techlify-icon>\n            <app-techlify-icon name=\"edit\" role=\"button\"\n              [routerLink]=\"['/inventory/stock-issues/form', $safeNavigationMigration(element?.id)]\"></app-techlify-icon>\n            <app-techlify-delete-button [model]=\"element\" [service]=\"service\"\n              [data]=\"{ title: $safeNavigationMigration(element?.id), type: 'Stock Issue' }\"\n              (deleted)=\"reload()\"\n            >\n            </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-issue_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><strong>{{ totalQuantity }}</strong></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-related\">\n        <td mat-footer-cell *matFooterCellDef></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-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>"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: StockIssueService },
+		{ type: i2.FormBuilder },
+		{ type: i11.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"]
+		}],
+		issuableData: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "issuableData",
+				required: false
+			}]
+		}]
+	}
+});
+let StockIssuePageComponent = class StockIssuePageComponent {
+	formBuilder;
+	product;
+	label = "Stock Issues";
+	showActions = true;
+	showFilters = true;
+	listUpdated = new EventEmitter();
+	itemizedList;
+	groupedList;
+	selectedView = signal("itemized", ...ngDevMode ? [{ debugName: "selectedView" }] : /* istanbul ignore next */ []);
+	exportInProgress = signal(false, ...ngDevMode ? [{ debugName: "exportInProgress" }] : /* istanbul ignore next */ []);
+	issuableData = input(null, ...ngDevMode ? [{ debugName: "issuableData" }] : /* istanbul ignore next */ []);
+	columnConfig = [];
+	selectedColumns = [];
+	filterForm;
+	filtersValue;
+	constructor(formBuilder) {
+		this.formBuilder = formBuilder;
+		this.filterForm = this.formBuilder.group({
+			category_ids: [""],
+			date_from: [""],
+			date_to: [""],
+			duration: [""],
+			location_ids: [""],
+			measure_ids: [""],
+			product_ids: [""],
+			search: [""]
+		});
+		this.filtersValue = toSignal(this.filterForm.valueChanges.pipe(startWith(this.filterForm.value)));
+	}
+	ngOnInit() {
+		if (this.product) this.filterForm.get("product_ids")?.setValue(this.product?.id);
+	}
+	reload() {
+		this.itemizedList?.reload();
+		this.groupedList?.reload();
+	}
+	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: StockIssuePageComponent,
+		deps: [{ token: i2.FormBuilder }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: StockIssuePageComponent,
+		isStandalone: false,
+		selector: "app-stock-issue-page",
+		inputs: {
+			product: {
+				classPropertyName: "product",
+				publicName: "product",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			showActions: {
+				classPropertyName: "showActions",
+				publicName: "showActions",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			showFilters: {
+				classPropertyName: "showFilters",
+				publicName: "showFilters",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			issuableData: {
+				classPropertyName: "issuableData",
+				publicName: "issuableData",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { listUpdated: "listUpdated" },
+		viewQueries: [{
+			propertyName: "itemizedList",
+			first: true,
+			predicate: StockIssueProductListComponent,
+			descendants: true
+		}, {
+			propertyName: "groupedList",
+			first: true,
+			predicate: StockIssueListComponent,
+			descendants: true
+		}],
+		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\">{{ label }}</h3>\n\n      <div class=\"d-flex gap-2 align-items-center ms-2 d-print-none\">\n        <app-techlify-icon role='button' name='add'\n          [routerLink]=\"['/inventory/stock-issues/form']\" [queryParams]=\"issuableData()\"></app-techlify-icon>\n        @if (showActions) {\n        <span matTooltip=\"Import\" routerLink=\"import\"\n          class=\"cursor-pointer material-symbols-outlined\">\n          file_upload\n        </span>\n        }\n        <app-export-to-excel-button tableId=\"stockIssueTable\" fileName=\"Stock Issues\"\n          (onExportStart)=\"exportInProgress.set(true)\" (onExportEnd)=\"exportInProgress.set(false)\">\n        </app-export-to-excel-button>\n        @if (showActions && columnConfig.length > 0) {\n        <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n          [(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    </div>\n    @if (showFilters) {\n    <form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2 flex-wrap\">\n      <mat-form-field class='fl-md'>\n        <mat-label>Search</mat-label>\n        <input matInput placeholder=\"Search products\" formControlName=\"search\" />\n      </mat-form-field>\n\n      <app-timeline-filter appearance=\"fill\" labelText=\"Date\" formControlName=\"duration\" [form]=\"filterForm\"\n        [showClearButton]=\"true\"></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 From</mat-label>\n        <app-searchable-selector apiUrl=\"api/inventory-locations\" formControlName=\"location_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n    }\n  </mat-card-content>\n</mat-card>\n} @if (selectedView() === 'itemized') {\n<app-stock-issue-products-list [filters]=\"filtersValue()\"\n  [isProductView]=\"!!product\" [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\" [issuableData]=\"issuableData()\">\n</app-stock-issue-products-list>\n} @if (selectedView() === 'grouped') {\n<app-stock-issue-list [filters]=\"filtersValue()\"\n  [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\" [issuableData]=\"issuableData()\">\n</app-stock-issue-list>\n}",
+		styles: [":host ::ng-deep .view-toggle{--mat-button-toggle-height: 28px;font-size:12px}: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$2.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i6$2.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: i7$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: "component",
+				type: i7.MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "directive",
+				type: i7.MatCardContent,
+				selector: "mat-card-content"
+			},
+			{
+				kind: "directive",
+				type: i8.MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
+			},
+			{
+				kind: "directive",
+				type: i6.MatButtonToggleGroup,
+				selector: "mat-button-toggle-group",
+				inputs: [
+					"appearance",
+					"name",
+					"vertical",
+					"value",
+					"multiple",
+					"disabled",
+					"disabledInteractive",
+					"hideSingleSelectionIndicator",
+					"hideMultipleSelectionIndicator"
+				],
+				outputs: ["valueChange", "change"],
+				exportAs: ["matButtonToggleGroup"]
+			},
+			{
+				kind: "component",
+				type: i6.MatButtonToggle,
+				selector: "mat-button-toggle",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"id",
+					"name",
+					"value",
+					"tabIndex",
+					"disableRipple",
+					"appearance",
+					"checked",
+					"disabled",
+					"disabledInteractive"
+				],
+				outputs: ["change"],
+				exportAs: ["matButtonToggle"]
+			},
+			{
+				kind: "directive",
+				type: i11.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.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i2.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.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i2.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i2.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i2.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			},
+			{
+				kind: "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: StockIssueListComponent,
+				selector: "app-stock-issue-list",
+				inputs: [
+					"filters",
+					"selectedColumns",
+					"exportInProgress",
+					"issuableData"
+				],
+				outputs: ["listUpdated", "columnConfigReady"]
+			},
+			{
+				kind: "component",
+				type: StockIssueProductListComponent,
+				selector: "app-stock-issue-products-list",
+				inputs: [
+					"filters",
+					"isProductView",
+					"product",
+					"selectedColumns",
+					"exportInProgress",
+					"issuableData"
+				],
+				outputs: [
+					"selectedColumnsChange",
+					"listUpdated",
+					"columnConfigReady"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		preserveWhitespaces: true
+	});
+};
+StockIssuePageComponent = __decorate([UntilDestroy()], StockIssuePageComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssuePageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-stock-issue-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\">{{ label }}</h3>\n\n      <div class=\"d-flex gap-2 align-items-center ms-2 d-print-none\">\n        <app-techlify-icon role='button' name='add'\n          [routerLink]=\"['/inventory/stock-issues/form']\" [queryParams]=\"issuableData()\"></app-techlify-icon>\n        @if (showActions) {\n        <span matTooltip=\"Import\" routerLink=\"import\"\n          class=\"cursor-pointer material-symbols-outlined\">\n          file_upload\n        </span>\n        }\n        <app-export-to-excel-button tableId=\"stockIssueTable\" fileName=\"Stock Issues\"\n          (onExportStart)=\"exportInProgress.set(true)\" (onExportEnd)=\"exportInProgress.set(false)\">\n        </app-export-to-excel-button>\n        @if (showActions && columnConfig.length > 0) {\n        <app-column-selector mode=\"icon\" [columnConfigs]=\"columnConfig\"\n          [(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    </div>\n    @if (showFilters) {\n    <form [formGroup]=\"filterForm\" class=\"d-flex align-items-center gap-2 flex-wrap\">\n      <mat-form-field class='fl-md'>\n        <mat-label>Search</mat-label>\n        <input matInput placeholder=\"Search products\" formControlName=\"search\" />\n      </mat-form-field>\n\n      <app-timeline-filter appearance=\"fill\" labelText=\"Date\" formControlName=\"duration\" [form]=\"filterForm\"\n        [showClearButton]=\"true\"></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 From</mat-label>\n        <app-searchable-selector apiUrl=\"api/inventory-locations\" formControlName=\"location_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n    }\n  </mat-card-content>\n</mat-card>\n} @if (selectedView() === 'itemized') {\n<app-stock-issue-products-list [filters]=\"filtersValue()\"\n  [isProductView]=\"!!product\" [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\" [issuableData]=\"issuableData()\">\n</app-stock-issue-products-list>\n} @if (selectedView() === 'grouped') {\n<app-stock-issue-list [filters]=\"filtersValue()\"\n  [selectedColumns]=\"selectedColumns\" [exportInProgress]=\"exportInProgress()\"\n  (columnConfigReady)=\"onColumnConfigReady($event)\" (listUpdated)=\"listUpdated.emit($event)\" [issuableData]=\"issuableData()\">\n</app-stock-issue-list>\n}",
+			styles: [":host ::ng-deep .view-toggle{--mat-button-toggle-height: 28px;font-size:12px}: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.FormBuilder }],
+	propDecorators: {
+		product: [{ type: Input }],
+		label: [{ type: Input }],
+		showActions: [{ type: Input }],
+		showFilters: [{ type: Input }],
+		listUpdated: [{ type: Output }],
+		itemizedList: [{
+			type: ViewChild,
+			args: [StockIssueProductListComponent]
+		}],
+		groupedList: [{
+			type: ViewChild,
+			args: [StockIssueListComponent]
+		}],
+		issuableData: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "issuableData",
+				required: false
+			}]
+		}]
+	}
+});
+var StockIssuePageModule = class StockIssuePageModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssuePageModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssuePageModule,
+		declarations: [
+			StockIssuePageComponent,
+			StockIssueListComponent,
+			StockIssueProductListComponent
+		],
+		imports: [
+			CommonModule,
+			MaterialModule,
+			TechlifyFilterModule,
+			InfiniteScrollDirective,
+			MatProgressBarModule,
+			RouterModule,
+			SearchableSelectorModule,
+			TimelineFilterModule,
+			ReactiveFormsModule,
+			ProductCategoryBadgesComponent,
+			ColumnSelectorModule,
+			TechlifyIconModule,
+			ExportToExcelButtonComponent,
+			TechlifyFormButtonComponent,
+			TechlifyDeleteButtonComponent
+		],
+		exports: [
+			StockIssuePageComponent,
+			StockIssueListComponent,
+			StockIssueProductListComponent
+		]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: StockIssuePageModule,
+		imports: [
+			CommonModule,
+			MaterialModule,
+			TechlifyFilterModule,
+			MatProgressBarModule,
+			RouterModule,
+			SearchableSelectorModule,
+			TimelineFilterModule,
+			ReactiveFormsModule,
+			ColumnSelectorModule,
+			TechlifyIconModule,
+			TechlifyFormButtonComponent,
+			TechlifyDeleteButtonComponent
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: StockIssuePageModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [
+				StockIssuePageComponent,
+				StockIssueListComponent,
+				StockIssueProductListComponent
+			],
+			imports: [
+				CommonModule,
+				MaterialModule,
+				TechlifyFilterModule,
+				InfiniteScrollDirective,
+				MatProgressBarModule,
+				RouterModule,
+				SearchableSelectorModule,
+				TimelineFilterModule,
+				ReactiveFormsModule,
+				ProductCategoryBadgesComponent,
+				ColumnSelectorModule,
+				TechlifyIconModule,
+				ExportToExcelButtonComponent,
+				TechlifyFormButtonComponent,
+				TechlifyDeleteButtonComponent
+			],
+			exports: [
+				StockIssuePageComponent,
+				StockIssueListComponent,
+				StockIssueProductListComponent
+			]
+		}]
+	}]
+});
+export { StockIssueSingleProductFormComponent as a, StockIssueProductListComponent as i, StockIssuePageComponent as n, StockIssueProductFormComponent as o, StockIssueListComponent as r, StockIssuePageModule as t };
+
+//# sourceMappingURL=techlify-inventory-common-stock-issue-page.module-DX9n3X1T.mjs.map