techlify-inventory-common 18.8.0 → 18.9.0

package/fesm2022/techlify-inventory-common-supplier.module-DdCwsAOP.mjs

@@ -1,468 +0,0 @@
-import * as i1$1 from 'ngx-techlify-core';
-import { ActionPopupComponent, TechlifyListingControllerInterface, SearchableSelectorModule, AuditLogForModelModule, NoteModule } from 'ngx-techlify-core';
-import * as i0 from '@angular/core';
-import { Input, Component, Injectable, EventEmitter, Output, NgModule } from '@angular/core';
-import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { lastValueFrom, debounceTime, distinctUntilChanged } from 'rxjs';
-import { S as SupplierFormComponent, a as SupplierService, b as StockReceiptsListPageComponent, T as TechlifyFormService, M as MaterialModule, c as StockReceiptsModule } from './techlify-inventory-common-techlify-inventory-common-ruoA1tbd.mjs';
-import * as i4 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i4$1 from '@angular/material/card';
-import * as i6 from '@angular/material/progress-bar';
-import * as i6$1 from '@angular/material/tabs';
-import * as i1 from '@angular/material/dialog';
-import * as i5$1 from '@angular/material/divider';
-import * as i8 from '@angular/material/icon';
-import { __decorate } from 'tslib';
-import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import * as i4$2 from 'ngx-spinner';
-import * as i2 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i8$1 from '@angular/material/form-field';
-import * as i9 from '@angular/material/input';
-import * as i12 from '@angular/material/sort';
-import * as i15 from '@angular/material/table';
-import * as i2$1 from '@angular/material/tooltip';
-import * as i11 from 'ngx-infinite-scroll';
-import { InfiniteScrollModule } from 'ngx-infinite-scroll';
-import * as i13 from 'ngx-permissions';
-import { NgxPermissionsModule } from 'ngx-permissions';
-import { FlexModule } from '@angular/flex-layout';
-
-class SupplierInformationComponent {
-    dialog;
-    supplierService;
-    alertService;
-    router;
-    errorService;
-    supplier;
-    constructor(dialog, supplierService, alertService, router, errorService) {
-        this.dialog = dialog;
-        this.supplierService = supplierService;
-        this.alertService = alertService;
-        this.router = router;
-        this.errorService = errorService;
-    }
-    modifySupplier(model) {
-        const dialogRef = this.dialog.open(SupplierFormComponent, {
-            width: '600px',
-            data: {
-                details: model,
-            },
-        });
-        dialogRef.afterClosed().subscribe((result) => {
-            if (result) {
-                location.reload();
-            }
-        });
-    }
-    deleteSupplier(id) {
-        const dialogRef = this.dialog.open(ActionPopupComponent, {
-            width: '400px',
-            data: {
-                title: 'Delete Supplier',
-                message: 'Are you sure you want to delete this supplier?',
-            },
-            autoFocus: false,
-        });
-        dialogRef.afterClosed().subscribe(async (result) => {
-            if (result) {
-                try {
-                    const result = await this.supplierService.destroy(id);
-                    this.alertService.addAlert('Successfully Deleted Supplier', 'success');
-                }
-                catch (error) {
-                    this.errorService.handleError(error);
-                }
-                finally {
-                    this.router.navigateByUrl('/suppliers');
-                }
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierInformationComponent, deps: [{ token: i1.MatDialog }, { token: SupplierService }, { token: i1$1.AlertService }, { token: i4.Router }, { token: i1$1.ErrorHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SupplierInformationComponent, selector: "app-supplier-information", inputs: { supplier: "supplier" }, ngImport: i0, template: "<mat-card>\n  <mat-card-content>\n    <div class=\"d-flex justify-content-between align-items-center\">\n      <h3 class=\"mb-0\">Personal Information</h3>\n      <div class=\"d-flex justify-content-end align-items-center gap-1\">\n        <app-audit-log-for-model [modelId]=\"supplier?.id\" modelType=\"Supplier\" logView=\"all\"></app-audit-log-for-model>\n        <mat-icon class=\"material-icons cursor-pointer\" (click)=\"modifySupplier(supplier)\"> edit </mat-icon>\n        <mat-icon class=\"material-icons cursor-pointer\" (click)=\"deleteSupplier(supplier)\"> delete </mat-icon>\n      </div>\n    </div>\n\n    <mat-divider></mat-divider>\n\n    <div class=\"mt-2\">\n      <div class=\"d-flex justify-content-start gap-2\">\n        <div>\n          <h3 class=\"mb-0\">{{ supplier?.company_name }}</h3>\n          <span *ngIf=\"supplier?.type\" class=\"status-pill-sm status-light-orange\"> {{ supplier?.type?.title }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row mt-3\">\n      <div class=\"col-6\" *ngIf=\"supplier?.contact_name\">\n        <p class=\"text-muted mb-0\">Contact Name</p>\n        <p class=\"text-wrap\">{{ supplier?.contact_name }}</p>\n      </div>\n      <div class=\"col-6\" *ngIf=\"supplier?.email\">\n        <p class=\"text-muted mb-0\">Email</p>\n        <p class=\"text-wrap\">{{ supplier?.email }}</p>\n      </div>\n      <div class=\"col-6\" *ngIf=\"supplier?.phone\">\n        <p class=\"text-muted mb-0\">Phone</p>\n        <p class=\"text-wrap\">{{ supplier?.phone }}</p>\n      </div>\n      <div class=\"col-6\" *ngIf=\"supplier?.details\">\n        <p class=\"text-muted mb-0\">Details</p>\n        <p class=\"text-wrap\">{{ supplier?.details }}</p>\n      </div>\n    </div>\n\n    <div class=\"row mt-2 h-100\">\n      <div class=\"d-flex\" *ngIf=\"supplier?.address\">\n        <mat-icon class=\"material-icons text-primary my-auto\">location_on</mat-icon>\n        <p class=\"ms-2 my-auto\">{{ supplier?.address }}</p>\n      </div>\n    </div>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$1.AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: ["modelType", "modelId", "logView"] }], preserveWhitespaces: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierInformationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-supplier-information', template: "<mat-card>\n  <mat-card-content>\n    <div class=\"d-flex justify-content-between align-items-center\">\n      <h3 class=\"mb-0\">Personal Information</h3>\n      <div class=\"d-flex justify-content-end align-items-center gap-1\">\n        <app-audit-log-for-model [modelId]=\"supplier?.id\" modelType=\"Supplier\" logView=\"all\"></app-audit-log-for-model>\n        <mat-icon class=\"material-icons cursor-pointer\" (click)=\"modifySupplier(supplier)\"> edit </mat-icon>\n        <mat-icon class=\"material-icons cursor-pointer\" (click)=\"deleteSupplier(supplier)\"> delete </mat-icon>\n      </div>\n    </div>\n\n    <mat-divider></mat-divider>\n\n    <div class=\"mt-2\">\n      <div class=\"d-flex justify-content-start gap-2\">\n        <div>\n          <h3 class=\"mb-0\">{{ supplier?.company_name }}</h3>\n          <span *ngIf=\"supplier?.type\" class=\"status-pill-sm status-light-orange\"> {{ supplier?.type?.title }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row mt-3\">\n      <div class=\"col-6\" *ngIf=\"supplier?.contact_name\">\n        <p class=\"text-muted mb-0\">Contact Name</p>\n        <p class=\"text-wrap\">{{ supplier?.contact_name }}</p>\n      </div>\n      <div class=\"col-6\" *ngIf=\"supplier?.email\">\n        <p class=\"text-muted mb-0\">Email</p>\n        <p class=\"text-wrap\">{{ supplier?.email }}</p>\n      </div>\n      <div class=\"col-6\" *ngIf=\"supplier?.phone\">\n        <p class=\"text-muted mb-0\">Phone</p>\n        <p class=\"text-wrap\">{{ supplier?.phone }}</p>\n      </div>\n      <div class=\"col-6\" *ngIf=\"supplier?.details\">\n        <p class=\"text-muted mb-0\">Details</p>\n        <p class=\"text-wrap\">{{ supplier?.details }}</p>\n      </div>\n    </div>\n\n    <div class=\"row mt-2 h-100\">\n      <div class=\"d-flex\" *ngIf=\"supplier?.address\">\n        <mat-icon class=\"material-icons text-primary my-auto\">location_on</mat-icon>\n        <p class=\"ms-2 my-auto\">{{ supplier?.address }}</p>\n      </div>\n    </div>\n  </mat-card-content>\n</mat-card>\n" }]
-        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: SupplierService }, { type: i1$1.AlertService }, { type: i4.Router }, { type: i1$1.ErrorHandlerService }], propDecorators: { supplier: [{
-                type: Input
-            }] } });
-
-class SupplierViewComponent {
-    supplierService;
-    route;
-    router;
-    supplier;
-    supplierId = 0;
-    selectedTabIndex = 0;
-    isLoading = false;
-    constructor(supplierService, route, router) {
-        this.supplierService = supplierService;
-        this.route = route;
-        this.router = router;
-    }
-    ngOnInit() {
-        this.route.firstChild?.url.subscribe((url) => {
-            if (url[0].path === 'ratings') {
-                this.selectedTabIndex = 1;
-            }
-            else if (url[0].path === 'estimates') {
-                this.selectedTabIndex = 2;
-            }
-            else {
-                this.selectedTabIndex = 0;
-            }
-        });
-        this.supplierId = this.route.snapshot.params['id'];
-        this.getSupplier(this.supplierId);
-    }
-    onTabChange(event) {
-        switch (event.index) {
-            case 0:
-                this.router.navigate(['incidents'], { relativeTo: this.route });
-                return;
-            case 1:
-                this.router.navigate(['ratings'], { relativeTo: this.route });
-                return;
-            case 2:
-                this.router.navigate(['estimates'], { relativeTo: this.route });
-                return;
-        }
-    }
-    async getSupplier(id) {
-        this.isLoading = true;
-        let result = await lastValueFrom(this.supplierService.show(id));
-        this.isLoading = false;
-        this.supplier = result.item;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierViewComponent, deps: [{ token: SupplierService }, { token: i4.ActivatedRoute }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SupplierViewComponent, selector: "app-supplier-view", ngImport: i0, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"supplier\" class=\"d-flex flex-row gap-3 justify-content-between\">\n  <div style=\"width: 300px\">\n    <app-supplier-information [supplier]=\"supplier\"></app-supplier-information>\n    <mat-card class=\"mt-3\">\n      <mat-card-content class=\"p-0\">\n        <app-note-list modelType=\"Supplier\" [relatedModelId]=\"supplier?.id\" viewMode=\"timeline\"\n          labelText=\"Notes\"></app-note-list>\n      </mat-card-content>\n    </mat-card>\n  </div>\n\n  <mat-card class='w-100'>\n    <mat-card-content>\n      <mat-tab-group>\n        <mat-tab label=\"Stock Receipts\">\n          <app-stock-receipts-list-page [supplierId]=\"supplier?.id\"></app-stock-receipts-list-page>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-card-content>\n  </mat-card>\n</div>", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i6$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i6$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i1$1.NoteListComponent, selector: "app-note-list", inputs: ["relatedModelId", "modelType", "readonly", "labelText", "commentsView", "viewMode"] }, { kind: "component", type: StockReceiptsListPageComponent, selector: "app-stock-receipts-list-page", inputs: ["product", "supplierId"], outputs: ["listUpdated"] }, { kind: "component", type: SupplierInformationComponent, selector: "app-supplier-information", inputs: ["supplier"] }], preserveWhitespaces: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-supplier-view', template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"supplier\" class=\"d-flex flex-row gap-3 justify-content-between\">\n  <div style=\"width: 300px\">\n    <app-supplier-information [supplier]=\"supplier\"></app-supplier-information>\n    <mat-card class=\"mt-3\">\n      <mat-card-content class=\"p-0\">\n        <app-note-list modelType=\"Supplier\" [relatedModelId]=\"supplier?.id\" viewMode=\"timeline\"\n          labelText=\"Notes\"></app-note-list>\n      </mat-card-content>\n    </mat-card>\n  </div>\n\n  <mat-card class='w-100'>\n    <mat-card-content>\n      <mat-tab-group>\n        <mat-tab label=\"Stock Receipts\">\n          <app-stock-receipts-list-page [supplierId]=\"supplier?.id\"></app-stock-receipts-list-page>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-card-content>\n  </mat-card>\n</div>" }]
-        }], ctorParameters: () => [{ type: SupplierService }, { type: i4.ActivatedRoute }, { type: i4.Router }] });
-
-class SupplierFormService extends TechlifyFormService {
-    constructor() {
-        super();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierFormService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierFormService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
-class SupplierComponent {
-    dialog;
-    supplierFormService;
-    constructor(dialog, supplierFormService) {
-        this.dialog = dialog;
-        this.supplierFormService = supplierFormService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierComponent, deps: [{ token: i1.MatDialog }, { token: SupplierFormService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SupplierComponent, selector: "app-supplier", ngImport: i0, template: "<div>\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], preserveWhitespaces: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-supplier', template: "<div>\n  <router-outlet></router-outlet>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: SupplierFormService }] });
-
-class SupplierFormButtonComponent {
-    matDialog;
-    supplier;
-    onSaved = new EventEmitter();
-    constructor(matDialog) {
-        this.matDialog = matDialog;
-    }
-    ngOnInit() {
-    }
-    openDialog() {
-        this.matDialog.open(SupplierFormComponent, {
-            width: '600px',
-            data: {
-                details: this.supplier
-            },
-        }).afterClosed().subscribe((result) => {
-            if (result) {
-                this.onSaved.emit(result);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierFormButtonComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SupplierFormButtonComponent, isStandalone: true, selector: "app-supplier-form-button", inputs: { supplier: "supplier" }, outputs: { onSaved: "onSaved" }, ngImport: i0, template: "<mat-icon color=\"primary\" class=\"cursor-pointer\" [class.text-secondary]=\"supplier\" (click)=\"openDialog()\">\n  {{ supplier ? \"edit\" : \"add\" }}\n</mat-icon>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], preserveWhitespaces: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierFormButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-supplier-form-button', standalone: true, imports: [
-                        CommonModule,
-                        MaterialModule
-                    ], template: "<mat-icon color=\"primary\" class=\"cursor-pointer\" [class.text-secondary]=\"supplier\" (click)=\"openDialog()\">\n  {{ supplier ? \"edit\" : \"add\" }}\n</mat-icon>" }]
-        }], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { supplier: [{
-                type: Input
-            }], onSaved: [{
-                type: Output
-            }] } });
-
-class SupplierDeleteButtonComponent {
-    dialog;
-    alertService;
-    errorHandler;
-    supplierService;
-    supplier;
-    onDelete = new EventEmitter();
-    constructor(dialog, alertService, errorHandler, supplierService) {
-        this.dialog = dialog;
-        this.alertService = alertService;
-        this.errorHandler = errorHandler;
-        this.supplierService = supplierService;
-    }
-    ngOnInit() {
-    }
-    openDialog() {
-        this.dialog.open(ActionPopupComponent, {
-            width: '400px',
-            data: {
-                title: 'Delete Supplier',
-                message: 'Are you sure you want to delete the Supplier?',
-            },
-            autoFocus: false,
-        }).afterClosed().subscribe(async (result) => {
-            if (result) {
-                try {
-                    await lastValueFrom(this.supplierService.destroy(this.supplier.id));
-                    this.alertService.addAlert('Successfully deleted the Supplier', 'success');
-                    this.onDelete.emit(this.supplier);
-                }
-                catch (error) {
-                    this.errorHandler.handleError(error);
-                }
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierDeleteButtonComponent, deps: [{ token: i1.MatDialog }, { token: i1$1.AlertService }, { token: i1$1.ErrorHandlerService }, { token: SupplierService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SupplierDeleteButtonComponent, isStandalone: true, selector: "app-supplier-delete-button", inputs: { supplier: "supplier" }, outputs: { onDelete: "onDelete" }, ngImport: i0, template: "<mat-icon class=\"cursor-pointer\" *ngxPermissionsOnly=\"['supplier.delete']\" (click)=\"openDialog()\">\n  delete\n</mat-icon>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: NgxPermissionsModule }, { 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"] }], preserveWhitespaces: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierDeleteButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-supplier-delete-button', standalone: true, imports: [
-                        CommonModule,
-                        MaterialModule,
-                        NgxPermissionsModule
-                    ], template: "<mat-icon class=\"cursor-pointer\" *ngxPermissionsOnly=\"['supplier.delete']\" (click)=\"openDialog()\">\n  delete\n</mat-icon>" }]
-        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i1$1.AlertService }, { type: i1$1.ErrorHandlerService }, { type: SupplierService }], propDecorators: { supplier: [{
-                type: Input
-            }], onDelete: [{
-                type: Output
-            }] } });
-
-let SuppliersListComponent = class SuppliersListComponent extends TechlifyListingControllerInterface {
-    spinner;
-    fb;
-    supplierService;
-    errorHandler;
-    filterService;
-    activatedRoute;
-    alertService;
-    dialog;
-    supplierFormService;
-    requestHelperService;
-    displayedColumns = [
-        '#',
-        'company_name',
-        'type',
-        'contact_name',
-        'phone',
-        'address',
-        'email',
-        'details',
-        'actions',
-    ];
-    constructor(spinner, fb, supplierService, errorHandler, filterService, activatedRoute, alertService, dialog, supplierFormService, requestHelperService) {
-        super();
-        this.spinner = spinner;
-        this.fb = fb;
-        this.supplierService = supplierService;
-        this.errorHandler = errorHandler;
-        this.filterService = filterService;
-        this.activatedRoute = activatedRoute;
-        this.alertService = alertService;
-        this.dialog = dialog;
-        this.supplierFormService = supplierFormService;
-        this.requestHelperService = requestHelperService;
-        this.page = 1;
-        this.perPage = 25;
-        this.models = [];
-        this.filterForm = this.fb.group({
-            search: [''],
-            supplier_type_ids: [''],
-            sort_by: ['created_at|desc'],
-        });
-    }
-    ngOnInit() {
-        this.updateFormWithQueryParams();
-        this.subscribeToFormChanges();
-        this.subscribeToRouteChanges();
-    }
-    listenForChanges() {
-        // listen for supplier added event to update the list.
-        this.supplierFormService.isListUpdated().subscribe((val) => {
-            if (val && !this.isWorking)
-                this.reload();
-        });
-        // listen for form group changes.
-        this.filterForm.valueChanges.pipe(debounceTime(500), untilDestroyed(this)).subscribe(() => {
-            this.filterService.applyFilterToRoute(this.activatedRoute, this.filterForm.value);
-            this.reload();
-        });
-    }
-    sortColumn(event) {
-        var direction = event.direction.toString().toUpperCase();
-        this.assignFilter(event.active, direction);
-    }
-    assignFilter(column, direction) {
-        return this.filterForm.get('sort_by')?.setValue(column + '|' + direction);
-    }
-    async loadData() {
-        let filters = { ...this.requestHelperService.convertToFormData(this.filterForm.value) };
-        filters.page = this.page = 1;
-        filters.perPage = this.perPage;
-        try {
-            this.isWorking = true;
-            let res = await lastValueFrom(this.supplierService.index(filters));
-            this.models = this.models?.concat(res?.data);
-            this.lastPage = res.last_page;
-            // list is updated do not listen form isListUpdated
-            this.supplierFormService.listUpdated(false);
-        }
-        catch (error) {
-            this.errorHandler.handleError(error);
-        }
-        finally {
-            this.isWorking = false;
-        }
-    }
-    updateFormWithQueryParams() {
-        this.requestHelperService.updateFormWithQueryParams(this.filterForm, {
-            supplier_type_ids: { multiple: true },
-        });
-    }
-    subscribeToFormChanges() {
-        this.filterForm.valueChanges.pipe(debounceTime(800)).subscribe({
-            next: () => {
-                this.requestHelperService.updateQueryParams(this.requestHelperService.convertToFormData(this.filterForm.value));
-            },
-        });
-    }
-    subscribeToRouteChanges() {
-        this.activatedRoute.queryParams.pipe(debounceTime(500), distinctUntilChanged()).subscribe(() => {
-            this.reload();
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuppliersListComponent, deps: [{ token: i4$2.NgxSpinnerService }, { token: i2.FormBuilder }, { token: SupplierService }, { token: i1$1.ErrorHandlerService }, { token: i1$1.FilterService }, { token: i4.ActivatedRoute }, { token: i1$1.AlertService }, { token: i1.MatDialog }, { token: SupplierFormService }, { token: i1$1.RequestHelperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuppliersListComponent, selector: "app-suppliers-list", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"mb-3\">\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <div class=\"d-flex justify-content-start align-items-center gap-3\">\n      <h3 class=\"mb-0\">Suppliers</h3>\n      <app-supplier-form-button (onSaved)=\"reload()\"></app-supplier-form-button>\n    </div>\n    <form [formGroup]=\"filterForm\" class=\"d-flex justify-content-end align-items-center gap-2\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput placeholder=\"Search Supplier by Name, Phone, Address, Email, Description\"\n          formControlName=\"search\" />\n        <mat-icon matSuffix>search</mat-icon>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Type</mat-label>\n        <app-searchable-selector apiUrl=\"api/supplier-types\" formControlName=\"supplier_type_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n<mat-card>\n  <mat-card-content class=\"p-0\">\n    <table mat-table #table [dataSource]=\"models\" class=\"w-100 table-hover\" infiniteScroll [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" [fromRoot]=\"true\" matSort\n      (matSortChange)=\"sortColumn($event)\" aria-describedby=\"Suppliers List\">\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=\"company_name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.company_name }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"type\">\n        <th mat-header-cell *matHeaderCellDef>Type</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.type?.title }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"contact_name\">\n        <th mat-header-cell *matHeaderCellDef>Contact</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.contact_name }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"phone\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Phone</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.phone }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"address\">\n        <th mat-header-cell *matHeaderCellDef>Address</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.address }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"email\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Email</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.email }}</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=\"text-secondary d-flex align-items-center gap-1\">\n\n            <a class=\"text-decoration-none text-dark\" [routerLink]=\"['/inventory/suppliers', element.id, 'view']\"\n              routerLinkActive=\"route-link-active\" *ngxPermissionsOnly=\"['supplier.read']\">\n              <mat-icon matTooltip=\"View\">remove_red_eye</mat-icon>\n            </a>\n            <app-supplier-form-button *ngxPermissionsOnly=\"['supplier.update']\" [supplier]=\"element\"\n              (onSaved)=\"reload()\"></app-supplier-form-button>\n            <app-supplier-delete-button [supplier]=\"element\" (onDelete)=\"reload()\"></app-supplier-delete-button>\n            <app-audit-log-for-model [modelId]=\"element?.id\" modelType=\"Supplier\"\n              logView=\"all\"></app-audit-log-for-model>\n          </div>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { 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: i8$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.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.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: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i12.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i12.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i15.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i15.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i15.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i15.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i15.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i15.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i15.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i15.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i15.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i15.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$1.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: i1$1.AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: ["modelType", "modelId", "logView"] }, { 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.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: i11.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: i13.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "component", type: SupplierFormButtonComponent, selector: "app-supplier-form-button", inputs: ["supplier"], outputs: ["onSaved"] }, { kind: "component", type: SupplierDeleteButtonComponent, selector: "app-supplier-delete-button", inputs: ["supplier"], outputs: ["onDelete"] }], preserveWhitespaces: true });
-};
-SuppliersListComponent = __decorate([
-    UntilDestroy()
-], SuppliersListComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuppliersListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-suppliers-list', template: "<mat-card class=\"mb-3\">\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <div class=\"d-flex justify-content-start align-items-center gap-3\">\n      <h3 class=\"mb-0\">Suppliers</h3>\n      <app-supplier-form-button (onSaved)=\"reload()\"></app-supplier-form-button>\n    </div>\n    <form [formGroup]=\"filterForm\" class=\"d-flex justify-content-end align-items-center gap-2\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput placeholder=\"Search Supplier by Name, Phone, Address, Email, Description\"\n          formControlName=\"search\" />\n        <mat-icon matSuffix>search</mat-icon>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Type</mat-label>\n        <app-searchable-selector apiUrl=\"api/supplier-types\" formControlName=\"supplier_type_ids\" [multiple]=\"true\">\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n<mat-card>\n  <mat-card-content class=\"p-0\">\n    <table mat-table #table [dataSource]=\"models\" class=\"w-100 table-hover\" infiniteScroll [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" [fromRoot]=\"true\" matSort\n      (matSortChange)=\"sortColumn($event)\" aria-describedby=\"Suppliers List\">\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=\"company_name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.company_name }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"type\">\n        <th mat-header-cell *matHeaderCellDef>Type</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.type?.title }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"contact_name\">\n        <th mat-header-cell *matHeaderCellDef>Contact</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.contact_name }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"phone\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Phone</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.phone }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"address\">\n        <th mat-header-cell *matHeaderCellDef>Address</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.address }}</td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"email\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Email</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.email }}</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=\"text-secondary d-flex align-items-center gap-1\">\n\n            <a class=\"text-decoration-none text-dark\" [routerLink]=\"['/inventory/suppliers', element.id, 'view']\"\n              routerLinkActive=\"route-link-active\" *ngxPermissionsOnly=\"['supplier.read']\">\n              <mat-icon matTooltip=\"View\">remove_red_eye</mat-icon>\n            </a>\n            <app-supplier-form-button *ngxPermissionsOnly=\"['supplier.update']\" [supplier]=\"element\"\n              (onSaved)=\"reload()\"></app-supplier-form-button>\n            <app-supplier-delete-button [supplier]=\"element\" (onDelete)=\"reload()\"></app-supplier-delete-button>\n            <app-audit-log-for-model [modelId]=\"element?.id\" modelType=\"Supplier\"\n              logView=\"all\"></app-audit-log-for-model>\n          </div>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n" }]
-        }], ctorParameters: () => [{ type: i4$2.NgxSpinnerService }, { type: i2.FormBuilder }, { type: SupplierService }, { type: i1$1.ErrorHandlerService }, { type: i1$1.FilterService }, { type: i4.ActivatedRoute }, { type: i1$1.AlertService }, { type: i1.MatDialog }, { type: SupplierFormService }, { type: i1$1.RequestHelperService }] });
-
-const routes = [
-    {
-        path: '',
-        component: SupplierComponent,
-        children: [
-            { path: '', component: SuppliersListComponent },
-            {
-                path: ':id/view',
-                component: SupplierViewComponent,
-            },
-        ],
-    },
-];
-class SupplierRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SupplierRoutingModule, imports: [i4.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(routes)],
-                    exports: [RouterModule],
-                }]
-        }] });
-
-class SupplierModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SupplierModule, declarations: [SupplierComponent,
-            SupplierViewComponent,
-            SuppliersListComponent,
-            SupplierFormComponent,
-            SupplierInformationComponent], imports: [CommonModule,
-            SupplierRoutingModule,
-            MaterialModule,
-            SearchableSelectorModule,
-            AuditLogForModelModule,
-            NoteModule,
-            FlexModule,
-            ReactiveFormsModule,
-            InfiniteScrollModule,
-            NgxPermissionsModule,
-            SupplierFormButtonComponent,
-            SupplierDeleteButtonComponent,
-            StockReceiptsModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierModule, imports: [CommonModule,
-            SupplierRoutingModule,
-            MaterialModule,
-            SearchableSelectorModule,
-            AuditLogForModelModule,
-            NoteModule,
-            FlexModule,
-            ReactiveFormsModule,
-            InfiniteScrollModule,
-            NgxPermissionsModule,
-            SupplierFormButtonComponent,
-            SupplierDeleteButtonComponent,
-            StockReceiptsModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SupplierComponent,
-                        SupplierViewComponent,
-                        SuppliersListComponent,
-                        SupplierFormComponent,
-                        SupplierInformationComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        SupplierRoutingModule,
-                        MaterialModule,
-                        SearchableSelectorModule,
-                        AuditLogForModelModule,
-                        NoteModule,
-                        FlexModule,
-                        ReactiveFormsModule,
-                        InfiniteScrollModule,
-                        NgxPermissionsModule,
-                        SupplierFormButtonComponent,
-                        SupplierDeleteButtonComponent,
-                        StockReceiptsModule
-                    ],
-                }]
-        }] });
-
-export { SupplierModule };
-//# sourceMappingURL=techlify-inventory-common-supplier.module-DdCwsAOP.mjs.map