techlify-inventory-common 18.1.0 → 18.3.0

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

@@ -1,608 +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, NgModule } from '@angular/core';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { lastValueFrom, debounceTime, distinctUntilChanged } from 'rxjs';
-import { S as SupplierFormComponent, a as SupplierService } from './techlify-inventory-common-supplier-form.component-DVBnhiyH.mjs';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i3 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import * as i7 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i6$1 from '@angular/material/tabs';
-import { MatTabsModule } from '@angular/material/tabs';
-import * as i1 from '@angular/material/dialog';
-import { MatDialogModule } from '@angular/material/dialog';
-import * as i6 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
-import * as i3$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { T as TechlifyFormService } from './techlify-inventory-common-techlify-form-service-CiVfwYTS.mjs';
-import { __decorate } from 'tslib';
-import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import * as i3$2 from 'ngx-spinner';
-import * as i2$1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i6$2 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i7$1 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i5 from '@angular/material/sort';
-import { MatSortModule } from '@angular/material/sort';
-import * as i6$3 from '@angular/material/table';
-import { MatTableModule } from '@angular/material/table';
-import * as i2$2 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i10 from 'ngx-infinite-scroll';
-import { InfiniteScrollModule } from 'ngx-infinite-scroll';
-import * as i18 from 'ngx-permissions';
-import { NgxPermissionsModule } from 'ngx-permissions';
-import { FlexModule } from '@angular/flex-layout';
-import { MatCommonModule, MatLineModule, MatNativeDateModule, MatOptionModule, MatPseudoCheckboxModule, MatRippleModule } from '@angular/material/core';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatButtonModule } from '@angular/material/button';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatGridListModule } from '@angular/material/grid-list';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatSliderModule } from '@angular/material/slider';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatStepperModule } from '@angular/material/stepper';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatTreeModule } from '@angular/material/tree';
-
-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: i2.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\n          [modelId]=\"supplier?.id\"\n          modelType=\"Supplier\"\n          logView=\"all\"\n        ></app-audit-log-for-model>\n        <mat-icon\n          class=\"material-icons cursor-pointer\"\n          (click)=\"modifySupplier(supplier)\"\n        >\n          edit\n        </mat-icon>\n        <mat-icon\n          class=\"material-icons cursor-pointer\"\n          (click)=\"deleteSupplier(supplier)\"\n        >\n          delete\n        </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 class=\"status-pill-sm status-light-orange\">{{\n            supplier?.type?.title\n          }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row mt-3\">\n      <div class=\"col-6\">\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\">\n        <p class=\"text-muted mb-0\">Email</p>\n        <p class=\"text-wrap\">{{ supplier?.email }}</p>\n      </div>\n      <div class=\"col-6\">\n        <p class=\"text-muted mb-0\">Phone</p>\n        <p class=\"text-wrap\">{{ supplier?.phone }}</p>\n      </div>\n      <div class=\"col-6\">\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\">\n        <mat-icon class=\"material-icons text-primary my-auto\"\n          >location_on</mat-icon\n        >\n        <p class=\"ms-2 my-auto\">{{ supplier?.address }}</p>\n      </div>\n    </div>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3$1.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\n          [modelId]=\"supplier?.id\"\n          modelType=\"Supplier\"\n          logView=\"all\"\n        ></app-audit-log-for-model>\n        <mat-icon\n          class=\"material-icons cursor-pointer\"\n          (click)=\"modifySupplier(supplier)\"\n        >\n          edit\n        </mat-icon>\n        <mat-icon\n          class=\"material-icons cursor-pointer\"\n          (click)=\"deleteSupplier(supplier)\"\n        >\n          delete\n        </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 class=\"status-pill-sm status-light-orange\">{{\n            supplier?.type?.title\n          }}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row mt-3\">\n      <div class=\"col-6\">\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\">\n        <p class=\"text-muted mb-0\">Email</p>\n        <p class=\"text-wrap\">{{ supplier?.email }}</p>\n      </div>\n      <div class=\"col-6\">\n        <p class=\"text-muted mb-0\">Phone</p>\n        <p class=\"text-wrap\">{{ supplier?.phone }}</p>\n      </div>\n      <div class=\"col-6\">\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\">\n        <mat-icon class=\"material-icons text-primary my-auto\"\n          >location_on</mat-icon\n        >\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: i2.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: i2.ActivatedRoute }, { token: i2.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 justify-content-start gap-3\">\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\n          modelType=\"Supplier\"\n          [relatedModelId]=\"supplier?.id\"\n        ></app-note-list>\n      </mat-card-content>\n    </mat-card>\n  </div>\n\n  <div style=\"width: calc(100% - 300px - 1rem)\">\n    <mat-card style=\"width: fit-content\">\n      <mat-card-content class=\"p-0\">\n        <mat-tab-group\n          mat-stretch-tabs=\"false\"\n          mat-align-tabs=\"start\"\n          [selectedIndex]=\"selectedTabIndex\"\n          (selectedTabChange)=\"onTabChange($event)\"\n        >\n          <mat-tab>\n            <ng-template mat-tab-label>\n              <div\n                class=\"d-flex justify-content-start align-items-center gap-1\"\n              >\n                <span class=\"material-symbols-outlined\">unknown_document</span>\n                <span class=\"pl-2\">Incidents</span>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab>\n            <ng-template mat-tab-label>\n              <div\n                class=\"d-flex justify-content-start align-items-center gap-1\"\n              >\n                <span class=\"material-symbols-outlined\">star</span>\n                <span class=\"pl-2\">Ratings</span>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab>\n            <ng-template mat-tab-label>\n              <div\n                class=\"d-flex justify-content-start align-items-center gap-1\"\n              >\n                <span class=\"material-symbols-outlined\">price_change</span>\n                <span class=\"pl-2\">Estimates</span>\n              </div>\n            </ng-template>\n          </mat-tab>\n        </mat-tab-group>\n      </mat-card-content>\n    </mat-card>\n    <router-outlet></router-outlet>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i6$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { 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: 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 justify-content-start gap-3\">\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\n          modelType=\"Supplier\"\n          [relatedModelId]=\"supplier?.id\"\n        ></app-note-list>\n      </mat-card-content>\n    </mat-card>\n  </div>\n\n  <div style=\"width: calc(100% - 300px - 1rem)\">\n    <mat-card style=\"width: fit-content\">\n      <mat-card-content class=\"p-0\">\n        <mat-tab-group\n          mat-stretch-tabs=\"false\"\n          mat-align-tabs=\"start\"\n          [selectedIndex]=\"selectedTabIndex\"\n          (selectedTabChange)=\"onTabChange($event)\"\n        >\n          <mat-tab>\n            <ng-template mat-tab-label>\n              <div\n                class=\"d-flex justify-content-start align-items-center gap-1\"\n              >\n                <span class=\"material-symbols-outlined\">unknown_document</span>\n                <span class=\"pl-2\">Incidents</span>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab>\n            <ng-template mat-tab-label>\n              <div\n                class=\"d-flex justify-content-start align-items-center gap-1\"\n              >\n                <span class=\"material-symbols-outlined\">star</span>\n                <span class=\"pl-2\">Ratings</span>\n              </div>\n            </ng-template>\n          </mat-tab>\n          <mat-tab>\n            <ng-template mat-tab-label>\n              <div\n                class=\"d-flex justify-content-start align-items-center gap-1\"\n              >\n                <span class=\"material-symbols-outlined\">price_change</span>\n                <span class=\"pl-2\">Estimates</span>\n              </div>\n            </ng-template>\n          </mat-tab>\n        </mat-tab-group>\n      </mat-card-content>\n    </mat-card>\n    <router-outlet></router-outlet>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: SupplierService }, { type: i2.ActivatedRoute }, { type: i2.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: i2.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 }] });
-
-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;
-        }
-    }
-    editForm(model) {
-        const dialogRef = this.dialog.open(SupplierFormComponent, {
-            width: '400px',
-            autoFocus: false,
-            data: {
-                details: model,
-            },
-        });
-        dialogRef.afterClosed().subscribe((result) => {
-            if (result) {
-                this.reload();
-            }
-        });
-    }
-    deleteForm(supplier) {
-        const dialogRef = this.dialog.open(ActionPopupComponent, {
-            width: '400px',
-            data: {
-                title: 'Delete Supplier',
-                message: 'Are you sure you want to delete the Supplier?',
-            },
-            autoFocus: false,
-        });
-        dialogRef.afterClosed().subscribe(async (result) => {
-            if (result) {
-                this.spinner.show();
-                try {
-                    const result = await lastValueFrom(this.supplierService.destroy(supplier.id));
-                    this.alertService.addAlert('Successfully deleted the Supplier', 'success');
-                    this.reload();
-                }
-                catch (error) {
-                    this.errorHandler.handleError(error);
-                }
-                finally {
-                    this.spinner.hide();
-                }
-            }
-        });
-    }
-    /**
-     * Show the supplier create form.
-     *
-     * @param model
-     */
-    showAddSupplierDialog(model) {
-        const dialogRef = this.dialog.open(SupplierFormComponent, {
-            width: '400px',
-            autoFocus: false,
-            data: {
-                model,
-            },
-        });
-        dialogRef.afterClosed().subscribe((result) => {
-            if (result) {
-                // record added successfully, inform the list component.
-                this.supplierFormService.listUpdated(true);
-            }
-        });
-    }
-    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: i3$2.NgxSpinnerService }, { token: i2$1.FormBuilder }, { token: SupplierService }, { token: i1$1.ErrorHandlerService }, { token: i1$1.FilterService }, { token: i2.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      <mat-icon\n        color=\"primary\"\n        class=\"cursor-pointer\"\n        (click)=\"showAddSupplierDialog()\"\n      >\n        add\n      </mat-icon>\n    </div>\n    <form\n      [formGroup]=\"filterForm\"\n      class=\"d-flex justify-content-end align-items-center gap-2\"\n    >\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input\n          matInput\n          placeholder=\"Search Supplier by Name, Phone, Address, Email, Description\"\n          formControlName=\"search\"\n        />\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\n          apiUrl=\"api/supplier-types\"\n          formControlName=\"supplier_type_ids\"\n          [multiple]=\"true\"\n        >\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\n      mat-table\n      #table\n      [dataSource]=\"models\"\n      class=\"w-100 table-hover\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\"\n      (scrolled)=\"onScroll()\"\n      [fromRoot]=\"true\"\n      matSort\n      (matSortChange)=\"sortColumn($event)\"\n      aria-describedby=\"Suppliers List\"\n    >\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 justify-content-start align-items-center gap-2\">\n            <a\n              class=\"text-decoration-none text-dark mt-2\"\n              [routerLink]=\"['/suppliers', element.id, 'view']\"\n              routerLinkActive=\"route-link-active\"\n              *ngxPermissionsOnly=\"['supplier.read']\"\n            >\n              <mat-icon matTooltip=\"View\">remove_red_eye</mat-icon>\n            </a>\n            <mat-icon\n              *ngxPermissionsOnly=\"['supplier.update']\"\n              class=\"cursor-pointer\"\n              (click)=\"editForm(element)\"\n            >\n              edit\n            </mat-icon>\n            <mat-icon\n              class=\"cursor-pointer\"\n              *ngxPermissionsOnly=\"['supplier.delete']\"\n              (click)=\"deleteForm(element)\"\n            >\n              delete\n            </mat-icon>\n            <app-audit-log-for-model\n              [modelId]=\"element?.id\"\n              modelType=\"Supplier\"\n              logView=\"all\"\n            ></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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i6$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i5.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i5.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i6$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i2$2.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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i10.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: i18.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }], 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      <mat-icon\n        color=\"primary\"\n        class=\"cursor-pointer\"\n        (click)=\"showAddSupplierDialog()\"\n      >\n        add\n      </mat-icon>\n    </div>\n    <form\n      [formGroup]=\"filterForm\"\n      class=\"d-flex justify-content-end align-items-center gap-2\"\n    >\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input\n          matInput\n          placeholder=\"Search Supplier by Name, Phone, Address, Email, Description\"\n          formControlName=\"search\"\n        />\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\n          apiUrl=\"api/supplier-types\"\n          formControlName=\"supplier_type_ids\"\n          [multiple]=\"true\"\n        >\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\n      mat-table\n      #table\n      [dataSource]=\"models\"\n      class=\"w-100 table-hover\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\"\n      (scrolled)=\"onScroll()\"\n      [fromRoot]=\"true\"\n      matSort\n      (matSortChange)=\"sortColumn($event)\"\n      aria-describedby=\"Suppliers List\"\n    >\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 justify-content-start align-items-center gap-2\">\n            <a\n              class=\"text-decoration-none text-dark mt-2\"\n              [routerLink]=\"['/suppliers', element.id, 'view']\"\n              routerLinkActive=\"route-link-active\"\n              *ngxPermissionsOnly=\"['supplier.read']\"\n            >\n              <mat-icon matTooltip=\"View\">remove_red_eye</mat-icon>\n            </a>\n            <mat-icon\n              *ngxPermissionsOnly=\"['supplier.update']\"\n              class=\"cursor-pointer\"\n              (click)=\"editForm(element)\"\n            >\n              edit\n            </mat-icon>\n            <mat-icon\n              class=\"cursor-pointer\"\n              *ngxPermissionsOnly=\"['supplier.delete']\"\n              (click)=\"deleteForm(element)\"\n            >\n              delete\n            </mat-icon>\n            <app-audit-log-for-model\n              [modelId]=\"element?.id\"\n              modelType=\"Supplier\"\n              logView=\"all\"\n            ></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: i3$2.NgxSpinnerService }, { type: i2$1.FormBuilder }, { type: SupplierService }, { type: i1$1.ErrorHandlerService }, { type: i1$1.FilterService }, { type: i2.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,
-                children: [
-                    {
-                        path: "",
-                        redirectTo: "incidents",
-                        pathMatch: "full",
-                    },
-                ],
-            },
-        ],
-    },
-];
-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: [i2.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],
-                }]
-        }] });
-
-/*
- * This module imports and re-exports all Angular Material modules for convenience,
- * so only 1 module import is needed in your feature modules.
- * See https://material.angular.io/guide/getting-started#step-3-import-the-component-modules.
- *
- * To optimize your production builds, you should only import the components used in your app.
- */
-class MaterialModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, exports: [MatAutocompleteModule,
-            MatBadgeModule,
-            MatButtonModule,
-            MatButtonToggleModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatChipsModule,
-            MatCommonModule,
-            MatDatepickerModule,
-            MatDialogModule,
-            MatDividerModule,
-            MatExpansionModule,
-            MatFormFieldModule,
-            MatGridListModule,
-            MatIconModule,
-            MatInputModule,
-            MatLineModule,
-            MatListModule,
-            MatMenuModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatPaginatorModule,
-            MatProgressBarModule,
-            MatProgressSpinnerModule,
-            MatPseudoCheckboxModule,
-            MatRadioModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSidenavModule,
-            MatSlideToggleModule,
-            MatSliderModule,
-            MatSnackBarModule,
-            MatSortModule,
-            MatStepperModule,
-            MatTableModule,
-            MatTabsModule,
-            MatToolbarModule,
-            MatTooltipModule,
-            MatTreeModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, imports: [MatAutocompleteModule,
-            MatBadgeModule,
-            MatButtonModule,
-            MatButtonToggleModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatChipsModule,
-            MatCommonModule,
-            MatDatepickerModule,
-            MatDialogModule,
-            MatDividerModule,
-            MatExpansionModule,
-            MatFormFieldModule,
-            MatGridListModule,
-            MatIconModule,
-            MatInputModule,
-            MatLineModule,
-            MatListModule,
-            MatMenuModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatPaginatorModule,
-            MatProgressBarModule,
-            MatProgressSpinnerModule,
-            MatPseudoCheckboxModule,
-            MatRadioModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSidenavModule,
-            MatSlideToggleModule,
-            MatSliderModule,
-            MatSnackBarModule,
-            MatSortModule,
-            MatStepperModule,
-            MatTableModule,
-            MatTabsModule,
-            MatToolbarModule,
-            MatTooltipModule,
-            MatTreeModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        MatAutocompleteModule,
-                        MatBadgeModule,
-                        MatButtonModule,
-                        MatButtonToggleModule,
-                        MatCardModule,
-                        MatCheckboxModule,
-                        MatChipsModule,
-                        MatCommonModule,
-                        MatDatepickerModule,
-                        MatDialogModule,
-                        MatDividerModule,
-                        MatExpansionModule,
-                        MatFormFieldModule,
-                        MatGridListModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatLineModule,
-                        MatListModule,
-                        MatMenuModule,
-                        MatNativeDateModule,
-                        MatOptionModule,
-                        MatPaginatorModule,
-                        MatProgressBarModule,
-                        MatProgressSpinnerModule,
-                        MatPseudoCheckboxModule,
-                        MatRadioModule,
-                        MatRippleModule,
-                        MatSelectModule,
-                        MatSidenavModule,
-                        MatSlideToggleModule,
-                        MatSliderModule,
-                        MatSnackBarModule,
-                        MatSortModule,
-                        MatStepperModule,
-                        MatTableModule,
-                        MatTabsModule,
-                        MatToolbarModule,
-                        MatTooltipModule,
-                        MatTreeModule,
-                    ],
-                }]
-        }] });
-
-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] });
-    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] });
-}
-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,
-                    ],
-                }]
-        }] });
-
-export { SupplierModule };
-//# sourceMappingURL=techlify-inventory-common-supplier.module-Bwa7gx14.mjs.map