techlify-inventory-common 18.30.0 → 18.31.0

package/esm2022/lib/inventory-common/supplier/purchase-order/purchase-order-form/purchase-order-form.component.mjs

@@ -0,0 +1,156 @@
+import { Component } from "@angular/core";
+import { ReactiveFormsModule, Validators } from '@angular/forms';
+import { TechlifyFormComponentInterface, TechlifyIconModule } from "ngx-techlify-core";
+import { MaterialModule } from '../../../material.module';
+import { CommonModule } from '@angular/common';
+import { SearchableSelectorModule } from 'ngx-techlify-core';
+import moment from 'moment';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-techlify-core";
+import * as i2 from "@angular/forms";
+import * as i3 from "../purchase-order.service";
+import * as i4 from "@angular/router";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/card";
+import * as i8 from "@angular/material/datepicker";
+import * as i9 from "@angular/material/form-field";
+import * as i10 from "@angular/material/icon";
+import * as i11 from "@angular/material/input";
+import * as i12 from "@angular/material/tooltip";
+export class PurchaseOrderFormComponent extends TechlifyFormComponentInterface {
+    formValidatorService;
+    fb;
+    purchaseOrderService;
+    router;
+    route;
+    constructor(formValidatorService, fb, purchaseOrderService, router, route) {
+        super(formValidatorService);
+        this.formValidatorService = formValidatorService;
+        this.fb = fb;
+        this.purchaseOrderService = purchaseOrderService;
+        this.router = router;
+        this.route = route;
+        this.form = this.fb.group({
+            id: [''],
+            date: [new Date(), Validators.compose([Validators.required])],
+            po_number: [''],
+            supplier_id: [''],
+            details: [''],
+            purchase_order_products: this.fb.array([])
+        });
+    }
+    ngOnInit() {
+        const id = this.route.snapshot.params['id'];
+        if (id) {
+            this.loadData(id);
+        }
+    }
+    get purchaseOrderProducts() {
+        return this.form.get('purchase_order_products');
+    }
+    createPurchaseOrderProduct() {
+        return this.fb.group({
+            product_id: ['', Validators.required],
+            quantity: [1, [Validators.required, Validators.min(1)]],
+            unit_id: ['', Validators.required],
+            details: ['']
+        });
+    }
+    addPurchaseOrderProduct() {
+        this.purchaseOrderProducts.push(this.createPurchaseOrderProduct());
+    }
+    removePurchaseOrderProduct(index) {
+        this.purchaseOrderProducts.removeAt(index);
+    }
+    clearProducts() {
+        this.purchaseOrderProducts.clear();
+    }
+    loadData(id) {
+        this.isWorking = true;
+        this.purchaseOrderService.show(id, { with: 'purchaseOrderProducts.product' }).subscribe({
+            next: (response) => {
+                this.isWorking = false;
+                const purchaseOrder = response.item;
+                this.form.patchValue({
+                    id: purchaseOrder.id,
+                    date: purchaseOrder.date ? new Date(purchaseOrder.date) : new Date(),
+                    po_number: purchaseOrder.po_number ?? '',
+                    supplier_id: purchaseOrder.supplier_id ?? '',
+                    details: purchaseOrder.details ?? '',
+                });
+                this.purchaseOrderProducts.clear();
+                const products = purchaseOrder.purchase_order_products || [];
+                products.map((product) => {
+                    const row = this.createPurchaseOrderProduct();
+                    row.patchValue({
+                        product_id: product.product_id,
+                        quantity: product.quantity,
+                        unit_id: product.unit_id,
+                        details: product.details || '',
+                    });
+                    this.purchaseOrderProducts.push(row);
+                });
+            },
+            error: () => {
+                this.isWorking = false;
+            }
+        });
+    }
+    save() {
+        if (this.form.invalid) {
+            this.form.markAllAsTouched();
+            this.form.markAsDirty();
+            this.alertService.addAlert('Please check the form for errors.', 'error');
+            return;
+        }
+        if (this.purchaseOrderProducts.length === 0) {
+            this.alertService.addAlert('Please add at least one product.', 'error');
+            return;
+        }
+        const formData = this.form.getRawValue();
+        const data = {
+            id: formData.id ?? null,
+            date: moment(formData.date).format('YYYY-MM-DD'),
+            po_number: formData.po_number,
+            supplier_id: formData.supplier_id,
+            details: formData.details,
+            products: formData.purchase_order_products.map((row) => ({
+                product_id: row.product_id,
+                quantity: row.quantity,
+                unit_id: row.unit_id,
+                details: row.details,
+            }))
+        };
+        this.isWorking = true;
+        const promise = data?.id
+            ? this.purchaseOrderService.update(data)
+            : this.purchaseOrderService.store(data);
+        promise.subscribe({
+            next: (response) => {
+                this.isWorking = false;
+                this.alertService.addAlert('Purchase order saved successfully!', 'success');
+                this.router.navigate(['/inventory/suppliers/purchase-orders']);
+            },
+            error: () => {
+                this.isWorking = false;
+            }
+        });
+    }
+    cancel() {
+        this.router.navigate(['/inventory/suppliers/purchase-orders']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderFormComponent, deps: [{ token: i1.FormValidatorService }, { token: i2.FormBuilder }, { token: i3.PurchaseOrderService }, { token: i4.Router }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PurchaseOrderFormComponent, isStandalone: true, selector: "app-purchase-order-form", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">shopping_cart</span>\n                Purchase Order Form\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>PO #</mat-label>\n                        <input matInput placeholder=\"PO #\" formControlName=\"po_number\">\n                    </mat-form-field>\n                </div>\n\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Supplier</mat-label>\n                        <app-searchable-selector apiUrl='api/suppliers' formControlName=\"supplier_id\"\n                            titleField='company_name'></app-searchable-selector>\n                    </mat-form-field>\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Details</mat-label>\n                        <textarea matInput placeholder=\"Details\" formControlName=\"details\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Unit</th>\n                        <th scope=\"col\">Details</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"purchase_order_products\">\n                    <tr *ngFor=\"let row of purchaseOrderProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Unit</mat-label>\n                                <app-searchable-selector apiUrl='api/product-measures' formControlName=\"unit_id\"\n                                    titleField='title' required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Details</mat-label>\n                                <input matInput formControlName=\"details\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removePurchaseOrderProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"purchaseOrderProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addPurchaseOrderProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || purchaseOrderProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: SearchableSelectorModule }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i1.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-purchase-order-form', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MaterialModule,
+                        SearchableSelectorModule,
+                        TechlifyIconModule
+                    ], template: "<mat-card class=\"d-flex flex-column gap-2 container\">\n    <mat-card-content>\n\n        <div class=\"d-flex flex-column gap-1\">\n            <h5>\n                <span class=\"material-symbols-outlined align-middle\">shopping_cart</span>\n                Purchase Order Form\n            </h5>\n        </div>\n\n        <form class=\"d-flex flex-column gap-2\" [formGroup]=\"form\" (submit)=\"save()\">\n\n            <div class=\"d-flex flex-column\">\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Date</mat-label>\n                        <input matInput [matDatepicker]=\"picker\" placeholder=\"Date\" formControlName=\"date\" required>\n                        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                        <mat-datepicker #picker></mat-datepicker>\n                        <mat-error *ngIf=\"isFieldValid('date')\">{{ getErrorMessage('date') }}</mat-error>\n                    </mat-form-field>\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>PO #</mat-label>\n                        <input matInput placeholder=\"PO #\" formControlName=\"po_number\">\n                    </mat-form-field>\n                </div>\n\n                <div class=\"d-flex flex-row gap-2 justify-content-between\">\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Supplier</mat-label>\n                        <app-searchable-selector apiUrl='api/suppliers' formControlName=\"supplier_id\"\n                            titleField='company_name'></app-searchable-selector>\n                    </mat-form-field>\n                    <mat-form-field appearance='outline' class=\"w-100\">\n                        <mat-label>Details</mat-label>\n                        <textarea matInput placeholder=\"Details\" formControlName=\"details\"></textarea>\n                    </mat-form-field>\n                </div>\n            </div>\n\n            <table class=\"table mt-3\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">#</th>\n                        <th scope=\"col\">Product</th>\n                        <th scope=\"col\">Quantity</th>\n                        <th scope=\"col\">Unit</th>\n                        <th scope=\"col\">Details</th>\n                        <th scope=\"col\" class=\"text-center\" width=\"50\"></th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"purchase_order_products\">\n                    <tr *ngFor=\"let row of purchaseOrderProducts.controls; let i = index\" [formGroupName]=\"i\">\n                        <th scope=\"row\">{{ i + 1 }}</th>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Product</mat-label>\n                                <app-searchable-selector apiUrl='api/products' formControlName=\"product_id\"\n                                    titleField='name' [cache]=\"true\" required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class='fl-sm'>\n                                <mat-label>Quantity</mat-label>\n                                <input matInput formControlName=\"quantity\" type=\"number\" min=\"1\">\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline' class=\"w-100\">\n                                <mat-label>Unit</mat-label>\n                                <app-searchable-selector apiUrl='api/product-measures' formControlName=\"unit_id\"\n                                    titleField='title' required></app-searchable-selector>\n                            </mat-form-field>\n                        </td>\n                        <td>\n                            <mat-form-field appearance='outline'>\n                                <mat-label>Details</mat-label>\n                                <input matInput formControlName=\"details\">\n                            </mat-form-field>\n                        </td>\n                        <td class=\"text-center align-middle\">\n                            <div class=\"d-flex gap-2 justify-content-center align-items-center text-secondary\">\n                                <app-techlify-icon role='button' name='delete' (click)=\"removePurchaseOrderProduct(i)\"\n                                    matTooltip=\"Remove row\"></app-techlify-icon>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"6\" class=\"text-end\">\n                            <div class=\"d-flex flex-row gap-2 justify-content-end\">\n                                <button mat-button color=\"primary\" type=\"button\" (click)=\"clearProducts()\"\n                                    [disabled]=\"purchaseOrderProducts.length === 0\">\n                                    <mat-icon>block</mat-icon> CLEAR ALL\n                                </button>\n                                <button mat-raised-button color=\"primary\" type=\"button\"\n                                    (click)=\"addPurchaseOrderProduct()\">\n                                    <mat-icon>add</mat-icon> ADD\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n\n            <div class=\"d-flex justify-content-end align-items-center gap-2 mt-2\">\n                <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                <button [disabled]=\"isWorking || purchaseOrderProducts.length === 0\" mat-raised-button color=\"primary\"\n                    type=\"submit\">Save</button>\n            </div>\n\n        </form>\n\n    </mat-card-content>\n</mat-card>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormValidatorService }, { type: i2.FormBuilder }, { type: i3.PurchaseOrderService }, { type: i4.Router }, { type: i4.ActivatedRoute }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyY2hhc2Utb3JkZXItZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZlbnRvcnktY29tbW9uL3NyYy9saWIvaW52ZW50b3J5LWNvbW1vbi9zdXBwbGllci9wdXJjaGFzZS1vcmRlci9wdXJjaGFzZS1vcmRlci1mb3JtL3B1cmNoYXNlLW9yZGVyLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52ZW50b3J5LWNvbW1vbi9zcmMvbGliL2ludmVudG9yeS1jb21tb24vc3VwcGxpZXIvcHVyY2hhc2Utb3JkZXIvcHVyY2hhc2Utb3JkZXItZm9ybS9wdXJjaGFzZS1vcmRlci1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUEwQixtQkFBbUIsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RixPQUFPLEVBQXdCLDhCQUE4QixFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0csT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUc3RCxPQUFPLE1BQU0sTUFBTSxRQUFRLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBZTVCLE1BQU0sT0FBTywwQkFBMkIsU0FBUSw4QkFBOEI7SUFFM0M7SUFDbkI7SUFDQTtJQUNBO0lBQ0E7SUFKWixZQUErQixvQkFBMEMsRUFDN0QsRUFBZSxFQUNmLG9CQUEwQyxFQUMxQyxNQUFjLEVBQ2QsS0FBcUI7UUFFN0IsS0FBSyxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFORCx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBQzdELE9BQUUsR0FBRixFQUFFLENBQWE7UUFDZix5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBQzFDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUk3QixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQ3RCLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNSLElBQUksRUFBRSxDQUFDLElBQUksSUFBSSxFQUFFLEVBQUUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQzdELFNBQVMsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNmLFdBQVcsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNqQixPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDYix1QkFBdUIsRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7U0FDN0MsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFFBQVE7UUFDSixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUMsSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdEIsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLHFCQUFxQjtRQUNyQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFjLENBQUM7SUFDakUsQ0FBQztJQUVELDBCQUEwQjtRQUN0QixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQ2pCLFVBQVUsRUFBRSxDQUFDLEVBQUUsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1lBQ3JDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3ZELE9BQU8sRUFBRSxDQUFDLEVBQUUsRUFBRSxVQUFVLENBQUMsUUFBUSxDQUFDO1lBQ2xDLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztTQUNoQixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsdUJBQXVCO1FBQ25CLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsMEJBQTBCLENBQUMsS0FBYTtRQUNwQyxJQUFJLENBQUMscUJBQXFCLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxhQUFhO1FBQ1QsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxRQUFRLENBQUMsRUFBVTtRQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLCtCQUErQixFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDcEYsSUFBSSxFQUFFLENBQUMsUUFBYSxFQUFFLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2dCQUN2QixNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO2dCQUVwQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztvQkFDakIsRUFBRSxFQUFFLGFBQWEsQ0FBQyxFQUFFO29CQUNwQixJQUFJLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksRUFBRTtvQkFDcEUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxTQUFTLElBQUksRUFBRTtvQkFDeEMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxXQUFXLElBQUksRUFBRTtvQkFDNUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxPQUFPLElBQUksRUFBRTtpQkFDdkMsQ0FBQyxDQUFDO2dCQUVILElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDbkMsTUFBTSxRQUFRLEdBQUcsYUFBYSxDQUFDLHVCQUF1QixJQUFJLEVBQUUsQ0FBQztnQkFFN0QsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQVksRUFBRSxFQUFFO29CQUMxQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztvQkFDOUMsR0FBRyxDQUFDLFVBQVUsQ0FBQzt3QkFDWCxVQUFVLEVBQUUsT0FBTyxDQUFDLFVBQVU7d0JBQzlCLFFBQVEsRUFBRSxPQUFPLENBQUMsUUFBUTt3QkFDMUIsT0FBTyxFQUFFLE9BQU8sQ0FBQyxPQUFPO3dCQUN4QixPQUFPLEVBQUUsT0FBTyxDQUFDLE9BQU8sSUFBSSxFQUFFO3FCQUNqQyxDQUFDLENBQUM7b0JBQ0gsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDekMsQ0FBQyxDQUFDLENBQUE7WUFDTixDQUFDO1lBQ0QsS0FBSyxFQUFFLEdBQUcsRUFBRTtnQkFDUixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUMzQixDQUFDO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELElBQUk7UUFDQSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsbUNBQW1DLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDekUsT0FBTztRQUNYLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsa0NBQWtDLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDeEUsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3pDLE1BQU0sSUFBSSxHQUFRO1lBQ2QsRUFBRSxFQUFFLFFBQVEsQ0FBQyxFQUFFLElBQUksSUFBSTtZQUN2QixJQUFJLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDO1lBQ2hELFNBQVMsRUFBRSxRQUFRLENBQUMsU0FBUztZQUM3QixXQUFXLEVBQUUsUUFBUSxDQUFDLFdBQVc7WUFDakMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxPQUFPO1lBQ3pCLFFBQVEsRUFBRSxRQUFRLENBQUMsdUJBQXVCLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO2dCQUMxRCxVQUFVLEVBQUUsR0FBRyxDQUFDLFVBQVU7Z0JBQzFCLFFBQVEsRUFBRSxHQUFHLENBQUMsUUFBUTtnQkFDdEIsT0FBTyxFQUFFLEdBQUcsQ0FBQyxPQUFPO2dCQUNwQixPQUFPLEVBQUUsR0FBRyxDQUFDLE9BQU87YUFDdkIsQ0FBQyxDQUFDO1NBQ04sQ0FBQztRQUVGLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBRXRCLE1BQU0sT0FBTyxHQUFHLElBQUksRUFBRSxFQUFFO1lBQ3BCLENBQUMsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztZQUN4QyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUU1QyxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxFQUFFLENBQUMsUUFBYSxFQUFFLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO2dCQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxvQ0FBb0MsRUFBRSxTQUFTLENBQUMsQ0FBQztnQkFDNUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDLENBQUM7WUFDbkUsQ0FBQztZQUNELEtBQUssRUFBRSxHQUFHLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDM0IsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDLENBQUM7SUFDbkUsQ0FBQzt3R0F2SVEsMEJBQTBCOzRGQUExQiwwQkFBMEIsMEdDdkJ2QyxpeE1Bb0hBLDJDRHJHUSxZQUFZLCtQQUNaLG1CQUFtQixvdERBQ25CLGNBQWMsc21FQUNkLHdCQUF3QixraEJBQ3hCLGtCQUFrQjs7NEZBSWIsMEJBQTBCO2tCQWJ0QyxTQUFTOytCQUNJLHlCQUF5QixjQUV2QixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2Qsd0JBQXdCO3dCQUN4QixrQkFBa0I7cUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRm9ybUFycmF5LCBGb3JtQnVpbGRlciwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvcm1WYWxpZGF0b3JTZXJ2aWNlLCBUZWNobGlmeUZvcm1Db21wb25lbnRJbnRlcmZhY2UsIFRlY2hsaWZ5SWNvbk1vZHVsZSB9IGZyb20gXCJuZ3gtdGVjaGxpZnktY29yZVwiO1xuaW1wb3J0IHsgTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9tYXRlcmlhbC5tb2R1bGUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNlYXJjaGFibGVTZWxlY3Rvck1vZHVsZSB9IGZyb20gJ25neC10ZWNobGlmeS1jb3JlJztcbmltcG9ydCB7IFB1cmNoYXNlT3JkZXJTZXJ2aWNlIH0gZnJvbSAnLi4vcHVyY2hhc2Utb3JkZXIuc2VydmljZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtcHVyY2hhc2Utb3JkZXItZm9ybScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cmNoYXNlLW9yZGVyLWZvcm0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIE1hdGVyaWFsTW9kdWxlLFxuICAgICAgICBTZWFyY2hhYmxlU2VsZWN0b3JNb2R1bGUsXG4gICAgICAgIFRlY2hsaWZ5SWNvbk1vZHVsZVxuICAgIF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBQdXJjaGFzZU9yZGVyRm9ybUNvbXBvbmVudCBleHRlbmRzIFRlY2hsaWZ5Rm9ybUNvbXBvbmVudEludGVyZmFjZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgb3ZlcnJpZGUgZm9ybVZhbGlkYXRvclNlcnZpY2U6IEZvcm1WYWxpZGF0b3JTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGZiOiBGb3JtQnVpbGRlcixcbiAgICAgICAgcHJpdmF0ZSBwdXJjaGFzZU9yZGVyU2VydmljZTogUHVyY2hhc2VPcmRlclNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgICAgIHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgICkge1xuICAgICAgICBzdXBlcihmb3JtVmFsaWRhdG9yU2VydmljZSk7XG5cbiAgICAgICAgdGhpcy5mb3JtID0gdGhpcy5mYi5ncm91cCh7XG4gICAgICAgICAgICBpZDogWycnXSxcbiAgICAgICAgICAgIGRhdGU6IFtuZXcgRGF0ZSgpLCBWYWxpZGF0b3JzLmNvbXBvc2UoW1ZhbGlkYXRvcnMucmVxdWlyZWRdKV0sXG4gICAgICAgICAgICBwb19udW1iZXI6IFsnJ10sXG4gICAgICAgICAgICBzdXBwbGllcl9pZDogWycnXSxcbiAgICAgICAgICAgIGRldGFpbHM6IFsnJ10sXG4gICAgICAgICAgICBwdXJjaGFzZV9vcmRlcl9wcm9kdWN0czogdGhpcy5mYi5hcnJheShbXSlcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGlkID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5wYXJhbXNbJ2lkJ107XG4gICAgICAgIGlmIChpZCkge1xuICAgICAgICAgICAgdGhpcy5sb2FkRGF0YShpZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXQgcHVyY2hhc2VPcmRlclByb2R1Y3RzKCk6IEZvcm1BcnJheSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KCdwdXJjaGFzZV9vcmRlcl9wcm9kdWN0cycpIGFzIEZvcm1BcnJheTtcbiAgICB9XG5cbiAgICBjcmVhdGVQdXJjaGFzZU9yZGVyUHJvZHVjdCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgICAgICAgcHJvZHVjdF9pZDogWycnLCBWYWxpZGF0b3JzLnJlcXVpcmVkXSxcbiAgICAgICAgICAgIHF1YW50aXR5OiBbMSwgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMubWluKDEpXV0sXG4gICAgICAgICAgICB1bml0X2lkOiBbJycsIFZhbGlkYXRvcnMucmVxdWlyZWRdLFxuICAgICAgICAgICAgZGV0YWlsczogWycnXVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBhZGRQdXJjaGFzZU9yZGVyUHJvZHVjdCgpIHtcbiAgICAgICAgdGhpcy5wdXJjaGFzZU9yZGVyUHJvZHVjdHMucHVzaCh0aGlzLmNyZWF0ZVB1cmNoYXNlT3JkZXJQcm9kdWN0KCkpO1xuICAgIH1cblxuICAgIHJlbW92ZVB1cmNoYXNlT3JkZXJQcm9kdWN0KGluZGV4OiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5wdXJjaGFzZU9yZGVyUHJvZHVjdHMucmVtb3ZlQXQoaW5kZXgpO1xuICAgIH1cblxuICAgIGNsZWFyUHJvZHVjdHMoKSB7XG4gICAgICAgIHRoaXMucHVyY2hhc2VPcmRlclByb2R1Y3RzLmNsZWFyKCk7XG4gICAgfVxuXG4gICAgbG9hZERhdGEoaWQ6IG51bWJlcikge1xuICAgICAgICB0aGlzLmlzV29ya2luZyA9IHRydWU7XG4gICAgICAgIHRoaXMucHVyY2hhc2VPcmRlclNlcnZpY2Uuc2hvdyhpZCwgeyB3aXRoOiAncHVyY2hhc2VPcmRlclByb2R1Y3RzLnByb2R1Y3QnIH0pLnN1YnNjcmliZSh7XG4gICAgICAgICAgICBuZXh0OiAocmVzcG9uc2U6IGFueSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNXb3JraW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgY29uc3QgcHVyY2hhc2VPcmRlciA9IHJlc3BvbnNlLml0ZW07XG5cbiAgICAgICAgICAgICAgICB0aGlzLmZvcm0ucGF0Y2hWYWx1ZSh7XG4gICAgICAgICAgICAgICAgICAgIGlkOiBwdXJjaGFzZU9yZGVyLmlkLFxuICAgICAgICAgICAgICAgICAgICBkYXRlOiBwdXJjaGFzZU9yZGVyLmRhdGUgPyBuZXcgRGF0ZShwdXJjaGFzZU9yZGVyLmRhdGUpIDogbmV3IERhdGUoKSxcbiAgICAgICAgICAgICAgICAgICAgcG9fbnVtYmVyOiBwdXJjaGFzZU9yZGVyLnBvX251bWJlciA/PyAnJyxcbiAgICAgICAgICAgICAgICAgICAgc3VwcGxpZXJfaWQ6IHB1cmNoYXNlT3JkZXIuc3VwcGxpZXJfaWQgPz8gJycsXG4gICAgICAgICAgICAgICAgICAgIGRldGFpbHM6IHB1cmNoYXNlT3JkZXIuZGV0YWlscyA/PyAnJyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHRoaXMucHVyY2hhc2VPcmRlclByb2R1Y3RzLmNsZWFyKCk7XG4gICAgICAgICAgICAgICAgY29uc3QgcHJvZHVjdHMgPSBwdXJjaGFzZU9yZGVyLnB1cmNoYXNlX29yZGVyX3Byb2R1Y3RzIHx8IFtdO1xuXG4gICAgICAgICAgICAgICAgcHJvZHVjdHMubWFwKChwcm9kdWN0OiBhbnkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3Qgcm93ID0gdGhpcy5jcmVhdGVQdXJjaGFzZU9yZGVyUHJvZHVjdCgpO1xuICAgICAgICAgICAgICAgICAgICByb3cucGF0Y2hWYWx1ZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBwcm9kdWN0X2lkOiBwcm9kdWN0LnByb2R1Y3RfaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBxdWFudGl0eTogcHJvZHVjdC5xdWFudGl0eSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHVuaXRfaWQ6IHByb2R1Y3QudW5pdF9pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGRldGFpbHM6IHByb2R1Y3QuZGV0YWlscyB8fCAnJyxcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMucHVyY2hhc2VPcmRlclByb2R1Y3RzLnB1c2gocm93KTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGVycm9yOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc1dvcmtpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgc2F2ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMuZm9ybS5pbnZhbGlkKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm0ubWFya0FsbEFzVG91Y2hlZCgpO1xuICAgICAgICAgICAgdGhpcy5mb3JtLm1hcmtBc0RpcnR5KCk7XG4gICAgICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5hZGRBbGVydCgnUGxlYXNlIGNoZWNrIHRoZSBmb3JtIGZvciBlcnJvcnMuJywgJ2Vycm9yJyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5wdXJjaGFzZU9yZGVyUHJvZHVjdHMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICB0aGlzLmFsZXJ0U2VydmljZS5hZGRBbGVydCgnUGxlYXNlIGFkZCBhdCBsZWFzdCBvbmUgcHJvZHVjdC4nLCAnZXJyb3InKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGZvcm1EYXRhID0gdGhpcy5mb3JtLmdldFJhd1ZhbHVlKCk7XG4gICAgICAgIGNvbnN0IGRhdGE6IGFueSA9IHtcbiAgICAgICAgICAgIGlkOiBmb3JtRGF0YS5pZCA/PyBudWxsLFxuICAgICAgICAgICAgZGF0ZTogbW9tZW50KGZvcm1EYXRhLmRhdGUpLmZvcm1hdCgnWVlZWS1NTS1ERCcpLFxuICAgICAgICAgICAgcG9fbnVtYmVyOiBmb3JtRGF0YS5wb19udW1iZXIsXG4gICAgICAgICAgICBzdXBwbGllcl9pZDogZm9ybURhdGEuc3VwcGxpZXJfaWQsXG4gICAgICAgICAgICBkZXRhaWxzOiBmb3JtRGF0YS5kZXRhaWxzLFxuICAgICAgICAgICAgcHJvZHVjdHM6IGZvcm1EYXRhLnB1cmNoYXNlX29yZGVyX3Byb2R1Y3RzLm1hcCgocm93OiBhbnkpID0+ICh7XG4gICAgICAgICAgICAgICAgcHJvZHVjdF9pZDogcm93LnByb2R1Y3RfaWQsXG4gICAgICAgICAgICAgICAgcXVhbnRpdHk6IHJvdy5xdWFudGl0eSxcbiAgICAgICAgICAgICAgICB1bml0X2lkOiByb3cudW5pdF9pZCxcbiAgICAgICAgICAgICAgICBkZXRhaWxzOiByb3cuZGV0YWlscyxcbiAgICAgICAgICAgIH0pKVxuICAgICAgICB9O1xuXG4gICAgICAgIHRoaXMuaXNXb3JraW5nID0gdHJ1ZTtcblxuICAgICAgICBjb25zdCBwcm9taXNlID0gZGF0YT8uaWRcbiAgICAgICAgICAgID8gdGhpcy5wdXJjaGFzZU9yZGVyU2VydmljZS51cGRhdGUoZGF0YSlcbiAgICAgICAgICAgIDogdGhpcy5wdXJjaGFzZU9yZGVyU2VydmljZS5zdG9yZShkYXRhKTtcblxuICAgICAgICBwcm9taXNlLnN1YnNjcmliZSh7XG4gICAgICAgICAgICBuZXh0OiAocmVzcG9uc2U6IGFueSkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNXb3JraW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgdGhpcy5hbGVydFNlcnZpY2UuYWRkQWxlcnQoJ1B1cmNoYXNlIG9yZGVyIHNhdmVkIHN1Y2Nlc3NmdWxseSEnLCAnc3VjY2VzcycpO1xuICAgICAgICAgICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnL2ludmVudG9yeS9zdXBwbGllcnMvcHVyY2hhc2Utb3JkZXJzJ10pO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGVycm9yOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc1dvcmtpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgY2FuY2VsKCkge1xuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbJy9pbnZlbnRvcnkvc3VwcGxpZXJzL3B1cmNoYXNlLW9yZGVycyddKTtcbiAgICB9XG59XG5cbiIsIjxtYXQtY2FyZCBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBnYXAtMiBjb250YWluZXJcIj5cbiAgICA8bWF0LWNhcmQtY29udGVudD5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGdhcC0xXCI+XG4gICAgICAgICAgICA8aDU+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIGFsaWduLW1pZGRsZVwiPnNob3BwaW5nX2NhcnQ8L3NwYW4+XG4gICAgICAgICAgICAgICAgUHVyY2hhc2UgT3JkZXIgRm9ybVxuICAgICAgICAgICAgPC9oNT5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGZvcm0gY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gZ2FwLTJcIiBbZm9ybUdyb3VwXT1cImZvcm1cIiAoc3VibWl0KT1cInNhdmUoKVwiPlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LXJvdyBnYXAtMiBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT0nb3V0bGluZScgY2xhc3M9XCJ3LTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5EYXRlPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCIgcGxhY2Vob2xkZXI9XCJEYXRlXCIgZm9ybUNvbnRyb2xOYW1lPVwiZGF0ZVwiIHJlcXVpcmVkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiaXNGaWVsZFZhbGlkKCdkYXRlJylcIj57eyBnZXRFcnJvck1lc3NhZ2UoJ2RhdGUnKSB9fTwvbWF0LWVycm9yPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT0nb3V0bGluZScgY2xhc3M9XCJ3LTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5QTyAjPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgcGxhY2Vob2xkZXI9XCJQTyAjXCIgZm9ybUNvbnRyb2xOYW1lPVwicG9fbnVtYmVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtcm93IGdhcC0yIGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPSdvdXRsaW5lJyBjbGFzcz1cInctMTAwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPlN1cHBsaWVyPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXNlYXJjaGFibGUtc2VsZWN0b3IgYXBpVXJsPSdhcGkvc3VwcGxpZXJzJyBmb3JtQ29udHJvbE5hbWU9XCJzdXBwbGllcl9pZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGVGaWVsZD0nY29tcGFueV9uYW1lJz48L2FwcC1zZWFyY2hhYmxlLXNlbGVjdG9yPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT0nb3V0bGluZScgY2xhc3M9XCJ3LTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5EZXRhaWxzPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGV4dGFyZWEgbWF0SW5wdXQgcGxhY2Vob2xkZXI9XCJEZXRhaWxzXCIgZm9ybUNvbnRyb2xOYW1lPVwiZGV0YWlsc1wiPjwvdGV4dGFyZWE+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPHRhYmxlIGNsYXNzPVwidGFibGUgbXQtM1wiPlxuICAgICAgICAgICAgICAgIDx0aGVhZD5cbiAgICAgICAgICAgICAgICAgICAgPHRyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRoIHNjb3BlPVwiY29sXCI+IzwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGggc2NvcGU9XCJjb2xcIj5Qcm9kdWN0PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBzY29wZT1cImNvbFwiPlF1YW50aXR5PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBzY29wZT1cImNvbFwiPlVuaXQ8L3RoPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRoIHNjb3BlPVwiY29sXCI+RGV0YWlsczwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGggc2NvcGU9XCJjb2xcIiBjbGFzcz1cInRleHQtY2VudGVyXCIgd2lkdGg9XCI1MFwiPjwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICAgICAgPC90aGVhZD5cbiAgICAgICAgICAgICAgICA8dGJvZHkgZm9ybUFycmF5TmFtZT1cInB1cmNoYXNlX29yZGVyX3Byb2R1Y3RzXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgcm93IG9mIHB1cmNoYXNlT3JkZXJQcm9kdWN0cy5jb250cm9sczsgbGV0IGkgPSBpbmRleFwiIFtmb3JtR3JvdXBOYW1lXT1cImlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBzY29wZT1cInJvd1wiPnt7IGkgKyAxIH19PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT0nb3V0bGluZScgY2xhc3M9XCJ3LTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPlByb2R1Y3Q8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1zZWFyY2hhYmxlLXNlbGVjdG9yIGFwaVVybD0nYXBpL3Byb2R1Y3RzJyBmb3JtQ29udHJvbE5hbWU9XCJwcm9kdWN0X2lkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlRmllbGQ9J25hbWUnIFtjYWNoZV09XCJ0cnVlXCIgcmVxdWlyZWQ+PC9hcHAtc2VhcmNoYWJsZS1zZWxlY3Rvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT0nb3V0bGluZScgY2xhc3M9J2ZsLXNtJz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5RdWFudGl0eTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwicXVhbnRpdHlcIiB0eXBlPVwibnVtYmVyXCIgbWluPVwiMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPSdvdXRsaW5lJyBjbGFzcz1cInctMTAwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+VW5pdDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXNlYXJjaGFibGUtc2VsZWN0b3IgYXBpVXJsPSdhcGkvcHJvZHVjdC1tZWFzdXJlcycgZm9ybUNvbnRyb2xOYW1lPVwidW5pdF9pZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aXRsZUZpZWxkPSd0aXRsZScgcmVxdWlyZWQ+PC9hcHAtc2VhcmNoYWJsZS1zZWxlY3Rvcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT0nb3V0bGluZSc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+RGV0YWlsczwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwiZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIGNsYXNzPVwidGV4dC1jZW50ZXIgYWxpZ24tbWlkZGxlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBnYXAtMiBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlciB0ZXh0LXNlY29uZGFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXRlY2hsaWZ5LWljb24gcm9sZT0nYnV0dG9uJyBuYW1lPSdkZWxldGUnIChjbGljayk9XCJyZW1vdmVQdXJjaGFzZU9yZGVyUHJvZHVjdChpKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwiUmVtb3ZlIHJvd1wiPjwvYXBwLXRlY2hsaWZ5LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgIDwvdGJvZHk+XG4gICAgICAgICAgICAgICAgPHRmb290PlxuICAgICAgICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgY29sc3Bhbj1cIjZcIiBjbGFzcz1cInRleHQtZW5kXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LXJvdyBnYXAtMiBqdXN0aWZ5LWNvbnRlbnQtZW5kXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNsZWFyUHJvZHVjdHMoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwicHVyY2hhc2VPcmRlclByb2R1Y3RzLmxlbmd0aCA9PT0gMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmJsb2NrPC9tYXQtaWNvbj4gQ0xFQVIgQUxMXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImFkZFB1cmNoYXNlT3JkZXJQcm9kdWN0KClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5hZGQ8L21hdC1pY29uPiBBRERcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgIDwvdGZvb3Q+XG4gICAgICAgICAgICA8L3RhYmxlPlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1lbmQgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yIG10LTJcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIFtkaXNhYmxlZF09XCJpc1dvcmtpbmdcIiBtYXQtZmxhdC1idXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJjYW5jZWwoKVwiPkNhbmNlbDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxidXR0b24gW2Rpc2FibGVkXT1cImlzV29ya2luZyB8fCBwdXJjaGFzZU9yZGVyUHJvZHVjdHMubGVuZ3RoID09PSAwXCIgbWF0LXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiPlNhdmU8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwvZm9ybT5cblxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbjwvbWF0LWNhcmQ+XG4iXX0=

package/esm2022/lib/inventory-common/supplier/purchase-order/purchase-order-listing/purchase-order-listing.component.mjs

@@ -5,6 +5,7 @@ import { MaterialModule } from '../../../material.module';
 import { ReactiveFormsModule } from '@angular/forms';
 import { InfiniteScrollDirective } from 'ngx-infinite-scroll';
 import { SearchableSelectorModule } from 'ngx-techlify-core';
+import { RouterModule } from '@angular/router';
 import * as i0 from "@angular/core";
 import * as i1 from "../purchase-order.service";
 import * as i2 from "@angular/forms";
@@ -15,7 +16,9 @@ import * as i6 from "@angular/material/input";
 import * as i7 from "@angular/material/progress-bar";
 import * as i8 from "@angular/material/sort";
 import * as i9 from "@angular/material/table";
-import * as i10 from "ngx-techlify-core";
+import * as i10 from "@angular/material/tooltip";
+import * as i11 from "ngx-techlify-core";
+import * as i12 from "@angular/router";
 export class PurchaseOrderListingComponent extends TechlifyListingControllerInterface {
     service;
     fb;
@@ -47,7 +50,7 @@ export class PurchaseOrderListingComponent extends TechlifyListingControllerInte
         this.loadData();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderListingComponent, deps: [{ token: i1.PurchaseOrderService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PurchaseOrderListingComponent, isStandalone: true, selector: "app-purchase-order-listing", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-column gap-2\">\n\n    <mat-card>\n        <mat-card-content class='d-flex flex-row justify-content-between align-items-center'>\n            <div class='d-flex flex-row gap-2'>\n                <h5 class=\"mb-0\">Purchase Orders</h5>\n            </div>\n\n            <form [formGroup]='filterForm' class=\"d-flex flex-row gap-1\">\n                <mat-form-field class=\"mb-0\">\n                    <mat-label>Search</mat-label>\n                    <input matInput formControlName=\"search\">\n                </mat-form-field>\n\n                <mat-form-field>\n                    <mat-label>Suppliers</mat-label>\n                    <app-searchable-selector formControlName=\"supplier_ids\" [multiple]=\"true\"\n                        apiUrl=\"api/suppliers\" titleField=\"company_name\" sortBy=\"company_name|asc\"></app-searchable-selector>\n                </mat-form-field>\n            </form>\n        </mat-card-content>\n    </mat-card>\n\n    <mat-card>\n        <mat-card-content class=\"p-0\">\n            <table mat-table [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n                [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort>\n\n                <!-- # Column -->\n                <ng-container matColumnDef=\"#\">\n                    <th mat-header-cell *matHeaderCellDef>#</th>\n                    <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n                </ng-container>\n\n                <!-- Date Column -->\n                <ng-container matColumnDef=\"date\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.date | date:'mediumDate' }}</td>\n                </ng-container>\n\n                <!-- PO # Column -->\n                <ng-container matColumnDef=\"po_number\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>PO #</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.po_number }}</td>\n                </ng-container>\n\n                <!-- Supplier Column -->\n                <ng-container matColumnDef=\"supplier\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.company_name }}</td>\n                </ng-container>\n\n                <!-- Details Column -->\n                <ng-container matColumnDef=\"details\">\n                    <th mat-header-cell *matHeaderCellDef>Details</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.particulars }}</td>\n                </ng-container>\n\n                <!-- Status Column -->\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Status</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.status }}</td>\n                </ng-container>\n\n                <!-- Items Column -->\n                <ng-container matColumnDef=\"items\">\n                    <th mat-header-cell *matHeaderCellDef>Items</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                        <span *ngFor=\"let item of element?.purchase_order_products; let last = last\">\n                            {{ item?.product?.name }}<span *ngIf=\"!last\">, </span>\n                        </span>\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef>Actions</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n            </table>\n\n            <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n        </mat-card-content>\n    </mat-card>\n\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.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: i8.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i8.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "ngmodule", type: SearchableSelectorModule }, { kind: "component", type: i10.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"] }], preserveWhitespaces: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PurchaseOrderListingComponent, isStandalone: true, selector: "app-purchase-order-listing", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex flex-column gap-2\">\n\n    <mat-card>\n        <mat-card-content class='d-flex flex-row justify-content-between align-items-center'>\n            <div class='d-flex flex-row gap-2'>\n                <h5 class=\"mb-0\">Purchase Orders</h5>\n                <app-techlify-icon name='add' role='button' routerLink=\"form\"></app-techlify-icon>\n            </div>\n\n            <div class=\"d-flex flex-row gap-2 align-items-center\">\n                <form [formGroup]='filterForm' class=\"d-flex flex-row gap-1\">\n                    <mat-form-field class=\"mb-0\">\n                        <mat-label>Search</mat-label>\n                        <input matInput formControlName=\"search\">\n                    </mat-form-field>\n\n                    <mat-form-field>\n                        <mat-label>Suppliers</mat-label>\n                        <app-searchable-selector formControlName=\"supplier_ids\" [multiple]=\"true\" apiUrl=\"api/suppliers\"\n                            titleField=\"company_name\" sortBy=\"company_name|asc\"></app-searchable-selector>\n                    </mat-form-field>\n                </form>\n            </div>\n        </mat-card-content>\n    </mat-card>\n\n    <mat-card>\n        <mat-card-content class=\"p-0\">\n            <table mat-table [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n                [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort>\n\n                <!-- # Column -->\n                <ng-container matColumnDef=\"#\">\n                    <th mat-header-cell *matHeaderCellDef>#</th>\n                    <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n                </ng-container>\n\n                <!-- Date Column -->\n                <ng-container matColumnDef=\"date\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.date | date:'mediumDate' }}</td>\n                </ng-container>\n\n                <!-- PO # Column -->\n                <ng-container matColumnDef=\"po_number\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>PO #</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.po_number }}</td>\n                </ng-container>\n\n                <!-- Supplier Column -->\n                <ng-container matColumnDef=\"supplier\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.company_name }}</td>\n                </ng-container>\n\n                <!-- Details Column -->\n                <ng-container matColumnDef=\"details\">\n                    <th mat-header-cell *matHeaderCellDef>Details</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.particulars }}</td>\n                </ng-container>\n\n                <!-- Status Column -->\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Status</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.status }}</td>\n                </ng-container>\n\n                <!-- Items Column -->\n                <ng-container matColumnDef=\"items\">\n                    <th mat-header-cell *matHeaderCellDef>Items</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                        <span *ngFor=\"let item of element?.purchase_order_products; let last = last\">\n                            {{ item?.product?.name }}<span *ngIf=\"!last\">, </span>\n                        </span>\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef>Actions</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                        <span class=\"text-secondary\">\n                            <app-techlify-icon name='view' role='button' [routerLink]=\"element.id + '/view'\"\n                                matTooltip=\"View\"></app-techlify-icon>\n                            <app-techlify-icon name='edit' role='button' [routerLink]=\"'form/' + element.id\"\n                                matTooltip=\"Edit\"></app-techlify-icon>\n                        </span>\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n            </table>\n\n            <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n        </mat-card-content>\n    </mat-card>\n\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.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: i8.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i8.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i11.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "ngmodule", type: SearchableSelectorModule }, { kind: "component", type: i11.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: "ngmodule", type: RouterModule }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], preserveWhitespaces: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderListingComponent, decorators: [{
             type: Component,
@@ -57,7 +60,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TechlifyIconModule,
                         ReactiveFormsModule,
                         InfiniteScrollDirective,
-                        SearchableSelectorModule
-                    ], template: "<div class=\"d-flex flex-column gap-2\">\n\n    <mat-card>\n        <mat-card-content class='d-flex flex-row justify-content-between align-items-center'>\n            <div class='d-flex flex-row gap-2'>\n                <h5 class=\"mb-0\">Purchase Orders</h5>\n            </div>\n\n            <form [formGroup]='filterForm' class=\"d-flex flex-row gap-1\">\n                <mat-form-field class=\"mb-0\">\n                    <mat-label>Search</mat-label>\n                    <input matInput formControlName=\"search\">\n                </mat-form-field>\n\n                <mat-form-field>\n                    <mat-label>Suppliers</mat-label>\n                    <app-searchable-selector formControlName=\"supplier_ids\" [multiple]=\"true\"\n                        apiUrl=\"api/suppliers\" titleField=\"company_name\" sortBy=\"company_name|asc\"></app-searchable-selector>\n                </mat-form-field>\n            </form>\n        </mat-card-content>\n    </mat-card>\n\n    <mat-card>\n        <mat-card-content class=\"p-0\">\n            <table mat-table [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n                [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort>\n\n                <!-- # Column -->\n                <ng-container matColumnDef=\"#\">\n                    <th mat-header-cell *matHeaderCellDef>#</th>\n                    <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n                </ng-container>\n\n                <!-- Date Column -->\n                <ng-container matColumnDef=\"date\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.date | date:'mediumDate' }}</td>\n                </ng-container>\n\n                <!-- PO # Column -->\n                <ng-container matColumnDef=\"po_number\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>PO #</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.po_number }}</td>\n                </ng-container>\n\n                <!-- Supplier Column -->\n                <ng-container matColumnDef=\"supplier\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.company_name }}</td>\n                </ng-container>\n\n                <!-- Details Column -->\n                <ng-container matColumnDef=\"details\">\n                    <th mat-header-cell *matHeaderCellDef>Details</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.particulars }}</td>\n                </ng-container>\n\n                <!-- Status Column -->\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Status</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.status }}</td>\n                </ng-container>\n\n                <!-- Items Column -->\n                <ng-container matColumnDef=\"items\">\n                    <th mat-header-cell *matHeaderCellDef>Items</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                        <span *ngFor=\"let item of element?.purchase_order_products; let last = last\">\n                            {{ item?.product?.name }}<span *ngIf=\"!last\">, </span>\n                        </span>\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef>Actions</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n            </table>\n\n            <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n        </mat-card-content>\n    </mat-card>\n\n</div>" }]
+                        SearchableSelectorModule,
+                        RouterModule
+                    ], template: "<div class=\"d-flex flex-column gap-2\">\n\n    <mat-card>\n        <mat-card-content class='d-flex flex-row justify-content-between align-items-center'>\n            <div class='d-flex flex-row gap-2'>\n                <h5 class=\"mb-0\">Purchase Orders</h5>\n                <app-techlify-icon name='add' role='button' routerLink=\"form\"></app-techlify-icon>\n            </div>\n\n            <div class=\"d-flex flex-row gap-2 align-items-center\">\n                <form [formGroup]='filterForm' class=\"d-flex flex-row gap-1\">\n                    <mat-form-field class=\"mb-0\">\n                        <mat-label>Search</mat-label>\n                        <input matInput formControlName=\"search\">\n                    </mat-form-field>\n\n                    <mat-form-field>\n                        <mat-label>Suppliers</mat-label>\n                        <app-searchable-selector formControlName=\"supplier_ids\" [multiple]=\"true\" apiUrl=\"api/suppliers\"\n                            titleField=\"company_name\" sortBy=\"company_name|asc\"></app-searchable-selector>\n                    </mat-form-field>\n                </form>\n            </div>\n        </mat-card-content>\n    </mat-card>\n\n    <mat-card>\n        <mat-card-content class=\"p-0\">\n            <table mat-table [dataSource]=\"models\" class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n                [infiniteScrollThrottle]=\"50\" (scrolled)=\"onScroll()\" matSort>\n\n                <!-- # Column -->\n                <ng-container matColumnDef=\"#\">\n                    <th mat-header-cell *matHeaderCellDef>#</th>\n                    <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n                </ng-container>\n\n                <!-- Date Column -->\n                <ng-container matColumnDef=\"date\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.date | date:'mediumDate' }}</td>\n                </ng-container>\n\n                <!-- PO # Column -->\n                <ng-container matColumnDef=\"po_number\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>PO #</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.po_number }}</td>\n                </ng-container>\n\n                <!-- Supplier Column -->\n                <ng-container matColumnDef=\"supplier\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Supplier</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.supplier?.company_name }}</td>\n                </ng-container>\n\n                <!-- Details Column -->\n                <ng-container matColumnDef=\"details\">\n                    <th mat-header-cell *matHeaderCellDef>Details</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.particulars }}</td>\n                </ng-container>\n\n                <!-- Status Column -->\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Status</th>\n                    <td mat-cell *matCellDef=\"let element\">{{ element?.status }}</td>\n                </ng-container>\n\n                <!-- Items Column -->\n                <ng-container matColumnDef=\"items\">\n                    <th mat-header-cell *matHeaderCellDef>Items</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                        <span *ngFor=\"let item of element?.purchase_order_products; let last = last\">\n                            {{ item?.product?.name }}<span *ngIf=\"!last\">, </span>\n                        </span>\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef>Actions</th>\n                    <td mat-cell *matCellDef=\"let element\">\n                        <span class=\"text-secondary\">\n                            <app-techlify-icon name='view' role='button' [routerLink]=\"element.id + '/view'\"\n                                matTooltip=\"View\"></app-techlify-icon>\n                            <app-techlify-icon name='edit' role='button' [routerLink]=\"'form/' + element.id\"\n                                matTooltip=\"Edit\"></app-techlify-icon>\n                        </span>\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n            </table>\n\n            <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n        </mat-card-content>\n    </mat-card>\n\n</div>" }]
         }], ctorParameters: () => [{ type: i1.PurchaseOrderService }, { type: i2.FormBuilder }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyY2hhc2Utb3JkZXItbGlzdGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZlbnRvcnktY29tbW9uL3NyYy9saWIvaW52ZW50b3J5LWNvbW1vbi9zdXBwbGllci9wdXJjaGFzZS1vcmRlci9wdXJjaGFzZS1vcmRlci1saXN0aW5nL3B1cmNoYXNlLW9yZGVyLWxpc3RpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52ZW50b3J5LWNvbW1vbi9zcmMvbGliL2ludmVudG9yeS1jb21tb24vc3VwcGxpZXIvcHVyY2hhc2Utb3JkZXIvcHVyY2hhc2Utb3JkZXItbGlzdGluZy9wdXJjaGFzZS1vcmRlci1saXN0aW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtDQUFrQyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFM0YsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQWUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7Ozs7O0FBZ0I3RCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsa0NBQWtDO0lBa0JsRDtJQUNuQjtJQWpCSCx1QkFBdUIsR0FBUSxFQUFFLENBQUM7SUFFM0Msc0JBQXNCLEdBQWE7UUFDL0IsR0FBRztRQUNILE1BQU07UUFDTixXQUFXO1FBQ1gsVUFBVTtRQUNWLFNBQVM7UUFDVCxRQUFRO1FBQ1IsT0FBTztLQUNWLENBQUM7SUFFRixJQUFJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELFlBQStCLE9BQTZCLEVBQ2hELEVBQWU7UUFFdkIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBSFksWUFBTyxHQUFQLE9BQU8sQ0FBc0I7UUFDaEQsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQUd2QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQzVCLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNaLElBQUksRUFBRSx3Q0FBd0M7U0FDakQsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQzt3R0FoQ1EsNkJBQTZCOzRGQUE3Qiw2QkFBNkIsNkdDdkIxQyw2b0lBeUZNLHlERDFFRSxZQUFZLGtUQUNaLGNBQWMsdTRFQUNkLGtCQUFrQiw4QkFDbEIsbUJBQW1CLDY4QkFDbkIsdUJBQXVCLHlXQUN2Qix3QkFBd0I7OzRGQUduQiw2QkFBNkI7a0JBZHpDLFNBQVM7K0JBQ0ksNEJBQTRCLGNBRzFCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsd0JBQXdCO3FCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUZWNobGlmeUljb25Nb2R1bGUsIFRlY2hsaWZ5TGlzdGluZ0NvbnRyb2xsZXJJbnRlcmZhY2UgfSBmcm9tICduZ3gtdGVjaGxpZnktY29yZSc7XG5pbXBvcnQgeyBQdXJjaGFzZU9yZGVyU2VydmljZSB9IGZyb20gJy4uL3B1cmNoYXNlLW9yZGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vbWF0ZXJpYWwubW9kdWxlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW5maW5pdGVTY3JvbGxEaXJlY3RpdmUgfSBmcm9tICduZ3gtaW5maW5pdGUtc2Nyb2xsJztcbmltcG9ydCB7IFNlYXJjaGFibGVTZWxlY3Rvck1vZHVsZSB9IGZyb20gJ25neC10ZWNobGlmeS1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtcHVyY2hhc2Utb3JkZXItbGlzdGluZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cmNoYXNlLW9yZGVyLWxpc3RpbmcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3B1cmNoYXNlLW9yZGVyLWxpc3RpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgVGVjaGxpZnlJY29uTW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgICAgICBJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZSxcbiAgICAgICAgU2VhcmNoYWJsZVNlbGVjdG9yTW9kdWxlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBQdXJjaGFzZU9yZGVyTGlzdGluZ0NvbXBvbmVudCBleHRlbmRzIFRlY2hsaWZ5TGlzdGluZ0NvbnRyb2xsZXJJbnRlcmZhY2UgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgb3ZlcnJpZGUgZmlsdGVyRm9ybUNvbmZpZ3VyYXRpb246IGFueSA9IHt9O1xuXG4gICAgZGVmYXVsdFNlbGVjdGVkQ29sdW1uczogc3RyaW5nW10gPSBbXG4gICAgICAgICcjJyxcbiAgICAgICAgJ2RhdGUnLFxuICAgICAgICAncG9fbnVtYmVyJyxcbiAgICAgICAgJ3N1cHBsaWVyJyxcbiAgICAgICAgJ2RldGFpbHMnLFxuICAgICAgICAnc3RhdHVzJyxcbiAgICAgICAgJ2l0ZW1zJyxcbiAgICBdO1xuXG4gICAgZ2V0IGRpc3BsYXllZENvbHVtbnMoKTogc3RyaW5nW10ge1xuICAgICAgICByZXR1cm4gdGhpcy5kZWZhdWx0U2VsZWN0ZWRDb2x1bW5zLmNvbmNhdCgnYWN0aW9ucycpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBvdmVycmlkZSBzZXJ2aWNlOiBQdXJjaGFzZU9yZGVyU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXJcbiAgICApIHtcbiAgICAgICAgc3VwZXIoc2VydmljZSk7XG4gICAgICAgIHRoaXMuZmlsdGVyRm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgICAgICAgc2VhcmNoOiBbJyddLFxuICAgICAgICAgICAgd2l0aDogJ3N1cHBsaWVyLHB1cmNoYXNlT3JkZXJQcm9kdWN0cy5wcm9kdWN0JyxcbiAgICAgICAgfSlcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5wYXRjaEZpbHRlcnNGcm9tUm91dGUoKTtcbiAgICAgICAgdGhpcy5saXN0ZW5GaWx0ZXJDaGFuZ2VzKCk7XG4gICAgICAgIHRoaXMubG9hZERhdGEoKTtcbiAgICB9XG59IiwiPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBnYXAtMlwiPlxuXG4gICAgPG1hdC1jYXJkPlxuICAgICAgICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz0nZC1mbGV4IGZsZXgtcm93IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlcic+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPSdkLWZsZXggZmxleC1yb3cgZ2FwLTInPlxuICAgICAgICAgICAgICAgIDxoNSBjbGFzcz1cIm1iLTBcIj5QdXJjaGFzZSBPcmRlcnM8L2g1PlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxmb3JtIFtmb3JtR3JvdXBdPSdmaWx0ZXJGb3JtJyBjbGFzcz1cImQtZmxleCBmbGV4LXJvdyBnYXAtMVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cIm1iLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5TZWFyY2g8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPGlucHV0IG1hdElucHV0IGZvcm1Db250cm9sTmFtZT1cInNlYXJjaFwiPlxuICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG5cbiAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+U3VwcGxpZXJzPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIDxhcHAtc2VhcmNoYWJsZS1zZWxlY3RvciBmb3JtQ29udHJvbE5hbWU9XCJzdXBwbGllcl9pZHNcIiBbbXVsdGlwbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcGlVcmw9XCJhcGkvc3VwcGxpZXJzXCIgdGl0bGVGaWVsZD1cImNvbXBhbnlfbmFtZVwiIHNvcnRCeT1cImNvbXBhbnlfbmFtZXxhc2NcIj48L2FwcC1zZWFyY2hhYmxlLXNlbGVjdG9yPlxuICAgICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgICA8L21hdC1jYXJkPlxuXG4gICAgPG1hdC1jYXJkPlxuICAgICAgICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz1cInAtMFwiPlxuICAgICAgICAgICAgPHRhYmxlIG1hdC10YWJsZSBbZGF0YVNvdXJjZV09XCJtb2RlbHNcIiBjbGFzcz1cInctMTAwXCIgaW5maW5pdGVTY3JvbGwgW2luZmluaXRlU2Nyb2xsRGlzdGFuY2VdPVwiMlwiXG4gICAgICAgICAgICAgICAgW2luZmluaXRlU2Nyb2xsVGhyb3R0bGVdPVwiNTBcIiAoc2Nyb2xsZWQpPVwib25TY3JvbGwoKVwiIG1hdFNvcnQ+XG5cbiAgICAgICAgICAgICAgICA8IS0tICMgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiI1wiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPiM8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudDsgbGV0IGkgPSBpbmRleFwiPnt7IGkgKyAxIH19PC90ZD5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDwhLS0gRGF0ZSBDb2x1bW4gLS0+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkYXRlXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgbWF0LXNvcnQtaGVhZGVyPkRhdGU8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQ/LmRhdGUgfCBkYXRlOidtZWRpdW1EYXRlJyB9fTwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIFBPICMgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwicG9fbnVtYmVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgbWF0LXNvcnQtaGVhZGVyPlBPICM8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQ/LnBvX251bWJlciB9fTwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIFN1cHBsaWVyIENvbHVtbiAtLT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInN1cHBsaWVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgbWF0LXNvcnQtaGVhZGVyPlN1cHBsaWVyPC90aD5cbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50Py5zdXBwbGllcj8uY29tcGFueV9uYW1lIH19PC90ZD5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDwhLS0gRGV0YWlscyBDb2x1bW4gLS0+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZXRhaWxzXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+RGV0YWlsczwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudD8ucGFydGljdWxhcnMgfX08L3RkPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgPCEtLSBTdGF0dXMgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwic3RhdHVzXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgbWF0LXNvcnQtaGVhZGVyPlN0YXR1czwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudD8uc3RhdHVzIH19PC90ZD5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDwhLS0gSXRlbXMgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiaXRlbXNcIj5cbiAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5JdGVtczwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBlbGVtZW50Py5wdXJjaGFzZV9vcmRlcl9wcm9kdWN0czsgbGV0IGxhc3QgPSBsYXN0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbT8ucHJvZHVjdD8ubmFtZSB9fTxzcGFuICpuZ0lmPVwiIWxhc3RcIj4sIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDwhLS0gQWN0aW9ucyBDb2x1bW4gLS0+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJhY3Rpb25zXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+QWN0aW9uczwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImRpc3BsYXllZENvbHVtbnNcIj48L3RyPlxuICAgICAgICAgICAgICAgIDx0ciBtYXQtcm93ICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBkaXNwbGF5ZWRDb2x1bW5zXCI+PC90cj5cbiAgICAgICAgICAgIDwvdGFibGU+XG5cbiAgICAgICAgICAgIDxtYXQtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwiaXNXb3JraW5nXCIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIj48L21hdC1wcm9ncmVzcy1iYXI+XG4gICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgICA8L21hdC1jYXJkPlxuXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyY2hhc2Utb3JkZXItbGlzdGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZlbnRvcnktY29tbW9uL3NyYy9saWIvaW52ZW50b3J5LWNvbW1vbi9zdXBwbGllci9wdXJjaGFzZS1vcmRlci9wdXJjaGFzZS1vcmRlci1saXN0aW5nL3B1cmNoYXNlLW9yZGVyLWxpc3RpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52ZW50b3J5LWNvbW1vbi9zcmMvbGliL2ludmVudG9yeS1jb21tb24vc3VwcGxpZXIvcHVyY2hhc2Utb3JkZXIvcHVyY2hhc2Utb3JkZXItbGlzdGluZy9wdXJjaGFzZS1vcmRlci1saXN0aW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGtDQUFrQyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFM0YsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQWUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBaUIvQyxNQUFNLE9BQU8sNkJBQThCLFNBQVEsa0NBQWtDO0lBa0JsRDtJQUNuQjtJQWpCSCx1QkFBdUIsR0FBUSxFQUFFLENBQUM7SUFFM0Msc0JBQXNCLEdBQWE7UUFDL0IsR0FBRztRQUNILE1BQU07UUFDTixXQUFXO1FBQ1gsVUFBVTtRQUNWLFNBQVM7UUFDVCxRQUFRO1FBQ1IsT0FBTztLQUNWLENBQUM7SUFFRixJQUFJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELFlBQStCLE9BQTZCLEVBQ2hELEVBQWU7UUFFdkIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBSFksWUFBTyxHQUFQLE9BQU8sQ0FBc0I7UUFDaEQsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQUd2QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQzVCLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNaLElBQUksRUFBRSx3Q0FBd0M7U0FDakQsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQzt3R0FoQ1EsNkJBQTZCOzRGQUE3Qiw2QkFBNkIsNkdDekIxQyx1MEpBa0dNLHlERGxGRSxZQUFZLGtUQUNaLGNBQWMsc3FGQUNkLGtCQUFrQiwrSUFDbEIsbUJBQW1CLDY4QkFDbkIsdUJBQXVCLHlXQUN2Qix3QkFBd0IsbWhCQUN4QixZQUFZOzs0RkFHUCw2QkFBNkI7a0JBZnpDLFNBQVM7K0JBQ0ksNEJBQTRCLGNBRzFCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsd0JBQXdCO3dCQUN4QixZQUFZO3FCQUNmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRlY2hsaWZ5SWNvbk1vZHVsZSwgVGVjaGxpZnlMaXN0aW5nQ29udHJvbGxlckludGVyZmFjZSB9IGZyb20gJ25neC10ZWNobGlmeS1jb3JlJztcbmltcG9ydCB7IFB1cmNoYXNlT3JkZXJTZXJ2aWNlIH0gZnJvbSAnLi4vcHVyY2hhc2Utb3JkZXIuc2VydmljZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9tYXRlcmlhbC5tb2R1bGUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZSB9IGZyb20gJ25neC1pbmZpbml0ZS1zY3JvbGwnO1xuaW1wb3J0IHsgU2VhcmNoYWJsZVNlbGVjdG9yTW9kdWxlIH0gZnJvbSAnbmd4LXRlY2hsaWZ5LWNvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtcHVyY2hhc2Utb3JkZXItbGlzdGluZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cmNoYXNlLW9yZGVyLWxpc3RpbmcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3B1cmNoYXNlLW9yZGVyLWxpc3RpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICAgICAgVGVjaGxpZnlJY29uTW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgICAgICBJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZSxcbiAgICAgICAgU2VhcmNoYWJsZVNlbGVjdG9yTW9kdWxlLFxuICAgICAgICBSb3V0ZXJNb2R1bGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFB1cmNoYXNlT3JkZXJMaXN0aW5nQ29tcG9uZW50IGV4dGVuZHMgVGVjaGxpZnlMaXN0aW5nQ29udHJvbGxlckludGVyZmFjZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBvdmVycmlkZSBmaWx0ZXJGb3JtQ29uZmlndXJhdGlvbjogYW55ID0ge307XG5cbiAgICBkZWZhdWx0U2VsZWN0ZWRDb2x1bW5zOiBzdHJpbmdbXSA9IFtcbiAgICAgICAgJyMnLFxuICAgICAgICAnZGF0ZScsXG4gICAgICAgICdwb19udW1iZXInLFxuICAgICAgICAnc3VwcGxpZXInLFxuICAgICAgICAnZGV0YWlscycsXG4gICAgICAgICdzdGF0dXMnLFxuICAgICAgICAnaXRlbXMnLFxuICAgIF07XG5cbiAgICBnZXQgZGlzcGxheWVkQ29sdW1ucygpOiBzdHJpbmdbXSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRlZmF1bHRTZWxlY3RlZENvbHVtbnMuY29uY2F0KCdhY3Rpb25zJyk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIG92ZXJyaWRlIHNlcnZpY2U6IFB1cmNoYXNlT3JkZXJTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGZiOiBGb3JtQnVpbGRlclxuICAgICkge1xuICAgICAgICBzdXBlcihzZXJ2aWNlKTtcbiAgICAgICAgdGhpcy5maWx0ZXJGb3JtID0gdGhpcy5mYi5ncm91cCh7XG4gICAgICAgICAgICBzZWFyY2g6IFsnJ10sXG4gICAgICAgICAgICB3aXRoOiAnc3VwcGxpZXIscHVyY2hhc2VPcmRlclByb2R1Y3RzLnByb2R1Y3QnLFxuICAgICAgICB9KVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnBhdGNoRmlsdGVyc0Zyb21Sb3V0ZSgpO1xuICAgICAgICB0aGlzLmxpc3RlbkZpbHRlckNoYW5nZXMoKTtcbiAgICAgICAgdGhpcy5sb2FkRGF0YSgpO1xuICAgIH1cbn0iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGdhcC0yXCI+XG5cbiAgICA8bWF0LWNhcmQ+XG4gICAgICAgIDxtYXQtY2FyZC1jb250ZW50IGNsYXNzPSdkLWZsZXggZmxleC1yb3cganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyJz5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9J2QtZmxleCBmbGV4LXJvdyBnYXAtMic+XG4gICAgICAgICAgICAgICAgPGg1IGNsYXNzPVwibWItMFwiPlB1cmNoYXNlIE9yZGVyczwvaDU+XG4gICAgICAgICAgICAgICAgPGFwcC10ZWNobGlmeS1pY29uIG5hbWU9J2FkZCcgcm9sZT0nYnV0dG9uJyByb3V0ZXJMaW5rPVwiZm9ybVwiPjwvYXBwLXRlY2hsaWZ5LWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LXJvdyBnYXAtMiBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8Zm9ybSBbZm9ybUdyb3VwXT0nZmlsdGVyRm9ybScgY2xhc3M9XCJkLWZsZXggZmxleC1yb3cgZ2FwLTFcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwibWItMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5TZWFyY2g8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBmb3JtQ29udHJvbE5hbWU9XCJzZWFyY2hcIj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cblxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPlN1cHBsaWVyczwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGFwcC1zZWFyY2hhYmxlLXNlbGVjdG9yIGZvcm1Db250cm9sTmFtZT1cInN1cHBsaWVyX2lkc1wiIFttdWx0aXBsZV09XCJ0cnVlXCIgYXBpVXJsPVwiYXBpL3N1cHBsaWVyc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGVGaWVsZD1cImNvbXBhbnlfbmFtZVwiIHNvcnRCeT1cImNvbXBhbnlfbmFtZXxhc2NcIj48L2FwcC1zZWFyY2hhYmxlLXNlbGVjdG9yPlxuICAgICAgICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XG4gICAgPC9tYXQtY2FyZD5cblxuICAgIDxtYXQtY2FyZD5cbiAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQgY2xhc3M9XCJwLTBcIj5cbiAgICAgICAgICAgIDx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwibW9kZWxzXCIgY2xhc3M9XCJ3LTEwMFwiIGluZmluaXRlU2Nyb2xsIFtpbmZpbml0ZVNjcm9sbERpc3RhbmNlXT1cIjJcIlxuICAgICAgICAgICAgICAgIFtpbmZpbml0ZVNjcm9sbFRocm90dGxlXT1cIjUwXCIgKHNjcm9sbGVkKT1cIm9uU2Nyb2xsKClcIiBtYXRTb3J0PlxuXG4gICAgICAgICAgICAgICAgPCEtLSAjIENvbHVtbiAtLT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cIiNcIj5cbiAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj4jPC90aD5cbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnQ7IGxldCBpID0gaW5kZXhcIj57eyBpICsgMSB9fTwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIERhdGUgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIG1hdC1zb3J0LWhlYWRlcj5EYXRlPC90aD5cbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50Py5kYXRlIHwgZGF0ZTonbWVkaXVtRGF0ZScgfX08L3RkPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgPCEtLSBQTyAjIENvbHVtbiAtLT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInBvX251bWJlclwiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIG1hdC1zb3J0LWhlYWRlcj5QTyAjPC90aD5cbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50Py5wb19udW1iZXIgfX08L3RkPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgPCEtLSBTdXBwbGllciBDb2x1bW4gLS0+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJzdXBwbGllclwiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIG1hdC1zb3J0LWhlYWRlcj5TdXBwbGllcjwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudD8uc3VwcGxpZXI/LmNvbXBhbnlfbmFtZSB9fTwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIERldGFpbHMgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkRldGFpbHM8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQ/LnBhcnRpY3VsYXJzIH19PC90ZD5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDwhLS0gU3RhdHVzIENvbHVtbiAtLT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInN0YXR1c1wiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIG1hdC1zb3J0LWhlYWRlcj5TdGF0dXM8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQ/LnN0YXR1cyB9fTwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIEl0ZW1zIENvbHVtbiAtLT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cIml0ZW1zXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+SXRlbXM8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZWxlbWVudD8ucHVyY2hhc2Vfb3JkZXJfcHJvZHVjdHM7IGxldCBsYXN0ID0gbGFzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0/LnByb2R1Y3Q/Lm5hbWUgfX08c3BhbiAqbmdJZj1cIiFsYXN0XCI+LCA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIEFjdGlvbnMgQ29sdW1uIC0tPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkFjdGlvbnM8L3RoPlxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXNlY29uZGFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtdGVjaGxpZnktaWNvbiBuYW1lPSd2aWV3JyByb2xlPSdidXR0b24nIFtyb3V0ZXJMaW5rXT1cImVsZW1lbnQuaWQgKyAnL3ZpZXcnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cIlZpZXdcIj48L2FwcC10ZWNobGlmeS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtdGVjaGxpZnktaWNvbiBuYW1lPSdlZGl0JyByb2xlPSdidXR0b24nIFtyb3V0ZXJMaW5rXT1cIidmb3JtLycgKyBlbGVtZW50LmlkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cIkVkaXRcIj48L2FwcC10ZWNobGlmeS1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5ZWRDb2x1bW5zXCI+PC90cj5cbiAgICAgICAgICAgICAgICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogZGlzcGxheWVkQ29sdW1uc1wiPjwvdHI+XG4gICAgICAgICAgICA8L3RhYmxlPlxuXG4gICAgICAgICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cImlzV29ya2luZ1wiIG1vZGU9XCJpbmRldGVybWluYXRlXCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxuICAgICAgICA8L21hdC1jYXJkLWNvbnRlbnQ+XG4gICAgPC9tYXQtY2FyZD5cblxuPC9kaXY+Il19

package/esm2022/lib/inventory-common/supplier/purchase-order/purchase-order-product-list/purchase-order-product-list.component.mjs

@@ -0,0 +1,27 @@
+import { Component, input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MaterialModule } from '../../../material.module';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/card";
+import * as i2 from "@angular/material/sort";
+import * as i3 from "@angular/material/table";
+export class PurchaseOrderProductListComponent {
+    products = input([]);
+    displayedColumns = [
+        '#',
+        'product',
+        'quantity',
+        'unit',
+        'details'
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderProductListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: PurchaseOrderProductListComponent, isStandalone: true, selector: "app-purchase-order-product-list", inputs: { products: { classPropertyName: "products", publicName: "products", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mat-card class=\"w-100\">\n    <mat-card-content>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <strong>Products</strong>\n        </div>\n\n        <table mat-table [dataSource]=\"products()\" class=\"w-100\" matSort>\n            <!-- # Column -->\n            <ng-container matColumnDef=\"#\">\n                <th mat-header-cell *matHeaderCellDef>#</th>\n                <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n            </ng-container>\n\n            <!-- Product Column -->\n            <ng-container matColumnDef=\"product\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Product</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.product?.name }}</td>\n            </ng-container>\n\n            <!-- Quantity Column -->\n            <ng-container matColumnDef=\"quantity\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.quantity }}</td>\n            </ng-container>\n\n            <!-- Unit Column -->\n            <ng-container matColumnDef=\"unit\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Unit</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.unit?.title }}</td>\n            </ng-container>\n\n            <!-- Details Column -->\n            <ng-container matColumnDef=\"details\">\n                <th mat-header-cell *matHeaderCellDef>Details</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n    </mat-card-content>\n</mat-card>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderProductListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-purchase-order-product-list', standalone: true, imports: [
+                        CommonModule,
+                        MaterialModule,
+                    ], template: "<mat-card class=\"w-100\">\n    <mat-card-content>\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <strong>Products</strong>\n        </div>\n\n        <table mat-table [dataSource]=\"products()\" class=\"w-100\" matSort>\n            <!-- # Column -->\n            <ng-container matColumnDef=\"#\">\n                <th mat-header-cell *matHeaderCellDef>#</th>\n                <td mat-cell *matCellDef=\"let element; let i = index\">{{ i + 1 }}</td>\n            </ng-container>\n\n            <!-- Product Column -->\n            <ng-container matColumnDef=\"product\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Product</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.product?.name }}</td>\n            </ng-container>\n\n            <!-- Quantity Column -->\n            <ng-container matColumnDef=\"quantity\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Quantity</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.quantity }}</td>\n            </ng-container>\n\n            <!-- Unit Column -->\n            <ng-container matColumnDef=\"unit\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header>Unit</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.unit?.title }}</td>\n            </ng-container>\n\n            <!-- Details Column -->\n            <ng-container matColumnDef=\"details\">\n                <th mat-header-cell *matHeaderCellDef>Details</th>\n                <td mat-cell *matCellDef=\"let element\">{{ element?.details }}</td>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n        </table>\n    </mat-card-content>\n</mat-card>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyY2hhc2Utb3JkZXItcHJvZHVjdC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ludmVudG9yeS1jb21tb24vc3JjL2xpYi9pbnZlbnRvcnktY29tbW9uL3N1cHBsaWVyL3B1cmNoYXNlLW9yZGVyL3B1cmNoYXNlLW9yZGVyLXByb2R1Y3QtbGlzdC9wdXJjaGFzZS1vcmRlci1wcm9kdWN0LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52ZW50b3J5LWNvbW1vbi9zcmMvbGliL2ludmVudG9yeS1jb21tb24vc3VwcGxpZXIvcHVyY2hhc2Utb3JkZXIvcHVyY2hhc2Utb3JkZXItcHJvZHVjdC1saXN0L3B1cmNoYXNlLW9yZGVyLXByb2R1Y3QtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFXMUQsTUFBTSxPQUFPLGlDQUFpQztJQUUxQyxRQUFRLEdBQUcsS0FBSyxDQUFNLEVBQUUsQ0FBQyxDQUFDO0lBRTFCLGdCQUFnQixHQUFhO1FBQ3pCLEdBQUc7UUFDSCxTQUFTO1FBQ1QsVUFBVTtRQUNWLE1BQU07UUFDTixTQUFTO0tBQ1osQ0FBQzt3R0FWTyxpQ0FBaUM7NEZBQWpDLGlDQUFpQyx3T0NiOUMsdTJEQXlDVywyQ0RoQ0gsWUFBWSw4QkFDWixjQUFjOzs0RkFHVCxpQ0FBaUM7a0JBVDdDLFNBQVM7K0JBQ0ksaUNBQWlDLGNBRS9CLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7cUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgSW5wdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vbWF0ZXJpYWwubW9kdWxlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtcHVyY2hhc2Utb3JkZXItcHJvZHVjdC1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyY2hhc2Utb3JkZXItcHJvZHVjdC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBQdXJjaGFzZU9yZGVyUHJvZHVjdExpc3RDb21wb25lbnQge1xuXG4gICAgcHJvZHVjdHMgPSBpbnB1dDxhbnk+KFtdKTtcblxuICAgIGRpc3BsYXllZENvbHVtbnM6IHN0cmluZ1tdID0gW1xuICAgICAgICAnIycsXG4gICAgICAgICdwcm9kdWN0JyxcbiAgICAgICAgJ3F1YW50aXR5JyxcbiAgICAgICAgJ3VuaXQnLFxuICAgICAgICAnZGV0YWlscydcbiAgICBdO1xufVxuIiwiPG1hdC1jYXJkIGNsYXNzPVwidy0xMDBcIj5cbiAgICA8bWF0LWNhcmQtY29udGVudD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXIgbWItMlwiPlxuICAgICAgICAgICAgPHN0cm9uZz5Qcm9kdWN0czwvc3Ryb25nPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8dGFibGUgbWF0LXRhYmxlIFtkYXRhU291cmNlXT1cInByb2R1Y3RzKClcIiBjbGFzcz1cInctMTAwXCIgbWF0U29ydD5cbiAgICAgICAgICAgIDwhLS0gIyBDb2x1bW4gLS0+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cIiNcIj5cbiAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPiM8L3RoPlxuICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50OyBsZXQgaSA9IGluZGV4XCI+e3sgaSArIDEgfX08L3RkPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDwhLS0gUHJvZHVjdCBDb2x1bW4gLS0+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInByb2R1Y3RcIj5cbiAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIG1hdC1zb3J0LWhlYWRlcj5Qcm9kdWN0PC90aD5cbiAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQ/LnByb2R1Y3Q/Lm5hbWUgfX08L3RkPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDwhLS0gUXVhbnRpdHkgQ29sdW1uIC0tPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJxdWFudGl0eVwiPlxuICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWYgbWF0LXNvcnQtaGVhZGVyPlF1YW50aXR5PC90aD5cbiAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQ/LnF1YW50aXR5IH19PC90ZD5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8IS0tIFVuaXQgQ29sdW1uIC0tPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJ1bml0XCI+XG4gICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZiBtYXQtc29ydC1oZWFkZXI+VW5pdDwvdGg+XG4gICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50Py51bml0Py50aXRsZSB9fTwvdGQ+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPCEtLSBEZXRhaWxzIENvbHVtbiAtLT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+RGV0YWlsczwvdGg+XG4gICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50Py5kZXRhaWxzIH19PC90ZD5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImRpc3BsYXllZENvbHVtbnNcIj48L3RyPlxuICAgICAgICAgICAgPHRyIG1hdC1yb3cgKm1hdFJvd0RlZj1cImxldCByb3c7IGNvbHVtbnM6IGRpc3BsYXllZENvbHVtbnNcIj48L3RyPlxuICAgICAgICA8L3RhYmxlPlxuICAgIDwvbWF0LWNhcmQtY29udGVudD5cbjwvbWF0LWNhcmQ+Il19

package/esm2022/lib/inventory-common/supplier/purchase-order/purchase-order-view/purchase-order-view.component.mjs

@@ -0,0 +1,63 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { MaterialModule } from '../../../material.module';
+import { NoteModule, TechlifyIconModule } from 'ngx-techlify-core';
+import { PurchaseOrderProductListComponent } from '../purchase-order-product-list/purchase-order-product-list.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../purchase-order.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/card";
+import * as i5 from "@angular/material/progress-bar";
+import * as i6 from "ngx-techlify-core";
+export class PurchaseOrderViewComponent {
+    activatedRoute;
+    service;
+    location;
+    id;
+    isLoading;
+    purchaseOrder;
+    constructor(activatedRoute, service, location) {
+        this.activatedRoute = activatedRoute;
+        this.service = service;
+        this.location = location;
+    }
+    ngOnInit() {
+        this.activatedRoute.params.subscribe(params => {
+            this.id = parseInt(params['id']);
+            if (this.id) {
+                this.loadData();
+            }
+        });
+    }
+    loadData() {
+        this.isLoading = true;
+        this.service.show(this.id, { with: 'supplier,purchaseOrderProducts.product,purchaseOrderProducts.unit' }).subscribe({
+            next: (response) => {
+                this.purchaseOrder = response?.item;
+                this.isLoading = false;
+            },
+            error: () => {
+                this.isLoading = false;
+            }
+        });
+    }
+    redirectBack() {
+        this.location.back();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderViewComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.PurchaseOrderService }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PurchaseOrderViewComponent, isStandalone: true, selector: "app-purchase-order-view", ngImport: i0, template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"purchaseOrder\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 400px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\">ungroup</span>\n                        <strong class=\"mb-0 text-dark\">PO #{{ purchaseOrder?.po_number }}</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-techlify-icon role='button' name='edit' class='text-secondary'\n                            [routerLink]=\"['/inventory/suppliers/purchase-orders/form', purchaseOrder?.id]\"></app-techlify-icon>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-wrap justify-content-between gap-2 mt-3\">\n                    <!-- Date -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.date\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Date</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.date | date:'mediumDate' }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- PO # -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.po_number\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">PO #</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.po_number }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Supplier -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.supplier\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-dark\"\n                                    [routerLink]=\"['/inventory/suppliers', purchaseOrder?.supplier?.id, 'view']\">\n                                    {{ purchaseOrder?.supplier?.company_name }}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Details -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.details\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Details</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.details }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"PurchaseOrder\"\n                [relatedModelId]=\"purchaseOrder?.id\"></app-note-list>\n        </div>\n\n        <app-purchase-order-product-list class='w-100' [products]=\"purchaseOrder?.purchase_order_products || []\"></app-purchase-order-product-list>\n    </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NoteModule }, { kind: "component", type: i6.NoteListComponent, selector: "app-note-list", inputs: ["relatedModelId", "modelType", "readonly", "labelText", "commentsView", "viewMode"] }, { kind: "ngmodule", type: TechlifyIconModule }, { kind: "component", type: i6.TechlifyIconComponent, selector: "app-techlify-icon", inputs: ["name", "size"] }, { kind: "component", type: PurchaseOrderProductListComponent, selector: "app-purchase-order-product-list", inputs: ["products"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PurchaseOrderViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-purchase-order-view', standalone: true, imports: [
+                        CommonModule,
+                        MaterialModule,
+                        RouterLink,
+                        NoteModule,
+                        TechlifyIconModule,
+                        PurchaseOrderProductListComponent
+                    ], template: "<mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n\n<div *ngIf=\"purchaseOrder\" class=\"d-flex flex-column justify-content-start gap-2\">\n    <div class=\"d-flex justify-content-start align-items-start gap-2\">\n        <div class=\"d-flex flex-column gap-2\" style=\"width: 400px\">\n            <mat-card>\n                <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <span class=\"material-symbols-outlined\">ungroup</span>\n                        <strong class=\"mb-0 text-dark\">PO #{{ purchaseOrder?.po_number }}</strong>\n                    </div>\n                    <div class=\"d-flex justify-content-start align-items-center gap-2\">\n                        <app-techlify-icon role='button' name='edit' class='text-secondary'\n                            [routerLink]=\"['/inventory/suppliers/purchase-orders/form', purchaseOrder?.id]\"></app-techlify-icon>\n                    </div>\n                </mat-card-content>\n                <mat-card-content class=\"d-flex flex-wrap justify-content-between gap-2 mt-3\">\n                    <!-- Date -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.date\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Date</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.date | date:'mediumDate' }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- PO # -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.po_number\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">PO #</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.po_number }}</p>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Supplier -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.supplier\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Supplier</small>\n                                <a class=\"text-decoration-none text-dark\"\n                                    [routerLink]=\"['/inventory/suppliers', purchaseOrder?.supplier?.id, 'view']\">\n                                    {{ purchaseOrder?.supplier?.company_name }}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Details -->\n                    <div class=\"row\" *ngIf=\"purchaseOrder?.details\">\n                        <div class=\"col-12\">\n                            <div class=\"d-flex flex-column gap-0\">\n                                <small class=\"text-secondary\">Details</small>\n                                <p class=\"mb-0\">{{ purchaseOrder?.details }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </mat-card-content>\n            </mat-card>\n\n            <app-note-list labelText=\"Notes\" viewMode=\"timeline\" modelType=\"PurchaseOrder\"\n                [relatedModelId]=\"purchaseOrder?.id\"></app-note-list>\n        </div>\n\n        <app-purchase-order-product-list class='w-100' [products]=\"purchaseOrder?.purchase_order_products || []\"></app-purchase-order-product-list>\n    </div>\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.PurchaseOrderService }, { type: i3.Location }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyY2hhc2Utb3JkZXItdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZlbnRvcnktY29tbW9uL3NyYy9saWIvaW52ZW50b3J5LWNvbW1vbi9zdXBwbGllci9wdXJjaGFzZS1vcmRlci9wdXJjaGFzZS1vcmRlci12aWV3L3B1cmNoYXNlLW9yZGVyLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52ZW50b3J5LWNvbW1vbi9zcmMvbGliL2ludmVudG9yeS1jb21tb24vc3VwcGxpZXIvcHVyY2hhc2Utb3JkZXIvcHVyY2hhc2Utb3JkZXItdmlldy9wdXJjaGFzZS1vcmRlci12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRTFELE9BQU8sRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQzs7Ozs7Ozs7QUFlekgsTUFBTSxPQUFPLDBCQUEwQjtJQU92QjtJQUNBO0lBQ0E7SUFQWixFQUFFLENBQVU7SUFDWixTQUFTLENBQVc7SUFDcEIsYUFBYSxDQUFPO0lBRXBCLFlBQ1ksY0FBOEIsRUFDOUIsT0FBNkIsRUFDN0IsUUFBa0I7UUFGbEIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLFlBQU8sR0FBUCxPQUFPLENBQXNCO1FBQzdCLGFBQVEsR0FBUixRQUFRLENBQVU7SUFDMUIsQ0FBQztJQUVMLFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDMUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDakMsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7Z0JBQ1YsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3BCLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxtRUFBbUUsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQ2hILElBQUksRUFBRSxDQUFDLFFBQWEsRUFBRSxFQUFFO2dCQUNwQixJQUFJLENBQUMsYUFBYSxHQUFHLFFBQVEsRUFBRSxJQUFJLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQzNCLENBQUM7WUFDRCxLQUFLLEVBQUUsR0FBRyxFQUFFO2dCQUNSLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQzNCLENBQUM7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzt3R0FwQ1EsMEJBQTBCOzRGQUExQiwwQkFBMEIsbUZDckJ2QyxteEhBb0VNLDJDRHZERSxZQUFZLHFMQUNaLGNBQWMscVpBQ2QsVUFBVSxtT0FDVixVQUFVLDBNQUNWLGtCQUFrQiwrSUFDbEIsaUNBQWlDOzs0RkFHNUIsMEJBQTBCO2tCQWJ0QyxTQUFTOytCQUNJLHlCQUF5QixjQUV2QixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixrQkFBa0I7d0JBQ2xCLGlDQUFpQztxQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyTGluayB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL21hdGVyaWFsLm1vZHVsZSc7XG5pbXBvcnQgeyBQdXJjaGFzZU9yZGVyU2VydmljZSB9IGZyb20gJy4uL3B1cmNoYXNlLW9yZGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgTm90ZU1vZHVsZSwgVGVjaGxpZnlJY29uTW9kdWxlIH0gZnJvbSAnbmd4LXRlY2hsaWZ5LWNvcmUnO1xuaW1wb3J0IHsgUHVyY2hhc2VPcmRlclByb2R1Y3RMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi4vcHVyY2hhc2Utb3JkZXItcHJvZHVjdC1saXN0L3B1cmNoYXNlLW9yZGVyLXByb2R1Y3QtbGlzdC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1wdXJjaGFzZS1vcmRlci12aWV3JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyY2hhc2Utb3JkZXItdmlldy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0ZXJpYWxNb2R1bGUsXG4gICAgICAgIFJvdXRlckxpbmssXG4gICAgICAgIE5vdGVNb2R1bGUsXG4gICAgICAgIFRlY2hsaWZ5SWNvbk1vZHVsZSxcbiAgICAgICAgUHVyY2hhc2VPcmRlclByb2R1Y3RMaXN0Q29tcG9uZW50XG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUHVyY2hhc2VPcmRlclZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgaWQhOiBudW1iZXI7XG4gICAgaXNMb2FkaW5nITogYm9vbGVhbjtcbiAgICBwdXJjaGFzZU9yZGVyITogYW55O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgYWN0aXZhdGVkUm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgICAgICBwcml2YXRlIHNlcnZpY2U6IFB1cmNoYXNlT3JkZXJTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGxvY2F0aW9uOiBMb2NhdGlvblxuICAgICkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5hY3RpdmF0ZWRSb3V0ZS5wYXJhbXMuc3Vic2NyaWJlKHBhcmFtcyA9PiB7XG4gICAgICAgICAgICB0aGlzLmlkID0gcGFyc2VJbnQocGFyYW1zWydpZCddKTtcbiAgICAgICAgICAgIGlmICh0aGlzLmlkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2FkRGF0YSgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBsb2FkRGF0YSgpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLnNlcnZpY2Uuc2hvdyh0aGlzLmlkLCB7IHdpdGg6ICdzdXBwbGllcixwdXJjaGFzZU9yZGVyUHJvZHVjdHMucHJvZHVjdCxwdXJjaGFzZU9yZGVyUHJvZHVjdHMudW5pdCcgfSkuc3Vic2NyaWJlKHtcbiAgICAgICAgICAgIG5leHQ6IChyZXNwb25zZTogYW55KSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5wdXJjaGFzZU9yZGVyID0gcmVzcG9uc2U/Lml0ZW07XG4gICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBlcnJvcjogKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHJlZGlyZWN0QmFjaygpIHtcbiAgICAgICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XG4gICAgfVxufVxuIiwiPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIiAqbmdJZj1cImlzTG9hZGluZ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cblxuPGRpdiAqbmdJZj1cInB1cmNoYXNlT3JkZXJcIiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBqdXN0aWZ5LWNvbnRlbnQtc3RhcnQgZ2FwLTJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1zdGFydCBhbGlnbi1pdGVtcy1zdGFydCBnYXAtMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGdhcC0yXCIgc3R5bGU9XCJ3aWR0aDogNDAwcHhcIj5cbiAgICAgICAgICAgIDxtYXQtY2FyZD5cbiAgICAgICAgICAgICAgICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtc3RhcnQgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj51bmdyb3VwPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHN0cm9uZyBjbGFzcz1cIm1iLTAgdGV4dC1kYXJrXCI+UE8gI3t7IHB1cmNoYXNlT3JkZXI/LnBvX251bWJlciB9fTwvc3Ryb25nPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtc3RhcnQgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YXBwLXRlY2hsaWZ5LWljb24gcm9sZT0nYnV0dG9uJyBuYW1lPSdlZGl0JyBjbGFzcz0ndGV4dC1zZWNvbmRhcnknXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiWycvaW52ZW50b3J5L3N1cHBsaWVycy9wdXJjaGFzZS1vcmRlcnMvZm9ybScsIHB1cmNoYXNlT3JkZXI/LmlkXVwiPjwvYXBwLXRlY2hsaWZ5LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgICAgICAgICAgICAgICA8bWF0LWNhcmQtY29udGVudCBjbGFzcz1cImQtZmxleCBmbGV4LXdyYXAganVzdGlmeS1jb250ZW50LWJldHdlZW4gZ2FwLTIgbXQtM1wiPlxuICAgICAgICAgICAgICAgICAgICA8IS0tIERhdGUgLS0+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiAqbmdJZj1cInB1cmNoYXNlT3JkZXI/LmRhdGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGdhcC0wXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbCBjbGFzcz1cInRleHQtc2Vjb25kYXJ5XCI+RGF0ZTwvc21hbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwibWItMFwiPnt7IHB1cmNoYXNlT3JkZXI/LmRhdGUgfCBkYXRlOidtZWRpdW1EYXRlJyB9fTwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgICAgICA8IS0tIFBPICMgLS0+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiAqbmdJZj1cInB1cmNoYXNlT3JkZXI/LnBvX251bWJlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gZ2FwLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNtYWxsIGNsYXNzPVwidGV4dC1zZWNvbmRhcnlcIj5QTyAjPC9zbWFsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJtYi0wXCI+e3sgcHVyY2hhc2VPcmRlcj8ucG9fbnVtYmVyIH19PC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gU3VwcGxpZXIgLS0+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiAqbmdJZj1cInB1cmNoYXNlT3JkZXI/LnN1cHBsaWVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBnYXAtMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgY2xhc3M9XCJ0ZXh0LXNlY29uZGFyeVwiPlN1cHBsaWVyPC9zbWFsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGEgY2xhc3M9XCJ0ZXh0LWRlY29yYXRpb24tbm9uZSB0ZXh0LWRhcmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiWycvaW52ZW50b3J5L3N1cHBsaWVycycsIHB1cmNoYXNlT3JkZXI/LnN1cHBsaWVyPy5pZCwgJ3ZpZXcnXVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgcHVyY2hhc2VPcmRlcj8uc3VwcGxpZXI/LmNvbXBhbnlfbmFtZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSBEZXRhaWxzIC0tPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCIgKm5nSWY9XCJwdXJjaGFzZU9yZGVyPy5kZXRhaWxzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBnYXAtMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgY2xhc3M9XCJ0ZXh0LXNlY29uZGFyeVwiPkRldGFpbHM8L3NtYWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm1iLTBcIj57eyBwdXJjaGFzZU9yZGVyPy5kZXRhaWxzIH19PC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgICAgICAgICAgIDwvbWF0LWNhcmQ+XG5cbiAgICAgICAgICAgIDxhcHAtbm90ZS1saXN0IGxhYmVsVGV4dD1cIk5vdGVzXCIgdmlld01vZGU9XCJ0aW1lbGluZVwiIG1vZGVsVHlwZT1cIlB1cmNoYXNlT3JkZXJcIlxuICAgICAgICAgICAgICAgIFtyZWxhdGVkTW9kZWxJZF09XCJwdXJjaGFzZU9yZGVyPy5pZFwiPjwvYXBwLW5vdGUtbGlzdD5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGFwcC1wdXJjaGFzZS1vcmRlci1wcm9kdWN0LWxpc3QgY2xhc3M9J3ctMTAwJyBbcHJvZHVjdHNdPVwicHVyY2hhc2VPcmRlcj8ucHVyY2hhc2Vfb3JkZXJfcHJvZHVjdHMgfHwgW11cIj48L2FwcC1wdXJjaGFzZS1vcmRlci1wcm9kdWN0LWxpc3Q+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=