techlify-inventory-common 18.30.0 → 18.32.0

package/fesm2022/techlify-inventory-common-purchase-order-view.component-A-iJ1Gxn.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4$1 from '@angular/router';
+import { RouterLink } from '@angular/router';
+import { b as MaterialModule, P as PurchaseOrderService } from './techlify-inventory-common-techlify-inventory-common-CJVKqbkG.mjs';
+import * as i1 from 'ngx-techlify-core';
+import { NoteModule, TechlifyIconModule } from 'ngx-techlify-core';
+import * as i4 from '@angular/material/card';
+import * as i10 from '@angular/material/sort';
+import * as i8 from '@angular/material/table';
+import * as i9 from '@angular/material/progress-bar';
+
+class PurchaseOrderProductListComponent {
+    products = input([]);
+    displayedColumns = [
+        '#',
+        'product',
+        'quantity',
+        'unit',
+        'details'
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderProductListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: PurchaseOrderProductListComponent, isStandalone: true, selector: "app-purchase-order-product-list", inputs: { products: { classPropertyName: "products", publicName: "products", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mat-card class=\"w-100\">\n    <mat-card-content>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <strong>Products</strong>\n        </div>\n\n        <table mat-table [dataSource]=\"products()\" class=\"w-100\" matSort>\n            <!-- # Column -->\n            <ng-container matColumnDef=\"#\">\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            <!-- 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\">{{ element?.product?.name }}</td>\n            </ng-container>\n\n            <!-- Quantity Column -->\n            <ng-container matColumnDef=\"quantity\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.quantity }}</td>\n            </ng-container>\n\n            <!-- Unit Column -->\n            <ng-container matColumnDef=\"unit\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Unit</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.unit?.title }}</td>\n            </ng-container>\n\n            <!-- Details Column -->\n            <ng-container matColumnDef=\"details\">\n                <th mat-header-cell *matHeaderCellDef>Details</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n    </mat-card-content>\n</mat-card>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i10.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i10.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderProductListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-purchase-order-product-list', standalone: true, imports: [
+                        CommonModule,
+                        MaterialModule,
+                    ], template: "<mat-card class=\"w-100\">\n    <mat-card-content>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <strong>Products</strong>\n        </div>\n\n        <table mat-table [dataSource]=\"products()\" class=\"w-100\" matSort>\n            <!-- # Column -->\n            <ng-container matColumnDef=\"#\">\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            <!-- 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\">{{ element?.product?.name }}</td>\n            </ng-container>\n\n            <!-- Quantity Column -->\n            <ng-container matColumnDef=\"quantity\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.quantity }}</td>\n            </ng-container>\n\n            <!-- Unit Column -->\n            <ng-container matColumnDef=\"unit\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Unit</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.unit?.title }}</td>\n            </ng-container>\n\n            <!-- Details Column -->\n            <ng-container matColumnDef=\"details\">\n                <th mat-header-cell *matHeaderCellDef>Details</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n    </mat-card-content>\n</mat-card>" }]
+        }] });
+
+class PurchaseOrderViewComponent {
+    activatedRoute;
+    service;
+    location;
+    id;
+    isLoading;
+    purchaseOrder;
+    constructor(activatedRoute, service, location) {
+        this.activatedRoute = activatedRoute;
+        this.service = service;
+        this.location = location;
+    }
+    ngOnInit() {
+        this.activatedRoute.params.subscribe(params => {
+            this.id = parseInt(params['id']);
+            if (this.id) {
+                this.loadData();
+            }
+        });
+    }
+    loadData() {
+        this.isLoading = true;
+        this.service.show(this.id, { with: 'supplier,purchaseOrderProducts.product,purchaseOrderProducts.unit' }).subscribe({
+            next: (response) => {
+                this.purchaseOrder = response?.item;
+                this.isLoading = false;
+            },
+            error: () => {
+                this.isLoading = false;
+            }
+        });
+    }
+    redirectBack() {
+        this.location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderViewComponent, deps: [{ token: i4$1.ActivatedRoute }, { token: PurchaseOrderService }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PurchaseOrderViewComponent, isStandalone: true, selector: "app-purchase-order-view", ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"purchaseOrder\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 400px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\">ungroup</span>\n                        <strong class=\"mb-0 text-dark\">PO #{{ purchaseOrder?.po_number }}</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-techlify-icon role='button' name='edit' class='text-secondary'\n                            [routerLink]=\"['/inventory/suppliers/purchase-orders/form', purchaseOrder?.id]\"></app-techlify-icon>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-wrap justify-content-between gap-2 mt-3\">\n                    <!-- Date -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.date\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Date</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.date | date:'mediumDate' }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- PO # -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.po_number\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">PO #</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.po_number }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Supplier -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.supplier\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-dark\"\n                                    [routerLink]=\"['/inventory/suppliers', purchaseOrder?.supplier?.id, 'view']\">\n                                    {{ purchaseOrder?.supplier?.company_name }}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Details -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.details\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Details</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.details }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"PurchaseOrder\"\n                [relatedModelId]=\"purchaseOrder?.id\"></app-note-list>\n        </div>\n\n        <app-purchase-order-product-list class='w-100' [products]=\"purchaseOrder?.purchase_order_products || []\"></app-purchase-order-product-list>\n    </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NoteModule }, { kind: "component", type: i1.NoteListComponent, selector: "app-note-list", inputs: ["relatedModelId", "modelType", "readonly", "labelText", "commentsView", "viewMode"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i1.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }, { kind: "component", type: PurchaseOrderProductListComponent, selector: "app-purchase-order-product-list", inputs: ["products"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-purchase-order-view', standalone: true, imports: [
+                        CommonModule,
+                        MaterialModule,
+                        RouterLink,
+                        NoteModule,
+                        TechlifyIconModule,
+                        PurchaseOrderProductListComponent
+                    ], template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"purchaseOrder\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 400px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\">ungroup</span>\n                        <strong class=\"mb-0 text-dark\">PO #{{ purchaseOrder?.po_number }}</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-techlify-icon role='button' name='edit' class='text-secondary'\n                            [routerLink]=\"['/inventory/suppliers/purchase-orders/form', purchaseOrder?.id]\"></app-techlify-icon>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-wrap justify-content-between gap-2 mt-3\">\n                    <!-- Date -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.date\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Date</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.date | date:'mediumDate' }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- PO # -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.po_number\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">PO #</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.po_number }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Supplier -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.supplier\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-dark\"\n                                    [routerLink]=\"['/inventory/suppliers', purchaseOrder?.supplier?.id, 'view']\">\n                                    {{ purchaseOrder?.supplier?.company_name }}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Details -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.details\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Details</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.details }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"PurchaseOrder\"\n                [relatedModelId]=\"purchaseOrder?.id\"></app-note-list>\n        </div>\n\n        <app-purchase-order-product-list class='w-100' [products]=\"purchaseOrder?.purchase_order_products || []\"></app-purchase-order-product-list>\n    </div>\n</div>" }]
+        }], ctorParameters: () => [{ type: i4$1.ActivatedRoute }, { type: PurchaseOrderService }, { type: i3.Location }] });
+
+export { PurchaseOrderViewComponent };
+//# sourceMappingURL=techlify-inventory-common-purchase-order-view.component-A-iJ1Gxn.mjs.map

package/fesm2022/techlify-inventory-common-purchase-order-view.component-A-iJ1Gxn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-purchase-order-view.component-A-iJ1Gxn.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/supplier/purchase-order/purchase-order-product-list/purchase-order-product-list.component.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/purchase-order/purchase-order-product-list/purchase-order-product-list.component.html","../../../projects/inventory-common/src/lib/inventory-common/supplier/purchase-order/purchase-order-view/purchase-order-view.component.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/purchase-order/purchase-order-view/purchase-order-view.component.html"],"sourcesContent":["import { Component, input, Input, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MaterialModule } from '../../../material.module';\n\n@Component({\n    selector: 'app-purchase-order-product-list',\n    templateUrl: './purchase-order-product-list.component.html',\n    standalone: true,\n    imports: [\n        CommonModule,\n        MaterialModule,\n    ],\n})\nexport class PurchaseOrderProductListComponent {\n\n    products = input<any>([]);\n\n    displayedColumns: string[] = [\n        '#',\n        'product',\n        'quantity',\n        'unit',\n        'details'\n    ];\n}\n","<mat-card class=\"w-100\">\n    <mat-card-content>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <strong>Products</strong>\n        </div>\n\n        <table mat-table [dataSource]=\"products()\" class=\"w-100\" matSort>\n            <!-- # Column -->\n            <ng-container matColumnDef=\"#\">\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            <!-- 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\">{{ element?.product?.name }}</td>\n            </ng-container>\n\n            <!-- Quantity Column -->\n            <ng-container matColumnDef=\"quantity\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.quantity }}</td>\n            </ng-container>\n\n            <!-- Unit Column -->\n            <ng-container matColumnDef=\"unit\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Unit</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.unit?.title }}</td>\n            </ng-container>\n\n            <!-- Details Column -->\n            <ng-container matColumnDef=\"details\">\n                <th mat-header-cell *matHeaderCellDef>Details</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n    </mat-card-content>\n</mat-card>","import { Component, OnInit } from '@angular/core';\nimport { CommonModule, Location } from '@angular/common';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { MaterialModule } from '../../../material.module';\nimport { PurchaseOrderService } from '../purchase-order.service';\nimport { NoteModule, TechlifyIconModule } from 'ngx-techlify-core';\nimport { PurchaseOrderProductListComponent } from '../purchase-order-product-list/purchase-order-product-list.component';\n\n@Component({\n    selector: 'app-purchase-order-view',\n    templateUrl: './purchase-order-view.component.html',\n    standalone: true,\n    imports: [\n        CommonModule,\n        MaterialModule,\n        RouterLink,\n        NoteModule,\n        TechlifyIconModule,\n        PurchaseOrderProductListComponent\n    ],\n})\nexport class PurchaseOrderViewComponent implements OnInit {\n\n    id!: number;\n    isLoading!: boolean;\n    purchaseOrder!: any;\n\n    constructor(\n        private activatedRoute: ActivatedRoute,\n        private service: PurchaseOrderService,\n        private location: Location\n    ) { }\n\n    ngOnInit(): void {\n        this.activatedRoute.params.subscribe(params => {\n            this.id = parseInt(params['id']);\n            if (this.id) {\n                this.loadData();\n            }\n        });\n    }\n\n    loadData() {\n        this.isLoading = true;\n        this.service.show(this.id, { with: 'supplier,purchaseOrderProducts.product,purchaseOrderProducts.unit' }).subscribe({\n            next: (response: any) => {\n                this.purchaseOrder = response?.item;\n                this.isLoading = false;\n            },\n            error: () => {\n                this.isLoading = false;\n            }\n        });\n    }\n\n    redirectBack() {\n        this.location.back();\n    }\n}\n","<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"purchaseOrder\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 400px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\">ungroup</span>\n                        <strong class=\"mb-0 text-dark\">PO #{{ purchaseOrder?.po_number }}</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-techlify-icon role='button' name='edit' class='text-secondary'\n                            [routerLink]=\"['/inventory/suppliers/purchase-orders/form', purchaseOrder?.id]\"></app-techlify-icon>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-wrap justify-content-between gap-2 mt-3\">\n                    <!-- Date -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.date\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Date</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.date | date:'mediumDate' }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- PO # -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.po_number\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">PO #</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.po_number }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Supplier -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.supplier\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-dark\"\n                                    [routerLink]=\"['/inventory/suppliers', purchaseOrder?.supplier?.id, 'view']\">\n                                    {{ purchaseOrder?.supplier?.company_name }}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Details -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.details\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Details</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.details }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"PurchaseOrder\"\n                [relatedModelId]=\"purchaseOrder?.id\"></app-note-list>\n        </div>\n\n        <app-purchase-order-product-list class='w-100' [products]=\"purchaseOrder?.purchase_order_products || []\"></app-purchase-order-product-list>\n    </div>\n</div>"],"names":["i1","i2","i3","i2.PurchaseOrderService","i5","i6"],"mappings":"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"}

package/fesm2022/{techlify-inventory-common-stock-issue-batch-form.component-DWWhMwul.mjs → techlify-inventory-common-stock-issue-batch-form.component-DdN2UuLR.mjs}

@@ -4,13 +4,13 @@ import * as i2 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from 'ngx-techlify-core';
 import { TechlifyFormComponentInterface, SearchableSelectorModule, TechlifyIconModule } from 'ngx-techlify-core';
-import { S as StockIssueService, L as LocationService, b as MaterialModule, c as LocationSelectorComponent } from './techlify-inventory-common-techlify-inventory-common-DZ-tDtUV.mjs';
+import { S as StockIssueService, L as LocationService, b as MaterialModule, c as LocationSelectorComponent } from './techlify-inventory-common-techlify-inventory-common-CJVKqbkG.mjs';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import moment from 'moment';
-import * as i2$1 from '@angular/router';
+import * as i4 from '@angular/router';
 import * as i7 from '@angular/material/button';
-import * as i4 from '@angular/material/card';
+import * as i4$1 from '@angular/material/card';
 import * as i9 from '@angular/material/datepicker';
 import * as i6 from '@angular/material/form-field';
 import * as i8 from '@angular/material/icon';
@@ -100,8 +100,8 @@ class StockIssueBatchFormComponent extends TechlifyFormComponentInterface {
     cancel() {
         this.router.navigate(['/inventory/stock-issues']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueBatchFormComponent, deps: [{ token: i1.FormValidatorService }, { token: i2.FormBuilder }, { token: StockIssueService }, { token: i2$1.Router }, { token: LocationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StockIssueBatchFormComponent, isStandalone: true, selector: "app-stock-issue-batch-form", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                        <mat-error *ngIf=\"isFieldValid('particulars')\">{{ getErrorMessage('particulars') }}</mat-error>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i9.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i9.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: SearchableSelectorModule }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: LocationSelectorComponent, selector: "app-location-selector", inputs: ["appearance", "label", "placeholder", "includeNone"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i1.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }], preserveWhitespaces: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueBatchFormComponent, deps: [{ token: i1.FormValidatorService }, { token: i2.FormBuilder }, { token: StockIssueService }, { token: i4.Router }, { token: LocationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StockIssueBatchFormComponent, isStandalone: true, selector: "app-stock-issue-batch-form", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                        <mat-error *ngIf=\"isFieldValid('particulars')\">{{ getErrorMessage('particulars') }}</mat-error>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i9.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i9.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: SearchableSelectorModule }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: LocationSelectorComponent, selector: "app-location-selector", inputs: ["appearance", "label", "placeholder", "includeNone"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i1.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }], preserveWhitespaces: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueBatchFormComponent, decorators: [{
             type: Component,
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         LocationSelectorComponent,
                         TechlifyIconModule
                     ], template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                        <mat-error *ngIf=\"isFieldValid('particulars')\">{{ getErrorMessage('particulars') }}</mat-error>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n" }]
-        }], ctorParameters: () => [{ type: i1.FormValidatorService }, { type: i2.FormBuilder }, { type: StockIssueService }, { type: i2$1.Router }, { type: LocationService }] });
+        }], ctorParameters: () => [{ type: i1.FormValidatorService }, { type: i2.FormBuilder }, { type: StockIssueService }, { type: i4.Router }, { type: LocationService }] });
 
 export { StockIssueBatchFormComponent };
-//# sourceMappingURL=techlify-inventory-common-stock-issue-batch-form.component-DWWhMwul.mjs.map
+//# sourceMappingURL=techlify-inventory-common-stock-issue-batch-form.component-DdN2UuLR.mjs.map

package/fesm2022/{techlify-inventory-common-stock-issue-batch-form.component-DWWhMwul.mjs.map → techlify-inventory-common-stock-issue-batch-form.component-DdN2UuLR.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"techlify-inventory-common-stock-issue-batch-form.component-DWWhMwul.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-batch-form/stock-issue-batch-form.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-batch-form/stock-issue-batch-form.component.html"],"sourcesContent":["import { Component, OnInit, signal } from \"@angular/core\";\nimport { FormArray, FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { FormValidatorService, TechlifyFormComponentInterface, TechlifyIconModule } from \"ngx-techlify-core\";\nimport { MaterialModule } from '../../material.module';\nimport { CommonModule } from '@angular/common';\nimport { SearchableSelectorModule } from 'ngx-techlify-core';\nimport { LocationSelectorComponent } from '../../location/location-selector/location-selector.component';\nimport { StockIssueService } from '../stock-issue.service';\nimport { Router } from '@angular/router';\nimport moment from 'moment';\nimport { LocationService } from '../../location/location.service';\n\n@Component({\n    selector: 'app-stock-issue-batch-form',\n    templateUrl: './stock-issue-batch-form.component.html',\n    standalone: true,\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        MaterialModule,\n        SearchableSelectorModule,\n        LocationSelectorComponent,\n        TechlifyIconModule\n    ]\n})\n\nexport class StockIssueBatchFormComponent extends TechlifyFormComponentInterface implements OnInit {\n\n    locationCount = signal<number>(0);\n\n    constructor(protected override formValidatorService: FormValidatorService,\n        private fb: FormBuilder,\n        private stockIssueService: StockIssueService,\n        private router: Router,\n        private locationService: LocationService\n    ) {\n        super(formValidatorService);\n\n        this.form = this.fb.group({\n            date: [new Date(), Validators.compose([Validators.required])],\n            particulars: ['', Validators.compose([Validators.required])],\n            stock_issue_products: this.fb.array([])\n        });\n    }\n\n    ngOnInit(): void {\n        this.locationService.count().subscribe((count: number) => {\n            this.locationCount.set(count);\n        });\n    }\n\n    get stockIssueProducts(): FormArray {\n        return this.form.get('stock_issue_products') as FormArray;\n    }\n\n    createStockIssueProduct() {\n        return this.fb.group({\n            product_id: ['', Validators.required],\n            location_id: ['', this.locationCount() > 0 ? Validators.required : null],\n            quantity: [1, [Validators.required, Validators.min(1)]],\n            particulars: ['']\n        });\n    }\n\n    addStockIssueProduct() {\n        this.stockIssueProducts.push(this.createStockIssueProduct());\n    }\n\n    removeStockIssueProduct(index: number) {\n        this.stockIssueProducts.removeAt(index);\n    }\n\n    clearProducts() {\n        this.stockIssueProducts.clear();\n    }\n\n    save() {\n        if (this.form.invalid) {\n            this.form.markAllAsTouched();\n            this.form.markAsDirty();\n            this.alertService.addAlert('Please check the form for errors.', 'error');\n            return;\n        }\n\n        if (this.stockIssueProducts.length === 0) {\n            this.alertService.addAlert('Please add at least one product.', 'error');\n            return;\n        }\n\n        const formData = this.form.getRawValue();\n        const data: any = {\n            date: moment(formData.date).format('YYYY-MM-DD'),\n            details: formData.particulars,\n            products: formData.stock_issue_products.map((row: any) => ({\n                id: row.product_id,\n                product_id: row.product_id,\n                quantity: row.quantity,\n                location_id: row.location_id,\n                particulars: row.particulars,\n            }))\n        };\n\n        this.isWorking = true;\n        this.stockIssueService.store(data).subscribe({\n            next: (response: any) => {\n                this.isWorking = false;\n                this.alertService.addAlert('Stock issues saved successfully!', 'success');\n                this.router.navigate(['/inventory/stock-issues']);\n            },\n            error: () => {\n                this.isWorking = false;\n            }\n        });\n    }\n\n    cancel() {\n        this.router.navigate(['/inventory/stock-issues']);\n    }\n}\n","<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                        <mat-error *ngIf=\"isFieldValid('particulars')\">{{ getErrorMessage('particulars') }}</mat-error>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n"],"names":["i3.StockIssueService","i4","i5.LocationService","i6","i8","i10","i11","i12"],"mappings":"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"}
+{"version":3,"file":"techlify-inventory-common-stock-issue-batch-form.component-DdN2UuLR.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-batch-form/stock-issue-batch-form.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-batch-form/stock-issue-batch-form.component.html"],"sourcesContent":["import { Component, OnInit, signal } from \"@angular/core\";\nimport { FormArray, FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { FormValidatorService, TechlifyFormComponentInterface, TechlifyIconModule } from \"ngx-techlify-core\";\nimport { MaterialModule } from '../../material.module';\nimport { CommonModule } from '@angular/common';\nimport { SearchableSelectorModule } from 'ngx-techlify-core';\nimport { LocationSelectorComponent } from '../../location/location-selector/location-selector.component';\nimport { StockIssueService } from '../stock-issue.service';\nimport { Router } from '@angular/router';\nimport moment from 'moment';\nimport { LocationService } from '../../location/location.service';\n\n@Component({\n    selector: 'app-stock-issue-batch-form',\n    templateUrl: './stock-issue-batch-form.component.html',\n    standalone: true,\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        MaterialModule,\n        SearchableSelectorModule,\n        LocationSelectorComponent,\n        TechlifyIconModule\n    ]\n})\n\nexport class StockIssueBatchFormComponent extends TechlifyFormComponentInterface implements OnInit {\n\n    locationCount = signal<number>(0);\n\n    constructor(protected override formValidatorService: FormValidatorService,\n        private fb: FormBuilder,\n        private stockIssueService: StockIssueService,\n        private router: Router,\n        private locationService: LocationService\n    ) {\n        super(formValidatorService);\n\n        this.form = this.fb.group({\n            date: [new Date(), Validators.compose([Validators.required])],\n            particulars: ['', Validators.compose([Validators.required])],\n            stock_issue_products: this.fb.array([])\n        });\n    }\n\n    ngOnInit(): void {\n        this.locationService.count().subscribe((count: number) => {\n            this.locationCount.set(count);\n        });\n    }\n\n    get stockIssueProducts(): FormArray {\n        return this.form.get('stock_issue_products') as FormArray;\n    }\n\n    createStockIssueProduct() {\n        return this.fb.group({\n            product_id: ['', Validators.required],\n            location_id: ['', this.locationCount() > 0 ? Validators.required : null],\n            quantity: [1, [Validators.required, Validators.min(1)]],\n            particulars: ['']\n        });\n    }\n\n    addStockIssueProduct() {\n        this.stockIssueProducts.push(this.createStockIssueProduct());\n    }\n\n    removeStockIssueProduct(index: number) {\n        this.stockIssueProducts.removeAt(index);\n    }\n\n    clearProducts() {\n        this.stockIssueProducts.clear();\n    }\n\n    save() {\n        if (this.form.invalid) {\n            this.form.markAllAsTouched();\n            this.form.markAsDirty();\n            this.alertService.addAlert('Please check the form for errors.', 'error');\n            return;\n        }\n\n        if (this.stockIssueProducts.length === 0) {\n            this.alertService.addAlert('Please add at least one product.', 'error');\n            return;\n        }\n\n        const formData = this.form.getRawValue();\n        const data: any = {\n            date: moment(formData.date).format('YYYY-MM-DD'),\n            details: formData.particulars,\n            products: formData.stock_issue_products.map((row: any) => ({\n                id: row.product_id,\n                product_id: row.product_id,\n                quantity: row.quantity,\n                location_id: row.location_id,\n                particulars: row.particulars,\n            }))\n        };\n\n        this.isWorking = true;\n        this.stockIssueService.store(data).subscribe({\n            next: (response: any) => {\n                this.isWorking = false;\n                this.alertService.addAlert('Stock issues saved successfully!', 'success');\n                this.router.navigate(['/inventory/stock-issues']);\n            },\n            error: () => {\n                this.isWorking = false;\n            }\n        });\n    }\n\n    cancel() {\n        this.router.navigate(['/inventory/stock-issues']);\n    }\n}\n","<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Start Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                        <mat-error *ngIf=\"isFieldValid('particulars')\">{{ getErrorMessage('particulars') }}</mat-error>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Particulars</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"stock_issue_products\">\n                    <tr *ngFor=\"let row of stockIssueProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td *ngIf=\"locationCount() > 0\">\n                            <app-location-selector appearance='outline'\n                                formControlName=\"location_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Particulars</mat-label>\n                                <input matInput formControlName=\"particulars\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removeStockIssueProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"stockIssueProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addStockIssueProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || stockIssueProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n"],"names":["i3.StockIssueService","i5.LocationService","i6","i8","i10","i11","i12"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BM,MAAO,4BAA6B,SAAQ,8BAA8B,CAAA;AAI7C,IAAA,oBAAA,CAAA;AACnB,IAAA,EAAA,CAAA;AACA,IAAA,iBAAA,CAAA;AACA,IAAA,MAAA,CAAA;AACA,IAAA,eAAA,CAAA;AANZ,IAAA,aAAa,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAElC,WAA+B,CAAA,oBAA0C,EAC7D,EAAe,EACf,iBAAoC,EACpC,MAAc,EACd,eAAgC,EAAA;QAExC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAND,IAAoB,CAAA,oBAAA,GAApB,oBAAoB,CAAsB;QAC7D,IAAE,CAAA,EAAA,GAAF,EAAE,CAAa;QACf,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;QACpC,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QACd,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;QAIxC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACtB,YAAA,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7D,YAAA,WAAW,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1C,SAAA,CAAC,CAAC;KACN;IAED,QAAQ,GAAA;QACJ,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,KAAa,KAAI;AACrD,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAClC,SAAC,CAAC,CAAC;KACN;AAED,IAAA,IAAI,kBAAkB,GAAA;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,sBAAsB,CAAc,CAAC;KAC7D;IAED,uBAAuB,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACjB,YAAA,UAAU,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,GAAG,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;AACxE,YAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACvD,WAAW,EAAE,CAAC,EAAE,CAAC;AACpB,SAAA,CAAC,CAAC;KACN;IAED,oBAAoB,GAAA;QAChB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;KAChE;AAED,IAAA,uBAAuB,CAAC,KAAa,EAAA;AACjC,QAAA,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,aAAa,GAAA;AACT,QAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC;KACnC;IAED,IAAI,GAAA;AACA,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACnB,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC7B,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,mCAAmC,EAAE,OAAO,CAAC,CAAC;YACzE,OAAO;SACV;QAED,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,kCAAkC,EAAE,OAAO,CAAC,CAAC;YACxE,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACzC,QAAA,MAAM,IAAI,GAAQ;YACd,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;YAChD,OAAO,EAAE,QAAQ,CAAC,WAAW;AAC7B,YAAA,QAAQ,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,GAAQ,MAAM;gBACvD,EAAE,EAAE,GAAG,CAAC,UAAU;gBAClB,UAAU,EAAE,GAAG,CAAC,UAAU;gBAC1B,QAAQ,EAAE,GAAG,CAAC,QAAQ;gBACtB,WAAW,EAAE,GAAG,CAAC,WAAW;gBAC5B,WAAW,EAAE,GAAG,CAAC,WAAW;AAC/B,aAAA,CAAC,CAAC;SACN,CAAC;AAEF,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AACzC,YAAA,IAAI,EAAE,CAAC,QAAa,KAAI;AACpB,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,kCAAkC,EAAE,SAAS,CAAC,CAAC;gBAC1E,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC;aACrD;YACD,KAAK,EAAE,MAAK;AACR,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;aAC1B;AACJ,SAAA,CAAC,CAAC;KACN;IAED,MAAM,GAAA;QACF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC;KACrD;wGA3FQ,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,EC1BzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,4gLAuGA,EDtFQ,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,EACnB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,iGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gHAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,KAAA,EAAA,KAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,GAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,wBAAwB,EACxB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,eAAA,EAAA,cAAA,EAAA,KAAA,EAAA,WAAA,EAAA,MAAA,EAAA,YAAA,EAAA,MAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,iBAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,yBAAyB,gIACzB,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAIb,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;+BACI,4BAA4B,EAAA,UAAA,EAE1B,IAAI,EACP,OAAA,EAAA;wBACL,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,wBAAwB;wBACxB,yBAAyB;wBACzB,kBAAkB;AACrB,qBAAA,EAAA,QAAA,EAAA,4gLAAA,EAAA,CAAA;;;;;"}

package/fesm2022/{techlify-inventory-common-stock-issue-view.component-CVmdJazX.mjs → techlify-inventory-common-stock-issue-view.component-DQGWuLj-.mjs}

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/router';
+import * as i4 from '@angular/router';
 import { RouterLink } from '@angular/router';
-import { S as StockIssueService, b as MaterialModule, d as StockIssueFormModule, e as StockIssueFormButtonComponent, f as StockIssuanceDeleteButtonModule, g as StockIssuanceDeleteButtonComponent } from './techlify-inventory-common-techlify-inventory-common-DZ-tDtUV.mjs';
+import { S as StockIssueService, b as MaterialModule, d as StockIssueFormModule, e as StockIssueFormButtonComponent, f as StockIssuanceDeleteButtonModule, g as StockIssuanceDeleteButtonComponent } from './techlify-inventory-common-techlify-inventory-common-CJVKqbkG.mjs';
 import * as i1 from 'ngx-techlify-core';
 import { NoteModule, EntityFilesViewAllModule, TechlifyFeatureModule } from 'ngx-techlify-core';
-import * as i4 from '@angular/material/card';
+import * as i4$1 from '@angular/material/card';
 import * as i9 from '@angular/material/progress-bar';
 
 class StockIssueViewComponent {
@@ -45,8 +45,8 @@ class StockIssueViewComponent {
     redirectBack() {
         this.location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueViewComponent, deps: [{ token: i2.ActivatedRoute }, { token: StockIssueService }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StockIssueViewComponent, isStandalone: true, selector: "app-stock-issue-view", ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"stockIssue\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Issue for {{ stockIssue?.stock_issue_products[0]?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> ungroup </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-stock-issue-form-button [stockIssue]=\"stockIssue\" (saved)=\"loadData()\">\n                        </app-stock-issue-form-button>\n                        <app-stock-issuance-delete-button [stockIssuance]=\"stockIssue\" (deleted)=\"redirectBack()\">\n                        </app-stock-issuance-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <!-- Product & SKU / Date -->\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', stockIssue?.stock_issue_products[0]?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"stockIssue?.stock_issue_products[0]?.product?.sku\">{{\n                                stockIssue?.stock_issue_products[0]?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"stockIssue?.date\">{{ stockIssue?.date | date }}</small>\n                            <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <!-- Quantity & Location -->\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.quantity\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{\n                                        stockIssue?.stock_issue_products[0]?.product?.measure?.title\n                                        }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Batch & Expires On (if feature enabled) -->\n                    <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch\">\n                        <div class=\"row\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                            <div class=\"col-6\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Expires On</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Particulars -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.stock_issue_products[0]?.particulars\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Creator -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ stockIssue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ stockIssue?.created_at | date }}\n                            </small>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockIssue\"\n                [relatedModelId]=\"stockIssue?.id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-entity-files-view-all title=\"Document\" [entityId]=\"stockIssue?.id\" entityType=\"StockIssue\"\n                viewMode=\"timeline\">\n            </app-entity-files-view-all>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: StockIssueFormModule }, { kind: "component", type: StockIssueFormButtonComponent, selector: "app-stock-issue-form-button", inputs: ["product", "stockIssueProduct", "stockIssue", "icon", "issuableType", "issuableId"], outputs: ["saved"] }, { kind: "ngmodule", type: StockIssuanceDeleteButtonModule }, { kind: "component", type: StockIssuanceDeleteButtonComponent, selector: "app-stock-issuance-delete-button", inputs: ["stockIssuance"], outputs: ["deleted"] }, { kind: "ngmodule", type: NoteModule }, { kind: "component", type: i1.NoteListComponent, selector: "app-note-list", inputs: ["relatedModelId", "modelType", "readonly", "labelText", "commentsView", "viewMode"] }, { kind: "ngmodule", type: EntityFilesViewAllModule }, { kind: "component", type: i1.EntityFilesViewAllComponent, selector: "app-entity-files-view-all", inputs: ["entityId", "entityType", "viewOnly", "removeSearch", "hideTitleAndDetails", "displayMode", "allowMultipleFiles", "allowBulkUpdate", "viewMode", "fileDropperHeight", "isShowDragDropSection", "useTechlifyTags", "techlifyTagCategories", "techlifyTagConfig", "title", "permission"] }, { kind: "ngmodule", type: TechlifyFeatureModule }, { kind: "directive", type: i1.TechlifyFeatureEnabledDirective, selector: "[techlifyFeatureEnabled]", inputs: ["techlifyFeatureEnabled"] }], preserveWhitespaces: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueViewComponent, deps: [{ token: i4.ActivatedRoute }, { token: StockIssueService }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StockIssueViewComponent, isStandalone: true, selector: "app-stock-issue-view", ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"stockIssue\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Issue for {{ stockIssue?.stock_issue_products[0]?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> ungroup </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-stock-issue-form-button [stockIssue]=\"stockIssue\" (saved)=\"loadData()\">\n                        </app-stock-issue-form-button>\n                        <app-stock-issuance-delete-button [stockIssuance]=\"stockIssue\" (deleted)=\"redirectBack()\">\n                        </app-stock-issuance-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <!-- Product & SKU / Date -->\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', stockIssue?.stock_issue_products[0]?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"stockIssue?.stock_issue_products[0]?.product?.sku\">{{\n                                stockIssue?.stock_issue_products[0]?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"stockIssue?.date\">{{ stockIssue?.date | date }}</small>\n                            <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <!-- Quantity & Location -->\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.quantity\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{\n                                        stockIssue?.stock_issue_products[0]?.product?.measure?.title\n                                        }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Batch & Expires On (if feature enabled) -->\n                    <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch\">\n                        <div class=\"row\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                            <div class=\"col-6\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Expires On</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Particulars -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.stock_issue_products[0]?.particulars\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Creator -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ stockIssue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ stockIssue?.created_at | date }}\n                            </small>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockIssue\"\n                [relatedModelId]=\"stockIssue?.id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-entity-files-view-all title=\"Document\" [entityId]=\"stockIssue?.id\" entityType=\"StockIssue\"\n                viewMode=\"timeline\">\n            </app-entity-files-view-all>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: StockIssueFormModule }, { kind: "component", type: StockIssueFormButtonComponent, selector: "app-stock-issue-form-button", inputs: ["product", "stockIssueProduct", "stockIssue", "icon", "issuableType", "issuableId"], outputs: ["saved"] }, { kind: "ngmodule", type: StockIssuanceDeleteButtonModule }, { kind: "component", type: StockIssuanceDeleteButtonComponent, selector: "app-stock-issuance-delete-button", inputs: ["stockIssuance"], outputs: ["deleted"] }, { kind: "ngmodule", type: NoteModule }, { kind: "component", type: i1.NoteListComponent, selector: "app-note-list", inputs: ["relatedModelId", "modelType", "readonly", "labelText", "commentsView", "viewMode"] }, { kind: "ngmodule", type: EntityFilesViewAllModule }, { kind: "component", type: i1.EntityFilesViewAllComponent, selector: "app-entity-files-view-all", inputs: ["entityId", "entityType", "viewOnly", "removeSearch", "hideTitleAndDetails", "displayMode", "allowMultipleFiles", "allowBulkUpdate", "viewMode", "fileDropperHeight", "isShowDragDropSection", "useTechlifyTags", "techlifyTagCategories", "techlifyTagConfig", "title", "permission"] }, { kind: "ngmodule", type: TechlifyFeatureModule }, { kind: "directive", type: i1.TechlifyFeatureEnabledDirective, selector: "[techlifyFeatureEnabled]", inputs: ["techlifyFeatureEnabled"] }], preserveWhitespaces: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueViewComponent, decorators: [{
             type: Component,
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         EntityFilesViewAllModule,
                         TechlifyFeatureModule,
                     ], template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"stockIssue\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Issue for {{ stockIssue?.stock_issue_products[0]?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> ungroup </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-stock-issue-form-button [stockIssue]=\"stockIssue\" (saved)=\"loadData()\">\n                        </app-stock-issue-form-button>\n                        <app-stock-issuance-delete-button [stockIssuance]=\"stockIssue\" (deleted)=\"redirectBack()\">\n                        </app-stock-issuance-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <!-- Product & SKU / Date -->\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', stockIssue?.stock_issue_products[0]?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"stockIssue?.stock_issue_products[0]?.product?.sku\">{{\n                                stockIssue?.stock_issue_products[0]?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"stockIssue?.date\">{{ stockIssue?.date | date }}</small>\n                            <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <!-- Quantity & Location -->\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.quantity\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{\n                                        stockIssue?.stock_issue_products[0]?.product?.measure?.title\n                                        }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Batch & Expires On (if feature enabled) -->\n                    <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch\">\n                        <div class=\"row\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                            <div class=\"col-6\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Expires On</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Particulars -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.stock_issue_products[0]?.particulars\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Creator -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ stockIssue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ stockIssue?.created_at | date }}\n                            </small>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockIssue\"\n                [relatedModelId]=\"stockIssue?.id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-entity-files-view-all title=\"Document\" [entityId]=\"stockIssue?.id\" entityType=\"StockIssue\"\n                viewMode=\"timeline\">\n            </app-entity-files-view-all>\n        </div>\n    </div>\n</div>" }]
-        }], ctorParameters: () => [{ type: i2.ActivatedRoute }, { type: StockIssueService }, { type: i3.Location }] });
+        }], ctorParameters: () => [{ type: i4.ActivatedRoute }, { type: StockIssueService }, { type: i3.Location }] });
 
 export { StockIssueViewComponent };
-//# sourceMappingURL=techlify-inventory-common-stock-issue-view.component-CVmdJazX.mjs.map
+//# sourceMappingURL=techlify-inventory-common-stock-issue-view.component-DQGWuLj-.mjs.map

package/fesm2022/{techlify-inventory-common-stock-issue-view.component-CVmdJazX.mjs.map → techlify-inventory-common-stock-issue-view.component-DQGWuLj-.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"techlify-inventory-common-stock-issue-view.component-CVmdJazX.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-view/stock-issue-view.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-view/stock-issue-view.component.html"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { CommonModule, Location } from '@angular/common';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { MaterialModule } from '../../material.module';\nimport { StockIssueService } from '../stock-issue.service';\nimport { EntityFilesViewAllModule, NoteModule, TechlifyFeatureModule } from 'ngx-techlify-core';\nimport { StockIssueFormModule } from '../stock-issue-form/stock-issue-form.module';\nimport { StockIssuanceDeleteButtonModule } from '../stock-issuance-delete-button/stock-issuance-delete-button.module';\n\n@Component({\n    selector: 'app-stock-issue-view',\n    templateUrl: './stock-issue-view.component.html',\n    styleUrl: './stock-issue-view.component.css',\n    standalone: true,\n    imports: [\n        CommonModule,\n        MaterialModule,\n        RouterLink,\n        StockIssueFormModule,\n        StockIssuanceDeleteButtonModule,\n        NoteModule,\n        EntityFilesViewAllModule,\n        TechlifyFeatureModule,\n    ],\n})\nexport class StockIssueViewComponent implements OnInit {\n\n    id!: number;\n    isLoading!: boolean;\n    stockIssue!: any;\n\n    constructor(\n        private activatedRoute: ActivatedRoute,\n        private service: StockIssueService,\n        private location: Location\n    ) { }\n\n    ngOnInit(): void {\n        this.activatedRoute.params.subscribe(params => {\n            this.id = parseInt(params['id']);\n            if (this.id) {\n                this.loadData();\n            }\n        });\n    }\n\n    loadData() {\n        this.isLoading = true;\n        this.service.show(this.id).subscribe({\n            next: (response: any) => {\n                this.stockIssue = response?.item;\n                this.isLoading = false;\n            },\n            error: () => {\n                this.isLoading = false;\n            }\n        });\n    }\n\n    redirectBack() {\n        this.location.back();\n    }\n}\n","<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"stockIssue\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Issue for {{ stockIssue?.stock_issue_products[0]?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> ungroup </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-stock-issue-form-button [stockIssue]=\"stockIssue\" (saved)=\"loadData()\">\n                        </app-stock-issue-form-button>\n                        <app-stock-issuance-delete-button [stockIssuance]=\"stockIssue\" (deleted)=\"redirectBack()\">\n                        </app-stock-issuance-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <!-- Product & SKU / Date -->\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', stockIssue?.stock_issue_products[0]?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"stockIssue?.stock_issue_products[0]?.product?.sku\">{{\n                                stockIssue?.stock_issue_products[0]?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"stockIssue?.date\">{{ stockIssue?.date | date }}</small>\n                            <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <!-- Quantity & Location -->\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.quantity\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{\n                                        stockIssue?.stock_issue_products[0]?.product?.measure?.title\n                                        }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Batch & Expires On (if feature enabled) -->\n                    <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch\">\n                        <div class=\"row\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                            <div class=\"col-6\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Expires On</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Particulars -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.stock_issue_products[0]?.particulars\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Creator -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ stockIssue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ stockIssue?.created_at | date }}\n                            </small>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockIssue\"\n                [relatedModelId]=\"stockIssue?.id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-entity-files-view-all title=\"Document\" [entityId]=\"stockIssue?.id\" entityType=\"StockIssue\"\n                viewMode=\"timeline\">\n            </app-entity-files-view-all>\n        </div>\n    </div>\n</div>"],"names":["i1","i2.StockIssueService","i5","i7.StockIssuanceDeleteButtonComponent","i8"],"mappings":"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"}
+{"version":3,"file":"techlify-inventory-common-stock-issue-view.component-DQGWuLj-.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-view/stock-issue-view.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issuances/stock-issue-view/stock-issue-view.component.html"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { CommonModule, Location } from '@angular/common';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { MaterialModule } from '../../material.module';\nimport { StockIssueService } from '../stock-issue.service';\nimport { EntityFilesViewAllModule, NoteModule, TechlifyFeatureModule } from 'ngx-techlify-core';\nimport { StockIssueFormModule } from '../stock-issue-form/stock-issue-form.module';\nimport { StockIssuanceDeleteButtonModule } from '../stock-issuance-delete-button/stock-issuance-delete-button.module';\n\n@Component({\n    selector: 'app-stock-issue-view',\n    templateUrl: './stock-issue-view.component.html',\n    styleUrl: './stock-issue-view.component.css',\n    standalone: true,\n    imports: [\n        CommonModule,\n        MaterialModule,\n        RouterLink,\n        StockIssueFormModule,\n        StockIssuanceDeleteButtonModule,\n        NoteModule,\n        EntityFilesViewAllModule,\n        TechlifyFeatureModule,\n    ],\n})\nexport class StockIssueViewComponent implements OnInit {\n\n    id!: number;\n    isLoading!: boolean;\n    stockIssue!: any;\n\n    constructor(\n        private activatedRoute: ActivatedRoute,\n        private service: StockIssueService,\n        private location: Location\n    ) { }\n\n    ngOnInit(): void {\n        this.activatedRoute.params.subscribe(params => {\n            this.id = parseInt(params['id']);\n            if (this.id) {\n                this.loadData();\n            }\n        });\n    }\n\n    loadData() {\n        this.isLoading = true;\n        this.service.show(this.id).subscribe({\n            next: (response: any) => {\n                this.stockIssue = response?.item;\n                this.isLoading = false;\n            },\n            error: () => {\n                this.isLoading = false;\n            }\n        });\n    }\n\n    redirectBack() {\n        this.location.back();\n    }\n}\n","<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"stockIssue\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <mat-card>\n        <mat-card-content>\n            <h3 class=\"mb-0\">Stock Issue for {{ stockIssue?.stock_issue_products[0]?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> ungroup </span>\n                        <strong class=\"mb-0 text-dark\">Information</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-stock-issue-form-button [stockIssue]=\"stockIssue\" (saved)=\"loadData()\">\n                        </app-stock-issue-form-button>\n                        <app-stock-issuance-delete-button [stockIssuance]=\"stockIssue\" (deleted)=\"redirectBack()\">\n                        </app-stock-issuance-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <!-- Product & SKU / Date -->\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', stockIssue?.stock_issue_products[0]?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"stockIssue?.stock_issue_products[0]?.product?.sku\">{{\n                                stockIssue?.stock_issue_products[0]?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"stockIssue?.date\">{{ stockIssue?.date | date }}</small>\n                            <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <!-- Quantity & Location -->\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.quantity\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Quantity</small>\n                                <div class=\"d-flex gap-1\">\n                                    <h3 class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{\n                                        stockIssue?.stock_issue_products[0]?.product?.measure?.title\n                                        }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Batch & Expires On (if feature enabled) -->\n                    <ng-container *ngIf=\"stockIssue?.stock_issue_products[0]?.batch\">\n                        <div class=\"row\" techlifyFeatureEnabled=\"product-batch-numbers\">\n                            <div class=\"col-6\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Batch</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"stockIssue?.stock_issue_products[0]?.batch?.expires_on\">\n                                <div class=\"d-flex flex-column gap-0\">\n                                    <small class=\"text-secondary\">Expires On</small>\n                                    <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.batch?.expires_on | date }}\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Particulars -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.stock_issue_products[0]?.particulars\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Particulars</small>\n                                <p class=\"mb-0\">{{ stockIssue?.stock_issue_products[0]?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Creator -->\n                    <div class=\"row\" *ngIf=\"stockIssue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ stockIssue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ stockIssue?.created_at | date }}\n                            </small>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"StockIssue\"\n                [relatedModelId]=\"stockIssue?.id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-entity-files-view-all title=\"Document\" [entityId]=\"stockIssue?.id\" entityType=\"StockIssue\"\n                viewMode=\"timeline\">\n            </app-entity-files-view-all>\n        </div>\n    </div>\n</div>"],"names":["i1","i2.StockIssueService","i4","i5","i7.StockIssuanceDeleteButtonComponent","i8"],"mappings":"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"}