techlify-inventory-common 18.47.0 → 18.48.0

package/fesm2022/techlify-inventory-common-recipient.module-BnRAWk8N.mjs

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Inject, Optional, signal, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i1 from 'ngx-techlify-core';
+import { TechlifyService, TechlifyFormComponent, TechlifyListComponent } from 'ngx-techlify-core';
+import * as i2 from '@angular/forms';
+import { Validators } from '@angular/forms';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { S as SharedModule } from './techlify-inventory-common-techlify-inventory-common-DuAN6iqX.mjs';
+import * as i3 from '@angular/common';
+import * as i6 from '@angular/material/button';
+import * as i4 from '@angular/material/card';
+import * as i8 from '@angular/material/form-field';
+import * as i8$1 from '@angular/material/input';
+import * as i11 from 'ngx-infinite-scroll';
+import * as i5 from '@angular/material/progress-bar';
+import * as i10 from '@angular/material/sort';
+import * as i8$2 from '@angular/material/table';
+import * as i13 from 'ngx-permissions';
+
+class RecipientService extends TechlifyService {
+    constructor(httpService) {
+        super(httpService, 'recipients');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientService, deps: [{ token: i1.HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpService }] });
+
+class RecipientFormComponent extends TechlifyFormComponent {
+    formValidatorService;
+    formBuilder;
+    service;
+    dialogRef;
+    data;
+    constructor(formValidatorService, formBuilder, service, dialogRef, data) {
+        super(formValidatorService, service);
+        this.formValidatorService = formValidatorService;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.errorMessages = {
+            name: {
+                required: 'The name field is required.',
+            },
+        };
+        this.form = this.formBuilder.group({
+            id: [''],
+            name: ['', Validators.required],
+            details: [''],
+        });
+    }
+    ngOnInit() {
+        const model = this.data?.model;
+        if (model) {
+            this.isUpdate = true;
+            this.form.patchValue(model);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientFormComponent, deps: [{ token: i1.FormValidatorService }, { token: i2.FormBuilder }, { token: RecipientService }, { token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RecipientFormComponent, isStandalone: true, selector: "app-recipient-form", usesInheritance: true, ngImport: i0, template: "<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Recipient Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field class=\"w-100\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\" required />\n      <mat-error *ngIf=\"isFieldValid('name')\">{{ getErrorMessage('name') }}</mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Details</mat-label>\n      <textarea matInput formControlName=\"details\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end gap-2\">\n      <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8$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: 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.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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-recipient-form', standalone: true, imports: [SharedModule], template: "<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Recipient Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field class=\"w-100\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\" required />\n      <mat-error *ngIf=\"isFieldValid('name')\">{{ getErrorMessage('name') }}</mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Details</mat-label>\n      <textarea matInput formControlName=\"details\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end gap-2\">\n      <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormValidatorService }, { type: i2.FormBuilder }, { type: RecipientService }, { type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }, {
+                    type: Optional
+                }] }] });
+
+class RecipientListComponent extends TechlifyListComponent {
+    fb;
+    service;
+    recipientForm = signal(RecipientFormComponent);
+    displayedColumns = [
+        '#',
+        'name',
+        'details',
+        'actions'
+    ];
+    constructor(fb, service) {
+        super(service);
+        this.fb = fb;
+        this.service = service;
+        this.filterFormConfiguration = {};
+        this.filterForm = this.fb.group({
+            search: [''],
+            sort_by: ['created_at|desc'],
+        });
+    }
+    ngOnInit() {
+        this.patchFiltersFromRoute();
+        this.loadData();
+        this.listenFilterChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientListComponent, deps: [{ token: i2.FormBuilder }, { token: RecipientService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RecipientListComponent, selector: "app-recipient-list", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card>\n    <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n      <div class=\"d-flex flex-row align-items-center gap-2\">\n        <h5 class=\"mb-0\">Recipients</h5>\n        <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.create']\" [component]=\"recipientForm()\"\n          [width]=\"'500px'\" (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n      <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n        <mat-form-field class=\"fl-md\">\n          <mat-label>Search</mat-label>\n          <input matInput formControlName=\"search\" />\n        </mat-form-field>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Recipients\" infiniteScroll\n        [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n        (matSortChange)=\"sortColumn($event)\">\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        <ng-container matColumnDef=\"name\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.name }}</td>\n        </ng-container>\n\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        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef>Actions</th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-1 align-items-center text-secondary\">\n              <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.update']\" [component]=\"recipientForm()\"\n                [model]=\"element\" [width]=\"'500px'\" (saved)=\"modelsUpdatedById($event)\"></app-techlify-form-button>\n              <app-techlify-delete-button *ngxPermissionsOnly=\"['recipient.delete']\" [service]=\"service\"\n                [model]=\"element\" [data]=\"{ type: 'Recipient', title: element?.name }\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </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-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$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: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { 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$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i8$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i13.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1.TechlifyDeleteButtonComponent, selector: "app-techlify-delete-button", inputs: ["data", "model", "message", "service"], outputs: ["deleted"] }, { kind: "component", type: i1.TechlifyFormButtonComponent, selector: "app-techlify-form-button", inputs: ["component", "model", "data", "width"], outputs: ["saved"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-recipient-list', template: "<div class=\"d-flex flex-column gap-2\">\n  <mat-card>\n    <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n      <div class=\"d-flex flex-row align-items-center gap-2\">\n        <h5 class=\"mb-0\">Recipients</h5>\n        <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.create']\" [component]=\"recipientForm()\"\n          [width]=\"'500px'\" (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n      <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n        <mat-form-field class=\"fl-md\">\n          <mat-label>Search</mat-label>\n          <input matInput formControlName=\"search\" />\n        </mat-form-field>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Recipients\" infiniteScroll\n        [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n        (matSortChange)=\"sortColumn($event)\">\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        <ng-container matColumnDef=\"name\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.name }}</td>\n        </ng-container>\n\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        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef>Actions</th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-1 align-items-center text-secondary\">\n              <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.update']\" [component]=\"recipientForm()\"\n                [model]=\"element\" [width]=\"'500px'\" (saved)=\"modelsUpdatedById($event)\"></app-techlify-form-button>\n              <app-techlify-delete-button *ngxPermissionsOnly=\"['recipient.delete']\" [service]=\"service\"\n                [model]=\"element\" [data]=\"{ type: 'Recipient', title: element?.name }\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </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-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n    </mat-card-content>\n  </mat-card>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i2.FormBuilder }, { type: RecipientService }] });
+
+const routes = [
+    {
+        path: '',
+        component: RecipientListComponent,
+    },
+];
+class RecipientRoutingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RecipientRoutingModule, imports: [i1$2.RouterModule], exports: [RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+class RecipientModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RecipientModule, declarations: [RecipientListComponent], imports: [RecipientRoutingModule, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientModule, imports: [RecipientRoutingModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RecipientModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [RecipientListComponent],
+                    imports: [RecipientRoutingModule, SharedModule],
+                }]
+        }] });
+
+export { RecipientModule };
+//# sourceMappingURL=techlify-inventory-common-recipient.module-BnRAWk8N.mjs.map

package/fesm2022/techlify-inventory-common-recipient.module-BnRAWk8N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-recipient.module-BnRAWk8N.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient.service.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-form/recipient-form.component.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-form/recipient-form.component.html","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-list/recipient-list.component.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-list/recipient-list.component.html","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient-routing.module.ts","../../../projects/inventory-common/src/lib/inventory-common/recipient/recipient.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { HttpService, TechlifyService } from 'ngx-techlify-core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class RecipientService extends TechlifyService {\n  constructor(httpService: HttpService) {\n    super(httpService, 'recipients');\n  }\n}\n","import { Component, Inject, OnInit, Optional } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { FormValidatorService, TechlifyFormComponent } from 'ngx-techlify-core';\nimport { RecipientService } from '../recipient.service';\nimport { SharedModule } from '../../shared.module';\n\n@Component({\n  selector: 'app-recipient-form',\n  standalone: true,\n  imports: [SharedModule],\n  templateUrl: './recipient-form.component.html',\n  styleUrls: ['./recipient-form.component.scss'],\n})\nexport class RecipientFormComponent extends TechlifyFormComponent implements OnInit {\n  constructor(\n    protected override formValidatorService: FormValidatorService,\n    private formBuilder: FormBuilder,\n    protected override service: RecipientService,\n    public override dialogRef: MatDialogRef<RecipientFormComponent>,\n    @Inject(MAT_DIALOG_DATA) @Optional() public data: { model?: any }\n  ) {\n    super(formValidatorService, service);\n\n    this.errorMessages = {\n      name: {\n        required: 'The name field is required.',\n      },\n    };\n\n    this.form = this.formBuilder.group({\n      id: [''],\n      name: ['', Validators.required],\n      details: [''],\n    });\n  }\n\n  ngOnInit(): void {\n    const model = this.data?.model;\n    if (model) {\n      this.isUpdate = true;\n      this.form.patchValue(model);\n    }\n  }\n}\n","<mat-card-title class=\"d-flex flex-row justify-content-center align-items-center\">\n  Recipient Form\n</mat-card-title>\n<mat-card-content>\n  <form class=\"d-flex flex-column gap-3\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <mat-form-field class=\"w-100\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\" required />\n      <mat-error *ngIf=\"isFieldValid('name')\">{{ getErrorMessage('name') }}</mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"w-100\">\n      <mat-label>Details</mat-label>\n      <textarea matInput formControlName=\"details\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <div class=\"d-flex justify-content-end gap-2\">\n      <button type=\"button\" mat-flat-button [disabled]=\"isWorking\" (click)=\"dialogRef.close()\">Cancel</button>\n      <button type=\"submit\" mat-raised-button color=\"primary\" [disabled]=\"isWorking\">Save</button>\n    </div>\n  </form>\n</mat-card-content>\n","import { Component, OnInit, signal } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { TechlifyListComponent } from 'ngx-techlify-core';\nimport { RecipientService } from '../recipient.service';\nimport { RecipientFormComponent } from '../recipient-form/recipient-form.component';\n\n@Component({\n  selector: 'app-recipient-list',\n  templateUrl: './recipient-list.component.html',\n  styleUrls: ['./recipient-list.component.scss'],\n})\nexport class RecipientListComponent extends TechlifyListComponent implements OnInit {\n  recipientForm = signal(RecipientFormComponent);\n\n  displayedColumns: string[] = [\n    '#',\n    'name',\n    'details',\n    'actions'\n  ];\n\n  constructor(private fb: FormBuilder, protected override service: RecipientService) {\n    super(service);\n    this.filterFormConfiguration = {};\n    this.filterForm = this.fb.group({\n      search: [''],\n      sort_by: ['created_at|desc'],\n    });\n  }\n\n  ngOnInit(): void {\n    this.patchFiltersFromRoute();\n    this.loadData();\n    this.listenFilterChanges();\n  }\n}\n","<div class=\"d-flex flex-column gap-2\">\n  <mat-card>\n    <mat-card-content class=\"d-flex flex-row justify-content-between align-items-center\">\n      <div class=\"d-flex flex-row align-items-center gap-2\">\n        <h5 class=\"mb-0\">Recipients</h5>\n        <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.create']\" [component]=\"recipientForm()\"\n          [width]=\"'500px'\" (saved)=\"modelCreated($event)\"></app-techlify-form-button>\n      </div>\n      <div class=\"d-flex flex-row gap-2\" [formGroup]=\"filterForm\">\n        <mat-form-field class=\"fl-md\">\n          <mat-label>Search</mat-label>\n          <input matInput formControlName=\"search\" />\n        </mat-form-field>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card>\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" class=\"w-100\" aria-describedby=\"Recipients\" infiniteScroll\n        [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort\n        (matSortChange)=\"sortColumn($event)\">\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        <ng-container matColumnDef=\"name\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n          <td mat-cell *matCellDef=\"let element\">{{ element?.name }}</td>\n        </ng-container>\n\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        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef>Actions</th>\n          <td mat-cell *matCellDef=\"let element\">\n            <div class=\"d-flex flex-row gap-1 align-items-center text-secondary\">\n              <app-techlify-form-button *ngxPermissionsOnly=\"['recipient.update']\" [component]=\"recipientForm()\"\n                [model]=\"element\" [width]=\"'500px'\" (saved)=\"modelsUpdatedById($event)\"></app-techlify-form-button>\n              <app-techlify-delete-button *ngxPermissionsOnly=\"['recipient.delete']\" [service]=\"service\"\n                [model]=\"element\" [data]=\"{ type: 'Recipient', title: element?.name }\"\n                (deleted)=\"modelsDeletedById($event)\"></app-techlify-delete-button>\n            </div>\n          </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-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n    </mat-card-content>\n  </mat-card>\n</div>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { RecipientListComponent } from './recipient-list/recipient-list.component';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: RecipientListComponent,\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class RecipientRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { NgxPermissionsModule } from 'ngx-permissions';\nimport { RecipientRoutingModule } from './recipient-routing.module';\nimport { RecipientListComponent } from './recipient-list/recipient-list.component';\nimport { SharedModule } from '../shared.module';\n\n@NgModule({\n  declarations: [RecipientListComponent],\n  imports: [RecipientRoutingModule, SharedModule],\n})\nexport class RecipientModule {}\n"],"names":["i5","i7","i9","i1","i2.RecipientService","i4","i6","i8","i10","i11","i12"],"mappings":"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"}

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

@@ -0,0 +1,194 @@
+import * as i0 from '@angular/core';
+import { signal, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { Validators } from '@angular/forms';
+import * as i1 from 'ngx-techlify-core';
+import { TechlifyFormComponent, FormConfigurationUtilityService } from 'ngx-techlify-core';
+import { b as StockIssueService, L as LocationService, S as SharedModule, c as LocationSelectorComponent } from './techlify-inventory-common-techlify-inventory-common-DuAN6iqX.mjs';
+import moment from 'moment';
+import * as i1$1 from '@angular/router';
+import * as i3 from '@angular/common';
+import * as i6 from '@angular/material/button';
+import * as i4 from '@angular/material/card';
+import * as i9 from '@angular/material/datepicker';
+import * as i8 from '@angular/material/form-field';
+import * as i11 from '@angular/material/icon';
+import * as i8$1 from '@angular/material/input';
+import * as i9$1 from '@angular/material/tooltip';
+
+class StockIssueFormComponent extends TechlifyFormComponent {
+    formValidatorService;
+    fb;
+    stockIssueService;
+    route;
+    locationService;
+    location;
+    formConfigService;
+    locationCount = signal(0);
+    stockIssue = signal(null);
+    issuableData = signal(null);
+    formConfigurationUtilityService;
+    constructor(formValidatorService, fb, stockIssueService, route, locationService, location, formConfigService) {
+        super(formValidatorService);
+        this.formValidatorService = formValidatorService;
+        this.fb = fb;
+        this.stockIssueService = stockIssueService;
+        this.route = route;
+        this.locationService = locationService;
+        this.location = location;
+        this.formConfigService = formConfigService;
+        this.formConfigurationUtilityService = new FormConfigurationUtilityService();
+        this.errorMessages = {
+            date: {
+                required: 'The date field is required.',
+            },
+            recipient_id: {
+                required: 'Please select a recipient.',
+            },
+        };
+        this.form = this.fb.group({
+            date: [new Date(), Validators.compose([Validators.required])],
+            particulars: [''],
+            recipient_id: [''],
+            stock_issue_products: this.fb.array([])
+        });
+    }
+    ngOnInit() {
+        this.locationService.count().subscribe((count) => {
+            this.locationCount.set(count);
+        });
+        this.formConfigurationUtilityService.initialize(this.formConfigService, 'stock-issue').subscribe({
+            next: () => {
+                this.form.get('recipient_id')?.setValidators(this.formConfigurationUtilityService.getFieldRequired('recipient_id') ? Validators.required : null);
+                this.form.get('recipient_id')?.updateValueAndValidity();
+            }
+        });
+        const id = this.route.snapshot.paramMap.get('id');
+        if (id) {
+            this.loadStockIssue(+id);
+        }
+        else {
+            this.addStockIssueProduct();
+        }
+        this.route.queryParams.subscribe({
+            next: (params) => {
+                this.issuableData.set({
+                    issuable_type: params['issuable_type'],
+                    issuable_id: params['issuable_id']
+                });
+            }
+        });
+    }
+    loadStockIssue(id) {
+        this.isWorking = true;
+        this.stockIssueService.show(id, { with: 'stockIssueProducts.product' }).subscribe({
+            next: (response) => {
+                this.isWorking = false;
+                this.stockIssue.set(response.item);
+            },
+            error: () => {
+                this.isWorking = false;
+            },
+            complete: () => {
+                const issue = this.stockIssue();
+                this.form.patchValue({
+                    date: issue.date ? new Date(issue.date) : new Date(),
+                    particulars: issue.details,
+                    recipient_id: issue.recipient_id,
+                });
+                this.stockIssueProducts.clear();
+                issue.stock_issue_products?.forEach((sip) => {
+                    const group = this.createStockIssueProduct();
+                    group.patchValue({
+                        id: sip.id,
+                        product_id: sip.product_id,
+                        location_from_id: sip.location_from_id,
+                        quantity: sip.quantity,
+                        particulars: sip.particulars,
+                    });
+                    this.stockIssueProducts.push(group);
+                });
+            }
+        });
+    }
+    get stockIssueProducts() {
+        return this.form.get('stock_issue_products');
+    }
+    createStockIssueProduct() {
+        return this.fb.group({
+            id: [''],
+            product_id: ['', Validators.required],
+            location_from_id: ['', this.locationCount() > 0 ? Validators.required : null],
+            quantity: [0, [Validators.required, Validators.min(0)]],
+            particulars: [''],
+            issuable_id: [this.issuableData()?.issuable_id ?? ''],
+            issuable_type: [this.issuableData()?.issuable_type ?? '']
+        });
+    }
+    addStockIssueProduct() {
+        this.stockIssueProducts.push(this.createStockIssueProduct());
+    }
+    removeStockIssueProduct(index) {
+        this.stockIssueProducts.removeAt(index);
+    }
+    clearProducts() {
+        this.stockIssueProducts.clear();
+    }
+    save() {
+        if (this.form.invalid) {
+            this.form.markAllAsTouched();
+            this.form.markAsDirty();
+            this.alertService.addAlert('Please check the form for errors.', 'error');
+            return;
+        }
+        if (this.stockIssueProducts.length === 0) {
+            this.alertService.addAlert('Please add at least one product.', 'error');
+            return;
+        }
+        const formData = this.form.getRawValue();
+        const data = {
+            id: this.stockIssue()?.id ?? null,
+            date: moment(formData.date).format('YYYY-MM-DD'),
+            details: formData.particulars,
+            recipient_id: formData.recipient_id || null,
+            products: formData.stock_issue_products.map((row) => ({
+                id: row.product_id,
+                product_id: row.product_id,
+                quantity: row.quantity,
+                location_from_id: row.location_from_id,
+                particulars: row.particulars,
+                issuable_id: row.issuable_id,
+                issuable_type: row.issuable_type
+            }))
+        };
+        this.isWorking = true;
+        const request$ = this.stockIssue()?.id
+            ? this.stockIssueService.update(data)
+            : this.stockIssueService.store(data);
+        request$.subscribe({
+            next: () => {
+                this.isWorking = false;
+                this.alertService.addAlert('Stock issues saved successfully!', 'success');
+                this.location.back();
+            },
+            error: () => {
+                this.isWorking = false;
+            }
+        });
+    }
+    cancel() {
+        this.location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueFormComponent, deps: [{ token: i1.FormValidatorService }, { token: i2.FormBuilder }, { token: StockIssueService }, { token: i1$1.ActivatedRoute }, { token: LocationService }, { token: i3.Location }, { token: i1.FormConfigurationFormService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StockIssueFormComponent, isStandalone: true, selector: "app-stock-issue-form", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n            <app-form-configuration-for-form formCode=\"stock-issue\"></app-form-configuration-for-form>\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>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                        *ngIf=\"formConfigurationUtilityService.getFieldEnabled('recipient_id')\">\n                        <mat-label>Recipient\n                            <sup *ngIf=\"formConfigurationUtilityService.getFieldRequired('recipient_id')\">*</sup>\n                        </mat-label>\n                        <app-searchable-selector apiUrl=\"api/recipients\" formControlName=\"recipient_id\"\n                            titleField=\"name\"></app-searchable-selector>\n                        <mat-error *ngIf=\"isFieldValid('recipient_id')\">{{ getErrorMessage('recipient_id')\n                            }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\" width=\"45\">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' label=\"Location From\"\n                                hint=\"Which warehouse are we taking stock from?\"\n                                formControlName=\"location_from_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"wpx-90\">\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='w-100'>\n                                <mat-label>Particulars</mat-label>\n                                <textarea matInput formControlName=\"particulars\" rows=\"2\"></textarea>\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>", dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormConfigurationForFormComponent, selector: "app-form-configuration-for-form", inputs: ["formCode"] }, { kind: "component", type: i6.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: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8$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: i9$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "isEmitInitialEvent", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: i1.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }, { kind: "component", type: LocationSelectorComponent, selector: "app-location-selector", inputs: ["appearance", "label", "placeholder", "hint", "includeNone"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StockIssueFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-stock-issue-form', standalone: true, imports: [
+                        SharedModule,
+                        LocationSelectorComponent,
+                    ], template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n            <app-form-configuration-for-form formCode=\"stock-issue\"></app-form-configuration-for-form>\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>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                        *ngIf=\"formConfigurationUtilityService.getFieldEnabled('recipient_id')\">\n                        <mat-label>Recipient\n                            <sup *ngIf=\"formConfigurationUtilityService.getFieldRequired('recipient_id')\">*</sup>\n                        </mat-label>\n                        <app-searchable-selector apiUrl=\"api/recipients\" formControlName=\"recipient_id\"\n                            titleField=\"name\"></app-searchable-selector>\n                        <mat-error *ngIf=\"isFieldValid('recipient_id')\">{{ getErrorMessage('recipient_id')\n                            }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\" width=\"45\">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' label=\"Location From\"\n                                hint=\"Which warehouse are we taking stock from?\"\n                                formControlName=\"location_from_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"wpx-90\">\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='w-100'>\n                                <mat-label>Particulars</mat-label>\n                                <textarea matInput formControlName=\"particulars\" rows=\"2\"></textarea>\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>" }]
+        }], ctorParameters: () => [{ type: i1.FormValidatorService }, { type: i2.FormBuilder }, { type: StockIssueService }, { type: i1$1.ActivatedRoute }, { type: LocationService }, { type: i3.Location }, { type: i1.FormConfigurationFormService }] });
+
+export { StockIssueFormComponent };
+//# sourceMappingURL=techlify-inventory-common-stock-issue-form.component-B-aNyhLA.mjs.map

package/fesm2022/techlify-inventory-common-stock-issue-form.component-B-aNyhLA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-stock-issue-form.component-B-aNyhLA.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-form/stock-issue-form.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-form/stock-issue-form.component.html"],"sourcesContent":["import { Component, OnInit, signal } from \"@angular/core\";\nimport { FormArray, FormBuilder, Validators } from '@angular/forms';\nimport {\n  FormConfigurationFormService,\n  FormConfigurationUtilityService,\n  FormValidatorService,\n  TechlifyFormComponent\n} from \"ngx-techlify-core\";\nimport { Location } from '@angular/common';\nimport { LocationSelectorComponent } from '../../location/location-selector/location-selector.component';\nimport { StockIssueService } from '../stock-issue.service';\nimport { ActivatedRoute } from '@angular/router';\nimport moment from 'moment';\nimport { LocationService } from '../../location/location.service';\nimport { SharedModule } from \"../../shared.module\";\n\n@Component({\n  selector: 'app-stock-issue-form',\n  templateUrl: './stock-issue-form.component.html',\n  standalone: true,\n  imports: [\n    SharedModule,\n    LocationSelectorComponent,\n  ]\n})\n\nexport class StockIssueFormComponent extends TechlifyFormComponent implements OnInit {\n\n  locationCount = signal<number>(0);\n  stockIssue = signal<any>(null);\n\n  issuableData = signal<{\n    issuable_type: String,\n    issuable_id: number\n  } | null>(null)\n\n  public formConfigurationUtilityService: FormConfigurationUtilityService;\n\n  constructor(protected override formValidatorService: FormValidatorService,\n    private fb: FormBuilder,\n    private stockIssueService: StockIssueService,\n    private route: ActivatedRoute,\n    private locationService: LocationService,\n    private location: Location,\n    private formConfigService: FormConfigurationFormService\n  ) {\n    super(formValidatorService);\n\n    this.formConfigurationUtilityService = new FormConfigurationUtilityService();\n\n    this.errorMessages = {\n      date: {\n        required: 'The date field is required.',\n      },\n      recipient_id: {\n        required: 'Please select a recipient.',\n      },\n    };\n\n    this.form = this.fb.group({\n      date: [new Date(), Validators.compose([Validators.required])],\n      particulars: [''],\n      recipient_id: [''],\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    this.formConfigurationUtilityService.initialize(this.formConfigService, 'stock-issue').subscribe({\n      next: () => {\n        this.form.get('recipient_id')?.setValidators(\n          this.formConfigurationUtilityService.getFieldRequired('recipient_id') ? Validators.required : null\n        );\n        this.form.get('recipient_id')?.updateValueAndValidity();\n      }\n    });\n\n    const id = this.route.snapshot.paramMap.get('id');\n    if (id) {\n      this.loadStockIssue(+id);\n    } else {\n      this.addStockIssueProduct();\n    }\n\n    this.route.queryParams.subscribe({\n      next: (params: any) => {\n        this.issuableData.set({\n          issuable_type: params['issuable_type'],\n          issuable_id: params['issuable_id']\n        });\n\n      }\n    })\n  }\n\n  private loadStockIssue(id: number): void {\n    this.isWorking = true;\n    this.stockIssueService.show(id, { with: 'stockIssueProducts.product' }).subscribe({\n      next: (response: any) => {\n        this.isWorking = false;\n        this.stockIssue.set(response.item);\n      },\n      error: () => {\n        this.isWorking = false;\n      },\n      complete: () => {\n        const issue = this.stockIssue();\n        this.form.patchValue({\n          date: issue.date ? new Date(issue.date) : new Date(),\n          particulars: issue.details,\n          recipient_id: issue.recipient_id,\n        });\n\n        this.stockIssueProducts.clear();\n        issue.stock_issue_products?.forEach((sip: any) => {\n          const group = this.createStockIssueProduct();\n          group.patchValue({\n            id: sip.id,\n            product_id: sip.product_id,\n            location_from_id: sip.location_from_id,\n            quantity: sip.quantity,\n            particulars: sip.particulars,\n          });\n          this.stockIssueProducts.push(group);\n        });\n      }\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      id: [''],\n      product_id: ['', Validators.required],\n      location_from_id: ['', this.locationCount() > 0 ? Validators.required : null],\n      quantity: [0, [Validators.required, Validators.min(0)]],\n      particulars: [''],\n      issuable_id: [this.issuableData()?.issuable_id ?? ''],\n      issuable_type: [this.issuableData()?.issuable_type ?? '']\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      id: this.stockIssue()?.id ?? null,\n      date: moment(formData.date).format('YYYY-MM-DD'),\n      details: formData.particulars,\n      recipient_id: formData.recipient_id || null,\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_from_id: row.location_from_id,\n        particulars: row.particulars,\n        issuable_id: row.issuable_id,\n        issuable_type: row.issuable_type\n      }))\n    };\n\n    this.isWorking = true;\n    const request$ = this.stockIssue()?.id\n      ? this.stockIssueService.update(data)\n      : this.stockIssueService.store(data);\n\n    request$.subscribe({\n      next: () => {\n        this.isWorking = false;\n        this.alertService.addAlert('Stock issues saved successfully!', 'success');\n        this.location.back();\n      },\n      error: () => {\n        this.isWorking = false;\n      }\n    });\n  }\n\n  cancel() {\n    this.location.back();\n  }\n}\n","<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-row justify-content-between align-items-center gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">upload</span>\n                Issue Stock\n            </h5>\n            <app-form-configuration-for-form formCode=\"stock-issue\"></app-form-configuration-for-form>\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>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                        *ngIf=\"formConfigurationUtilityService.getFieldEnabled('recipient_id')\">\n                        <mat-label>Recipient\n                            <sup *ngIf=\"formConfigurationUtilityService.getFieldRequired('recipient_id')\">*</sup>\n                        </mat-label>\n                        <app-searchable-selector apiUrl=\"api/recipients\" formControlName=\"recipient_id\"\n                            titleField=\"name\"></app-searchable-selector>\n                        <mat-error *ngIf=\"isFieldValid('recipient_id')\">{{ getErrorMessage('recipient_id')\n                            }}</mat-error>\n                    </mat-form-field>\n\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Particulars</mat-label>\n                        <textarea matInput placeholder=\"Particulars\" formControlName=\"particulars\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th *ngIf=\"locationCount() > 0\" scope=\"col\">Location</th>\n                        <th scope=\"col\" width=\"45\">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' label=\"Location From\"\n                                hint=\"Which warehouse are we taking stock from?\"\n                                formControlName=\"location_from_id\"></app-location-selector>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"wpx-90\">\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"0\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='w-100'>\n                                <mat-label>Particulars</mat-label>\n                                <textarea matInput formControlName=\"particulars\" rows=\"2\"></textarea>\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>"],"names":["i3.StockIssueService","i4","i5.LocationService","i6"],"mappings":"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"}

package/fesm2022/{techlify-inventory-common-stock-issue-product-view.component-Di1fJWqD.mjs → techlify-inventory-common-stock-issue-product-view.component-BP2yFaQn.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
-import { c as StockIssueProductService, d as SharedModule, e as StockAllocationListComponent } from './techlify-inventory-common-techlify-inventory-common-BbtWdC-G.mjs';
+import { d as StockIssueProductService, S as SharedModule, e as StockAllocationListComponent } from './techlify-inventory-common-techlify-inventory-common-DuAN6iqX.mjs';
 import * as i1$1 from 'ngx-techlify-core';
 import { NoteModule, TechlifyFeatureModule } from 'ngx-techlify-core';
 import * as i1 from '@angular/router';
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: StockIssueProductService }, { type: i3.Location }] });
 
 export { StockIssueProductViewComponent };
-//# sourceMappingURL=techlify-inventory-common-stock-issue-product-view.component-Di1fJWqD.mjs.map
+//# sourceMappingURL=techlify-inventory-common-stock-issue-product-view.component-BP2yFaQn.mjs.map

package/fesm2022/{techlify-inventory-common-stock-issue-product-view.component-Di1fJWqD.mjs.map → techlify-inventory-common-stock-issue-product-view.component-BP2yFaQn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"techlify-inventory-common-stock-issue-product-view.component-Di1fJWqD.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-product-view/stock-issue-product-view.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-product-view/stock-issue-product-view.component.html"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { ActivatedRoute } from '@angular/router';\nimport { SharedModule } from '../../shared.module';\nimport { StockIssueProductService } from '../stock-issue-product.service';\nimport { NoteModule, TechlifyFeatureModule } from 'ngx-techlify-core';\nimport { StockAllocationListComponent } from '../../stock-allocation/stock-allocation-list/stock-allocation-list.component';\n\n@Component({\n    selector: 'app-stock-issue-product-view',\n    templateUrl: './stock-issue-product-view.component.html',\n    styleUrl: './stock-issue-product-view.component.scss',\n    standalone: true,\n    imports: [\n        SharedModule,\n        NoteModule,\n        TechlifyFeatureModule,\n        StockAllocationListComponent\n    ],\n})\nexport class StockIssueProductViewComponent implements OnInit {\n\n    id!: number;\n    isLoading!: boolean;\n    model!: any;\n\n    constructor(\n        private activatedRoute: ActivatedRoute,\n        protected service: StockIssueProductService,\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.model = 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=\"model\" 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 {{ model?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> 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 text-secondary\">\n                        <app-techlify-icon name=\"edit\" role=\"button\"\n                            [routerLink]=\"['/inventory/stock-issues/form', model?.stock_issue_id]\"></app-techlify-icon>\n                        <app-techlify-delete-button [model]=\"model\" [service]=\"service\"\n                            [data]=\"{ title: model?.product?.name, type: 'Stock Issue Product' }\"\n                            (deleted)=\"redirectBack();\">\n                        </app-techlify-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', model?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ model?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"model?.product?.sku\">{{ model?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"model?.stock_issue?.date\">{{ model?.stock_issue?.date | date }}</small>\n                            <ng-container *ngIf=\"model?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ model?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"model?.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\">{{ model?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{ model?.product?.measure?.title }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"model?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ model?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <ng-container *ngIf=\"model?.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\">{{ model?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"model?.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\">{{ model?.batch?.expires_on | date }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"row\" *ngIf=\"model?.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\">{{ model?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\" *ngIf=\"model?.stock_issue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ model?.stock_issue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ model?.stock_issue?.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=\"StockIssueProduct\"\n                [relatedModelId]=\"model?.stock_issue_id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-stock-allocation-list [stockIssueProductId]=\"model?.id\"></app-stock-allocation-list>\n        </div>\n    </div>\n</div>\n"],"names":["i2.StockIssueProductService","i6"],"mappings":"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"}
+{"version":3,"file":"techlify-inventory-common-stock-issue-product-view.component-BP2yFaQn.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-product-view/stock-issue-product-view.component.ts","../../../projects/inventory-common/src/lib/inventory-common/stock-issue/stock-issue-product-view/stock-issue-product-view.component.html"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { ActivatedRoute } from '@angular/router';\nimport { SharedModule } from '../../shared.module';\nimport { StockIssueProductService } from '../stock-issue-product.service';\nimport { NoteModule, TechlifyFeatureModule } from 'ngx-techlify-core';\nimport { StockAllocationListComponent } from '../../stock-allocation/stock-allocation-list/stock-allocation-list.component';\n\n@Component({\n    selector: 'app-stock-issue-product-view',\n    templateUrl: './stock-issue-product-view.component.html',\n    styleUrl: './stock-issue-product-view.component.scss',\n    standalone: true,\n    imports: [\n        SharedModule,\n        NoteModule,\n        TechlifyFeatureModule,\n        StockAllocationListComponent\n    ],\n})\nexport class StockIssueProductViewComponent implements OnInit {\n\n    id!: number;\n    isLoading!: boolean;\n    model!: any;\n\n    constructor(\n        private activatedRoute: ActivatedRoute,\n        protected service: StockIssueProductService,\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.model = 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=\"model\" 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 {{ model?.product?.name }}</h3>\n        </mat-card-content>\n    </mat-card>\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 350px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\"> 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 text-secondary\">\n                        <app-techlify-icon name=\"edit\" role=\"button\"\n                            [routerLink]=\"['/inventory/stock-issues/form', model?.stock_issue_id]\"></app-techlify-icon>\n                        <app-techlify-delete-button [model]=\"model\" [service]=\"service\"\n                            [data]=\"{ title: model?.product?.name, type: 'Stock Issue Product' }\"\n                            (deleted)=\"redirectBack();\">\n                        </app-techlify-delete-button>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-column justify-content-start gap-2 mt-3\">\n                    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n                        <div class=\"d-flex flex-column gap-0\">\n                            <a class=\"text-decoration-none text-black\"\n                                [routerLink]=\"['/inventory/products', model?.product?.id, 'view']\">\n                                <p class=\"mb-0\">{{ model?.product?.name }}</p>\n                            </a>\n                            <small *ngIf=\"model?.product?.sku\">{{ model?.product?.sku }}</small>\n                        </div>\n                        <div class=\"d-flex flex-column justify-content-end gap-0\">\n                            <small *ngIf=\"model?.stock_issue?.date\">{{ model?.stock_issue?.date | date }}</small>\n                            <ng-container *ngIf=\"model?.batch?.expires_on\">\n                                <small techlifyFeatureEnabled=\"product-batch-numbers\">\n                                    Expires on {{ model?.batch?.expires_on | date }}\n                                </small>\n                            </ng-container>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-6\" *ngIf=\"model?.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\">{{ model?.quantity }}</h3>\n                                    <small class=\"text-secondary\">{{ model?.product?.measure?.title }}</small>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"col-6\" *ngIf=\"model?.location\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Location</small>\n                                <p class=\"mb-0\">{{ model?.location?.title }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <ng-container *ngIf=\"model?.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\">{{ model?.batch?.batch_number }}</p>\n                                </div>\n                            </div>\n                            <div class=\"col-6\" *ngIf=\"model?.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\">{{ model?.batch?.expires_on | date }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"row\" *ngIf=\"model?.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\">{{ model?.particulars }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\" *ngIf=\"model?.stock_issue?.creator\">\n                        <div class=\"col-12\">\n                            <small class=\"mb-0\">\n                                <span class=\"text-secondary\">Created By</span> {{ model?.stock_issue?.creator?.name }}\n                                <span class=\"text-secondary\">On</span> {{ model?.stock_issue?.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=\"StockIssueProduct\"\n                [relatedModelId]=\"model?.stock_issue_id\"></app-note-list>\n        </div>\n\n        <div style=\"width: calc(100% - 350px - 0.5rem)\">\n            <app-stock-allocation-list [stockIssueProductId]=\"model?.id\"></app-stock-allocation-list>\n        </div>\n    </div>\n</div>\n"],"names":["i2.StockIssueProductService","i6"],"mappings":"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"}