techlify-inventory-common 18.0.1 → 18.1.0

package/fesm2022/{techlify-inventory-common-supplier.module-gzHesNtQ.mjs → techlify-inventory-common-supplier.module-Bwa7gx14.mjs}

@@ -4,8 +4,8 @@ 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 } from 'rxjs';
-import { S as SupplierFormComponent, a as SupplierService } from './techlify-inventory-common-supplier-form.component-CHmMG7O8.mjs';
+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';
@@ -22,31 +22,30 @@ 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 * as i6$3 from '@angular/material/table';
-import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 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 i7$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i12 from '@angular/material/button-toggle';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i6$2 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i7$2 from '@angular/material/input';
+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 '@angular/flex-layout';
-import { FlexModule } from '@angular/flex-layout';
-import * as i10$1 from 'ngx-infinite-scroll';
+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';
@@ -211,145 +210,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: "app-supplier", template: "<div>\n  <router-outlet></router-outlet>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.MatDialog }, { type: SupplierFormService }] });
 
-class SupplierTypeService {
-    httpService;
-    constructor(httpService) {
-        this.httpService = httpService;
-    }
-    /**
-     * get all suppliers from API
-     *
-     */
-    index() {
-        return this.httpService.get(`api/supplier-types`);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierTypeService, deps: [{ token: i1$1.HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierTypeService, providedIn: "root" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierTypeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: () => [{ type: i1$1.HttpService }] });
-
 let SuppliersListComponent = class SuppliersListComponent extends TechlifyListingControllerInterface {
     spinner;
     fb;
     supplierService;
-    supplierTypeService;
     errorHandler;
     filterService;
     activatedRoute;
     alertService;
     dialog;
     supplierFormService;
+    requestHelperService;
     displayedColumns = [
-        "#",
-        "company_name",
-        "contact_name",
-        "phone",
-        "address",
-        "email",
-        "details",
-        "actions",
+        '#',
+        'company_name',
+        'type',
+        'contact_name',
+        'phone',
+        'address',
+        'email',
+        'details',
+        'actions',
     ];
-    filterFormGroup;
-    dataSource = new MatTableDataSource();
-    totalItems = 0;
-    currentPage = 1;
-    routeFilters;
-    supplierTypes;
-    isLoading = false;
-    constructor(spinner, fb, supplierService, supplierTypeService, errorHandler, filterService, activatedRoute, alertService, dialog, supplierFormService) {
+    constructor(spinner, fb, supplierService, errorHandler, filterService, activatedRoute, alertService, dialog, supplierFormService, requestHelperService) {
         super();
         this.spinner = spinner;
         this.fb = fb;
         this.supplierService = supplierService;
-        this.supplierTypeService = supplierTypeService;
         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.filterFormGroup = this.fb.group({
-            search: [""],
-            supplier_type_ids: ["1,2"],
-            num_items: [this.perPage + "|" + this.currentPage],
-            sort_by: [""],
+        this.filterForm = this.fb.group({
+            search: [''],
+            supplier_type_ids: [''],
+            sort_by: ['created_at|desc'],
         });
-        this.supplierTypes = [];
     }
     ngOnInit() {
-        this.patchFiltersFromRoute();
-        this.listenForChanges();
-        this.getSupplierTypes();
-        this.loadData();
+        this.updateFormWithQueryParams();
+        this.subscribeToFormChanges();
+        this.subscribeToRouteChanges();
     }
     listenForChanges() {
         // listen for supplier added event to update the list.
         this.supplierFormService.isListUpdated().subscribe((val) => {
-            if (val && !this.isLoading)
+            if (val && !this.isWorking)
                 this.reload();
         });
         // listen for form group changes.
-        this.filterFormGroup.valueChanges
-            .pipe(debounceTime(500), untilDestroyed(this))
-            .subscribe((changes) => {
-            this.filterService.applyFilterToRoute(this.activatedRoute, this.filterFormGroup.value);
+        this.filterForm.valueChanges.pipe(debounceTime(500), untilDestroyed(this)).subscribe(() => {
+            this.filterService.applyFilterToRoute(this.activatedRoute, this.filterForm.value);
             this.reload();
         });
     }
-    patchFiltersFromRoute() {
-        this.routeFilters = this.filterService.getFiltersFromRoute(this.activatedRoute, this.filterFormGroup.value);
-        this.filterFormGroup.setValue(this.routeFilters);
-        if (this.routeFilters.supplier_type_ids) {
-            this.filterFormGroup
-                .get("supplier_type_ids")
-                .setValue(this.routeFilters.supplier_type_ids.split(",").map(Number));
-        }
-    }
     sortColumn(event) {
         var direction = event.direction.toString().toUpperCase();
         this.assignFilter(event.active, direction);
     }
     assignFilter(column, direction) {
-        return this.filterFormGroup
-            .get("sort_by")
-            ?.setValue(column + "|" + direction);
-    }
-    async getSupplierTypes() {
-        try {
-            let res = await lastValueFrom(this.supplierTypeService.index());
-            this.supplierTypes = res.data;
-            console.log(this.supplierTypes);
-        }
-        catch (error) {
-            this.errorHandler.handleError(error);
-        }
+        return this.filterForm.get('sort_by')?.setValue(column + '|' + direction);
     }
     async loadData() {
-        let filters = this.filterFormGroup.value;
+        let filters = { ...this.requestHelperService.convertToFormData(this.filterForm.value) };
         filters.page = this.page = 1;
-        filters.per_page = this.perPage;
-        filters.supplier_type_ids = filters?.supplier_type_ids?.toString();
-        filters.num_items = this.perPage + "|" + this.currentPage;
+        filters.perPage = this.perPage;
         try {
-            this.isLoading = true;
+            this.isWorking = true;
             let res = await lastValueFrom(this.supplierService.index(filters));
-            if (this.models.length < 1) {
-                this.models = res.data;
-            }
-            else {
-                res.data.forEach((item) => this.models.push(item));
-            }
-            this.dataSource = new MatTableDataSource(this.models);
-            this.totalItems = res.total;
-            this.lastPage = res.last_page || this.page;
+            this.models = this.models?.concat(res?.data);
+            this.lastPage = res.last_page;
             // list is updated do not listen form isListUpdated
             this.supplierFormService.listUpdated(false);
         }
@@ -357,25 +293,12 @@ let SuppliersListComponent = class SuppliersListComponent extends TechlifyListin
             this.errorHandler.handleError(error);
         }
         finally {
-            this.isLoading = false;
-        }
-    }
-    reload() {
-        if (this.isLoading)
-            return;
-        this.models = [];
-        this.currentPage = 1;
-        this.loadData();
-    }
-    onScroll() {
-        if (this.totalItems > this.models.length && !this.isLoading) {
-            this.currentPage += 1;
-            this.loadData();
+            this.isWorking = false;
         }
     }
     editForm(model) {
         const dialogRef = this.dialog.open(SupplierFormComponent, {
-            width: "400px",
+            width: '400px',
             autoFocus: false,
             data: {
                 details: model,
@@ -389,10 +312,10 @@ let SuppliersListComponent = class SuppliersListComponent extends TechlifyListin
     }
     deleteForm(supplier) {
         const dialogRef = this.dialog.open(ActionPopupComponent, {
-            width: "400px",
+            width: '400px',
             data: {
-                title: "Delete Supplier",
-                message: "Are you sure you want to delete the Supplier?",
+                title: 'Delete Supplier',
+                message: 'Are you sure you want to delete the Supplier?',
             },
             autoFocus: false,
         });
@@ -401,7 +324,7 @@ let SuppliersListComponent = class SuppliersListComponent extends TechlifyListin
                 this.spinner.show();
                 try {
                     const result = await lastValueFrom(this.supplierService.destroy(supplier.id));
-                    this.alertService.addAlert("Successfully deleted the Supplier", "success");
+                    this.alertService.addAlert('Successfully deleted the Supplier', 'success');
                     this.reload();
                 }
                 catch (error) {
@@ -420,7 +343,7 @@ let SuppliersListComponent = class SuppliersListComponent extends TechlifyListin
      */
     showAddSupplierDialog(model) {
         const dialogRef = this.dialog.open(SupplierFormComponent, {
-            width: "400px",
+            width: '400px',
             autoFocus: false,
             data: {
                 model,
@@ -433,16 +356,33 @@ let SuppliersListComponent = class SuppliersListComponent extends TechlifyListin
             }
         });
     }
-    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: SupplierTypeService }, { token: i1$1.ErrorHandlerService }, { token: i1$1.FilterService }, { token: i2.ActivatedRoute }, { token: i1$1.AlertService }, { token: i1.MatDialog }, { token: SupplierFormService }], 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: "<div class=\"d-flex justify-content-center align-items-center gap-3 mb-3\">\n  <h2 class=\"mb-0\">Suppliers</h2>\n  <mat-icon\n    color=\"primary\"\n    class=\"cursor-pointer\"\n    (click)=\"showAddSupplierDialog()\"\n  >\n    add\n  </mat-icon>\n</div>\n<mat-card class=\"mb-3\">\n  <mat-card-content>\n    <form\n      [formGroup]=\"filterFormGroup\"\n      fxLayout\n      fxLayoutGap=\"1rem\"\n      fxLayoutAlign=\"start center\"\n    >\n      <mat-form-field fxFlex=\"24\">\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-label class=\"ml-4\">Type</mat-label>\n      <mat-button-toggle-group formControlName=\"supplier_type_ids\" multiple>\n        <mat-button-toggle\n          *ngFor=\"let item of supplierTypes\"\n          [value]=\"item.id\"\n          >{{ item.title }}</mat-button-toggle\n        >\n      </mat-button-toggle-group>\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]=\"dataSource\"\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>Company</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <div class=\"d-flex flex-column gap-1\">\n            <strong>{{ element?.company_name }}</strong>\n            <span class=\"status-pill status-pill-sm status-ongoing\">\n              {{ element?.type?.title }}\n            </span>\n          </div>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"contact_name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Contact Name</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>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 mat-sort-header>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>Description</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\" fxLayoutGap=\"1rem\">\n            <app-audit-log-for-model\n              [modelId]=\"element?.id\"\n              modelType=\"Supplier\"\n              logView=\"all\"\n            ></app-audit-log-for-model>\n            <button\n              mat-icon-button\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            </button>\n            <button\n              *ngxPermissionsOnly=\"['supplier.update']\"\n              mat-icon-button\n              (click)=\"editForm(element)\"\n            >\n              <mat-icon>edit</mat-icon>\n            </button>\n            <button\n              *ngxPermissionsOnly=\"['supplier.delete']\"\n              type=\"button\"\n              mat-icon-button\n              (click)=\"deleteForm(element)\"\n            >\n              <mat-icon>delete</mat-icon>\n            </button>\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=\"isLoading\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i7$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i12.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i12.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { 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$2.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.AuditLogForModelComponent, selector: "app-audit-log-for-model", inputs: ["modelType", "modelId", "logView"] }, { kind: "directive", type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i10.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i10.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { 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$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }], preserveWhitespaces: 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: "<div class=\"d-flex justify-content-center align-items-center gap-3 mb-3\">\n  <h2 class=\"mb-0\">Suppliers</h2>\n  <mat-icon\n    color=\"primary\"\n    class=\"cursor-pointer\"\n    (click)=\"showAddSupplierDialog()\"\n  >\n    add\n  </mat-icon>\n</div>\n<mat-card class=\"mb-3\">\n  <mat-card-content>\n    <form\n      [formGroup]=\"filterFormGroup\"\n      fxLayout\n      fxLayoutGap=\"1rem\"\n      fxLayoutAlign=\"start center\"\n    >\n      <mat-form-field fxFlex=\"24\">\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-label class=\"ml-4\">Type</mat-label>\n      <mat-button-toggle-group formControlName=\"supplier_type_ids\" multiple>\n        <mat-button-toggle\n          *ngFor=\"let item of supplierTypes\"\n          [value]=\"item.id\"\n          >{{ item.title }}</mat-button-toggle\n        >\n      </mat-button-toggle-group>\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]=\"dataSource\"\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>Company</th>\n        <td mat-cell *matCellDef=\"let element\">\n          <div class=\"d-flex flex-column gap-1\">\n            <strong>{{ element?.company_name }}</strong>\n            <span class=\"status-pill status-pill-sm status-ongoing\">\n              {{ element?.type?.title }}\n            </span>\n          </div>\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"contact_name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Contact Name</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>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 mat-sort-header>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>Description</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\" fxLayoutGap=\"1rem\">\n            <app-audit-log-for-model\n              [modelId]=\"element?.id\"\n              modelType=\"Supplier\"\n              logView=\"all\"\n            ></app-audit-log-for-model>\n            <button\n              mat-icon-button\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            </button>\n            <button\n              *ngxPermissionsOnly=\"['supplier.update']\"\n              mat-icon-button\n              (click)=\"editForm(element)\"\n            >\n              <mat-icon>edit</mat-icon>\n            </button>\n            <button\n              *ngxPermissionsOnly=\"['supplier.delete']\"\n              type=\"button\"\n              mat-icon-button\n              (click)=\"deleteForm(element)\"\n            >\n              <mat-icon>delete</mat-icon>\n            </button>\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=\"isLoading\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n" }]
-        }], ctorParameters: () => [{ type: i3$2.NgxSpinnerService }, { type: i2$1.FormBuilder }, { type: SupplierService }, { type: SupplierTypeService }, { type: i1$1.ErrorHandlerService }, { type: i1$1.FilterService }, { type: i2.ActivatedRoute }, { type: i1$1.AlertService }, { type: i1.MatDialog }, { type: SupplierFormService }] });
+            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 = [
     {
@@ -626,7 +566,8 @@ class SupplierModule {
             NoteModule,
             FlexModule,
             ReactiveFormsModule,
-            InfiniteScrollModule] });
+            InfiniteScrollModule,
+            NgxPermissionsModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierModule, imports: [CommonModule,
             SupplierRoutingModule,
             MaterialModule,
@@ -635,7 +576,8 @@ class SupplierModule {
             NoteModule,
             FlexModule,
             ReactiveFormsModule,
-            InfiniteScrollModule] });
+            InfiniteScrollModule,
+            NgxPermissionsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SupplierModule, decorators: [{
             type: NgModule,
@@ -657,9 +599,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FlexModule,
                         ReactiveFormsModule,
                         InfiniteScrollModule,
+                        NgxPermissionsModule,
                     ],
                 }]
         }] });
 
 export { SupplierModule };
-//# sourceMappingURL=techlify-inventory-common-supplier.module-gzHesNtQ.mjs.map
+//# sourceMappingURL=techlify-inventory-common-supplier.module-Bwa7gx14.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"techlify-inventory-common-supplier.module-Bwa7gx14.mjs","sources":["../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier-information/supplier-information.component.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier-information/supplier-information.component.html","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier-view/supplier-view.component.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier-view/supplier-view.component.html","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier-form/supplier-form.service.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier.component.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier.component.html","../../../projects/inventory-common/src/lib/inventory-common/supplier/suppliers-list/suppliers-list.component.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/suppliers-list/suppliers-list.component.html","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier-routing.module.ts","../../../projects/inventory-common/src/lib/inventory-common/material.module.ts","../../../projects/inventory-common/src/lib/inventory-common/supplier/supplier.module.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport {\n  ActionPopup,\n  ActionPopupComponent,\n  AlertService,\n  ErrorHandlerService,\n} from \"ngx-techlify-core\";\nimport { SupplierFormComponent } from \"../supplier-form/supplier-form.component\";\nimport { MatDialog } from \"@angular/material/dialog\";\nimport { SupplierService } from \"../supplier.service\";\nimport { Router } from \"@angular/router\";\n\n@Component({\n  selector: \"app-supplier-information\",\n  templateUrl: \"./supplier-information.component.html\",\n})\nexport class SupplierInformationComponent {\n  @Input() supplier!: any;\n\n  constructor(\n    private dialog: MatDialog,\n    private supplierService: SupplierService,\n    private alertService: AlertService,\n    private router: Router,\n    private errorService: ErrorHandlerService\n  ) {}\n\n  modifySupplier(model?: any) {\n    const dialogRef = this.dialog.open(SupplierFormComponent, {\n      width: \"600px\",\n      data: {\n        details: model,\n      },\n    });\n    dialogRef.afterClosed().subscribe((result: any) => {\n      if (result) {\n        location.reload();\n      }\n    });\n  }\n\n  deleteSupplier(id: any) {\n    const dialogRef = this.dialog.open(ActionPopupComponent, {\n      width: \"400px\",\n      data: <ActionPopup>{\n        title: \"Delete Supplier\",\n        message: \"Are you sure you want to delete this supplier?\",\n      },\n      autoFocus: false,\n    });\n\n    dialogRef.afterClosed().subscribe(async (result: any) => {\n      if (result) {\n        try {\n          const result = await this.supplierService.destroy(id);\n          this.alertService.addAlert(\n            \"Successfully Deleted Supplier\",\n            \"success\"\n          );\n        } catch (error) {\n          this.errorService.handleError(error);\n        } finally {\n          this.router.navigateByUrl(\"/suppliers\");\n        }\n      }\n    });\n  }\n}\n","<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","import { lastValueFrom } from \"rxjs\";\nimport { Component, OnInit } from \"@angular/core\";\nimport { ActivatedRoute, Router } from \"@angular/router\";\nimport { SupplierService } from \"../supplier.service\";\nimport { MatTabChangeEvent } from \"@angular/material/tabs\";\n\n@Component({\n  selector: \"app-supplier-view\",\n  templateUrl: \"./supplier-view.component.html\",\n})\nexport class SupplierViewComponent implements OnInit {\n  supplier: any;\n  supplierId: number = 0;\n  selectedTabIndex: number = 0;\n  isLoading: boolean = false;\n\n  constructor(\n    private supplierService: SupplierService,\n    private route: ActivatedRoute,\n    private router: Router\n  ) {}\n\n  ngOnInit(): void {\n    this.route.firstChild?.url.subscribe((url) => {\n      if (url[0].path === \"ratings\") {\n        this.selectedTabIndex = 1;\n      } else if (url[0].path === \"estimates\") {\n        this.selectedTabIndex = 2;\n      } else {\n        this.selectedTabIndex = 0;\n      }\n    });\n\n    this.supplierId = this.route.snapshot.params[\"id\"];\n    this.getSupplier(this.supplierId);\n  }\n\n  onTabChange(event: MatTabChangeEvent) {\n    switch (event.index) {\n      case 0:\n        this.router.navigate([\"incidents\"], { relativeTo: this.route });\n        return;\n      case 1:\n        this.router.navigate([\"ratings\"], { relativeTo: this.route });\n        return;\n      case 2:\n        this.router.navigate([\"estimates\"], { relativeTo: this.route });\n        return;\n    }\n  }\n\n  async getSupplier(id: number) {\n    this.isLoading = true;\n    let result: any = await lastValueFrom(this.supplierService.show(id));\n    this.isLoading = false;\n    this.supplier = result.item;\n  }\n}\n","<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","import { Injectable } from \"@angular/core\";\nimport TechlifyFormService from '../../services/techlify-form-service';\n\n@Injectable({\n  providedIn: \"root\",\n})\nexport class SupplierFormService extends TechlifyFormService {\n  constructor() {\n    super();\n  }\n}\n","import { Component } from \"@angular/core\";\nimport { SupplierFormComponent } from \"./supplier-form/supplier-form.component\";\nimport { MatDialog } from \"@angular/material/dialog\";\nimport { SupplierFormService } from \"./supplier-form/supplier-form.service\";\n\n@Component({\n  selector: \"app-supplier\",\n  templateUrl: \"./supplier.component.html\",\n  styleUrls: [\"./supplier.component.scss\"],\n})\nexport class SupplierComponent {\n  constructor(\n    public dialog: MatDialog,\n    private supplierFormService: SupplierFormService\n  ) {}\n}\n","<div>\n  <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ActivatedRoute } from '@angular/router';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport {\n  ActionPopup,\n  ActionPopupComponent,\n  AlertService,\n  ErrorHandlerService,\n  FilterService,\n  RequestHelperService,\n  TechlifyListingControllerInterface,\n} from 'ngx-techlify-core';\nimport { debounceTime, distinctUntilChanged, lastValueFrom } from 'rxjs';\nimport { SupplierFormComponent } from '../supplier-form/supplier-form.component';\nimport { SupplierService } from '../supplier.service';\nimport { SupplierFormService } from '../supplier-form/supplier-form.service';\n\n@UntilDestroy()\n@Component({\n  selector: 'app-suppliers-list',\n  templateUrl: './suppliers-list.component.html',\n})\nexport class SuppliersListComponent extends TechlifyListingControllerInterface implements OnInit {\n  displayedColumns: string[] = [\n    '#',\n    'company_name',\n    'type',\n    'contact_name',\n    'phone',\n    'address',\n    'email',\n    'details',\n    'actions',\n  ];\n\n  constructor(\n    private spinner: NgxSpinnerService,\n    private fb: FormBuilder,\n    private supplierService: SupplierService,\n    private errorHandler: ErrorHandlerService,\n    private filterService: FilterService,\n    private activatedRoute: ActivatedRoute,\n    private alertService: AlertService,\n    private dialog: MatDialog,\n    private supplierFormService: SupplierFormService,\n    private requestHelperService: RequestHelperService\n  ) {\n    super();\n    this.page = 1;\n    this.perPage = 25;\n    this.models = [];\n    this.filterForm = this.fb.group({\n      search: [''],\n      supplier_type_ids: [''],\n      sort_by: ['created_at|desc'],\n    });\n  }\n\n  ngOnInit(): void {\n    this.updateFormWithQueryParams();\n    this.subscribeToFormChanges();\n    this.subscribeToRouteChanges();\n  }\n\n  override listenForChanges() {\n    // listen for supplier added event to update the list.\n    this.supplierFormService.isListUpdated().subscribe((val: boolean) => {\n      if (val && !this.isWorking) this.reload();\n    });\n    // listen for form group changes.\n    this.filterForm.valueChanges.pipe(debounceTime(500), untilDestroyed(this)).subscribe(() => {\n      this.filterService.applyFilterToRoute(this.activatedRoute, this.filterForm.value);\n      this.reload();\n    });\n  }\n\n  sortColumn(event: any) {\n    var direction = event.direction.toString().toUpperCase();\n    this.assignFilter(event.active, direction);\n  }\n\n  assignFilter(column: any, direction: any) {\n    return this.filterForm.get('sort_by')?.setValue(column + '|' + direction);\n  }\n\n  async loadData() {\n    let filters = { ...this.requestHelperService.convertToFormData(this.filterForm.value) };\n    filters.page = this.page = 1;\n    filters.perPage = this.perPage;\n    try {\n      this.isWorking = true;\n      let res: any = await lastValueFrom(this.supplierService.index(filters));\n      this.models = this.models?.concat(res?.data);\n      this.lastPage = res.last_page;\n      // list is updated do not listen form isListUpdated\n      this.supplierFormService.listUpdated(false);\n    } catch (error) {\n      this.errorHandler.handleError(error);\n    } finally {\n      this.isWorking = false;\n    }\n  }\n\n  editForm(model?: any): void {\n    const dialogRef = this.dialog.open(SupplierFormComponent, {\n      width: '400px',\n      autoFocus: false,\n      data: {\n        details: model,\n      },\n    });\n\n    dialogRef.afterClosed().subscribe((result: any) => {\n      if (result) {\n        this.reload();\n      }\n    });\n  }\n\n  deleteForm(supplier: any): void {\n    const dialogRef = this.dialog.open(ActionPopupComponent, {\n      width: '400px',\n      data: <ActionPopup>{\n        title: 'Delete Supplier',\n        message: 'Are you sure you want to delete the Supplier?',\n      },\n      autoFocus: false,\n    });\n\n    dialogRef.afterClosed().subscribe(async (result) => {\n      if (result) {\n        this.spinner.show();\n        try {\n          const result = await lastValueFrom(this.supplierService.destroy(supplier.id));\n          this.alertService.addAlert('Successfully deleted the Supplier', 'success');\n          this.reload();\n        } catch (error) {\n          this.errorHandler.handleError(error);\n        } finally {\n          this.spinner.hide();\n        }\n      }\n    });\n  }\n\n  /**\n   * Show the supplier create form.\n   *\n   * @param model\n   */\n  showAddSupplierDialog(model?: any) {\n    const dialogRef = this.dialog.open(SupplierFormComponent, {\n      width: '400px',\n      autoFocus: false,\n      data: {\n        model,\n      },\n    });\n\n    dialogRef.afterClosed().subscribe((result: any) => {\n      if (result) {\n        // record added successfully, inform the list component.\n        this.supplierFormService.listUpdated(true);\n      }\n    });\n  }\n\n  private updateFormWithQueryParams(): void {\n    this.requestHelperService.updateFormWithQueryParams(this.filterForm, {\n      supplier_type_ids: { multiple: true },\n    });\n  }\n\n  private subscribeToFormChanges(): void {\n    (this.filterForm as FormGroup).valueChanges.pipe(debounceTime(800)).subscribe({\n      next: () => {\n        this.requestHelperService.updateQueryParams(this.requestHelperService.convertToFormData(this.filterForm.value));\n      },\n    });\n  }\n\n  private subscribeToRouteChanges(): void {\n    this.activatedRoute.queryParams.pipe(debounceTime(500), distinctUntilChanged()).subscribe(() => {\n      this.reload();\n    });\n  }\n}\n","<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","import { SupplierViewComponent } from \"./supplier-view/supplier-view.component\";\nimport { NgModule } from \"@angular/core\";\nimport { RouterModule, Routes } from \"@angular/router\";\nimport { SupplierComponent } from \"./supplier.component\";\nimport { SuppliersListComponent } from \"./suppliers-list/suppliers-list.component\";\n\nconst routes: Routes = [\n  {\n    path: \"\",\n    component: SupplierComponent,\n    children: [\n      { path: \"\", component: SuppliersListComponent },\n      {\n        path: \":id/view\",\n        component: SupplierViewComponent,\n        children: [\n          {\n            path: \"\",\n            redirectTo: \"incidents\",\n            pathMatch: \"full\",\n          },\n        ],\n      },\n    ],\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class SupplierRoutingModule {}\n","/*\n * This module imports and re-exports all Angular Material modules for convenience,\n * so only 1 module import is needed in your feature modules.\n * See https://material.angular.io/guide/getting-started#step-3-import-the-component-modules.\n *\n * To optimize your production builds, you should only import the components used in your app.\n */\n\nimport { NgModule } from \"@angular/core\";\nimport {\n  MatCommonModule,\n  MatLineModule,\n  MatNativeDateModule,\n  MatPseudoCheckboxModule,\n  MatRippleModule,\n} from \"@angular/material/core\";\nimport { MatOptionModule } from \"@angular/material/core\";\nimport { MatAutocompleteModule } from \"@angular/material/autocomplete\";\nimport { MatBadgeModule } from \"@angular/material/badge\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { MatButtonToggleModule } from \"@angular/material/button-toggle\";\nimport { MatCardModule } from \"@angular/material/card\";\nimport { MatCheckboxModule } from \"@angular/material/checkbox\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { MatDatepickerModule } from \"@angular/material/datepicker\";\nimport { MatDialogModule } from \"@angular/material/dialog\";\nimport { MatDividerModule } from \"@angular/material/divider\";\nimport { MatExpansionModule } from \"@angular/material/expansion\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\nimport { MatGridListModule } from \"@angular/material/grid-list\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { MatInputModule } from \"@angular/material/input\";\nimport { MatListModule } from \"@angular/material/list\";\nimport { MatMenuModule } from \"@angular/material/menu\";\nimport { MatPaginatorModule } from \"@angular/material/paginator\";\nimport { MatProgressBarModule } from \"@angular/material/progress-bar\";\nimport { MatProgressSpinnerModule } from \"@angular/material/progress-spinner\";\nimport { MatRadioModule } from \"@angular/material/radio\";\nimport { MatSelectModule } from \"@angular/material/select\";\nimport { MatSidenavModule } from \"@angular/material/sidenav\";\nimport { MatSlideToggleModule } from \"@angular/material/slide-toggle\";\nimport { MatSliderModule } from \"@angular/material/slider\";\nimport { MatSnackBarModule } from \"@angular/material/snack-bar\";\nimport { MatSortModule } from \"@angular/material/sort\";\nimport { MatStepperModule } from \"@angular/material/stepper\";\nimport { MatTableModule } from \"@angular/material/table\";\nimport { MatTabsModule } from \"@angular/material/tabs\";\nimport { MatToolbarModule } from \"@angular/material/toolbar\";\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\nimport { MatTreeModule } from \"@angular/material/tree\";\n\n@NgModule({\n  exports: [\n    MatAutocompleteModule,\n    MatBadgeModule,\n    MatButtonModule,\n    MatButtonToggleModule,\n    MatCardModule,\n    MatCheckboxModule,\n    MatChipsModule,\n    MatCommonModule,\n    MatDatepickerModule,\n    MatDialogModule,\n    MatDividerModule,\n    MatExpansionModule,\n    MatFormFieldModule,\n    MatGridListModule,\n    MatIconModule,\n    MatInputModule,\n    MatLineModule,\n    MatListModule,\n    MatMenuModule,\n    MatNativeDateModule,\n    MatOptionModule,\n    MatPaginatorModule,\n    MatProgressBarModule,\n    MatProgressSpinnerModule,\n    MatPseudoCheckboxModule,\n    MatRadioModule,\n    MatRippleModule,\n    MatSelectModule,\n    MatSidenavModule,\n    MatSlideToggleModule,\n    MatSliderModule,\n    MatSnackBarModule,\n    MatSortModule,\n    MatStepperModule,\n    MatTableModule,\n    MatTabsModule,\n    MatToolbarModule,\n    MatTooltipModule,\n    MatTreeModule,\n  ],\n})\nexport class MaterialModule {}\n","import {\n  AuditLogForModelModule,\n  NoteModule,\n  SearchableSelectorModule,\n} from \"ngx-techlify-core\";\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SupplierRoutingModule } from \"./supplier-routing.module\";\nimport { SupplierComponent } from \"./supplier.component\";\nimport { SupplierViewComponent } from \"./supplier-view/supplier-view.component\";\nimport { SuppliersListComponent } from \"./suppliers-list/suppliers-list.component\";\nimport { SupplierFormComponent } from \"./supplier-form/supplier-form.component\";\nimport { SupplierInformationComponent } from \"./supplier-information/supplier-information.component\";\nimport { FlexModule } from \"@angular/flex-layout\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { InfiniteScrollModule } from \"ngx-infinite-scroll\";\nimport { MaterialModule } from '../material.module';\nimport { NgxPermissionsModule } from 'ngx-permissions';\n\n@NgModule({\n  declarations: [\n    SupplierComponent,\n    SupplierViewComponent,\n    SuppliersListComponent,\n    SupplierFormComponent,\n    SupplierInformationComponent,\n  ],\n  imports: [\n    CommonModule,\n    SupplierRoutingModule,\n    MaterialModule,\n    SearchableSelectorModule,\n    AuditLogForModelModule,\n    NoteModule,\n    FlexModule,\n    ReactiveFormsModule,\n    InfiniteScrollModule,\n    NgxPermissionsModule,\n  ],\n})\nexport class SupplierModule {}\n"],"names":["i2.SupplierService","i3","i4","i5","i7","i1.SupplierService","i6","i8.SupplierInformationComponent","i2.SupplierFormService","i1","i2","i3.SupplierService","i7.SupplierFormService","i8","i9","i10","i11","i12","i13","i14","i15","i16","i17"],"mappings":"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"}

package/fesm2022/{techlify-inventory-common-techlify-inventory-common-Czyc0jLI.mjs → techlify-inventory-common-techlify-inventory-common-GFYF7JCA.mjs}

@@ -201,27 +201,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const routes = [
     {
         path: "suppliers",
-        loadChildren: () => import('./techlify-inventory-common-supplier.module-gzHesNtQ.mjs').then((m) => m.SupplierModule),
+        loadChildren: () => import('./techlify-inventory-common-supplier.module-Bwa7gx14.mjs').then((m) => m.SupplierModule),
     },
     {
         path: "measures",
-        loadChildren: () => import('./techlify-inventory-common-measure.module-CirswKXn.mjs').then((mod) => mod.MeasureModule),
+        loadChildren: () => import('./techlify-inventory-common-measure.module-BEaRHh5Z.mjs').then((mod) => mod.MeasureModule),
     },
     {
         path: "stock-issuances",
-        loadChildren: () => import('./techlify-inventory-common-stock-issuances.module-Dm9i2kcf.mjs').then((mod) => mod.StockIssuancesModule),
+        loadChildren: () => import('./techlify-inventory-common-stock-issuances.module-BQRRP-hW.mjs').then((mod) => mod.StockIssuancesModule),
     },
     {
         path: "stock-receipts",
-        loadChildren: () => import('./techlify-inventory-common-stock-receipts.module-CUPdWteR.mjs').then(function (n) { return n.s; }).then((mod) => mod.StockReceiptsModule),
+        loadChildren: () => import('./techlify-inventory-common-stock-receipts.module-BvYaKITT.mjs').then(function (n) { return n.s; }).then((mod) => mod.StockReceiptsModule),
     },
     {
         path: "categories",
-        loadChildren: () => import('./techlify-inventory-common-category.module-Stn6e73V.mjs').then((mod) => mod.CategoryModule),
+        loadChildren: () => import('./techlify-inventory-common-category.module-CNm2bEsx.mjs').then((mod) => mod.CategoryModule),
     },
     {
         path: "products",
-        loadChildren: () => import('./techlify-inventory-common-product.module-qdeafFV5.mjs').then((mod) => mod.ProductModule),
+        loadChildren: () => import('./techlify-inventory-common-product.module-BV9Cy88x.mjs').then((mod) => mod.ProductModule),
     },
     {
         path: "dashboard",
@@ -492,4 +492,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 
 export { InventoryCommonRoutingModule as I, ProductService as P, StockSummaryService as S, TechlifyFilterComponent as T, TechlifyFilterModule as a, InventoryCommonModule as b };
-//# sourceMappingURL=techlify-inventory-common-techlify-inventory-common-Czyc0jLI.mjs.map
+//# sourceMappingURL=techlify-inventory-common-techlify-inventory-common-GFYF7JCA.mjs.map