techlify-inventory-common 18.0.1

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

@@ -0,0 +1,189 @@
+import { __decorate } from "tslib";
+import { Component } from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { MatTableDataSource } from "@angular/material/table";
+import { UntilDestroy } from "@ngneat/until-destroy";
+import { debounceTime } from "rxjs/operators";
+import { ProductFormComponent } from "../product-form/product-form.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/dialog";
+import * as i3 from "@angular/router";
+import * as i4 from "../product.service";
+import * as i5 from "ngx-techlify-core";
+import * as i6 from "../product-form.service";
+import * as i7 from "@angular/common";
+import * as i8 from "../../stock-receipts/stock-receipt-form/stock-receipt-form-button/stock-receipt-form-button.component";
+import * as i9 from "../../stock-issuances/stock-issue-form/stock-issue-form-button/stock-issue-form-button.component";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/icon";
+import * as i12 from "@angular/material/input";
+import * as i13 from "@angular/material/core";
+import * as i14 from "@angular/material/select";
+import * as i15 from "@angular/material/sort";
+import * as i16 from "@angular/material/table";
+import * as i17 from "@angular/material/card";
+import * as i18 from "@angular/material/tooltip";
+import * as i19 from "@angular/material/progress-bar";
+import * as i20 from "ngx-infinite-scroll";
+import * as i21 from "../product-form-button/product-form-button.component";
+let ProductListComponent = class ProductListComponent {
+    fb;
+    dialog;
+    activatedRoute;
+    productService;
+    requestHelperService;
+    productFormService;
+    filterForm;
+    lastPage;
+    page = 1;
+    perPage = 25;
+    totalItems = 0;
+    currentPage = 1;
+    num_items = 25;
+    routeFilters;
+    products = [];
+    dataSource = new MatTableDataSource();
+    isLoading = false;
+    columnDefinitions = [
+        { def: "#", isShow: true },
+        { def: "name", isShow: true },
+        { def: "type", isShow: true },
+        { def: "sku", isShow: true },
+        { def: "initial_quantity", isShow: true },
+        { def: "initial_quantity_date", isShow: true },
+        { def: "reorder_point", isShow: true },
+        { def: "sale_price", isShow: true },
+        { def: "income_account", isShow: true },
+        { def: "expense_account", isShow: true },
+        { def: "Actions", isShow: true },
+    ];
+    displayedColumns = new FormControl([
+        "#",
+        "name",
+        "type",
+        "categories",
+        "sku",
+        "initial_quantity",
+        "initial_quantity_date",
+        "reorder_point",
+        "sale_price",
+        "income_account",
+        "expense_account",
+        "Actions",
+    ]);
+    importId;
+    constructor(fb, dialog, activatedRoute, productService, requestHelperService, productFormService) {
+        this.fb = fb;
+        this.dialog = dialog;
+        this.activatedRoute = activatedRoute;
+        this.productService = productService;
+        this.requestHelperService = requestHelperService;
+        this.productFormService = productFormService;
+        this.filterForm = this.fb.group({
+            search: [""],
+            category_ids: [""],
+            type_ids: [""],
+            income_account_ids: [""],
+            expense_account_ids: [""],
+            sort_by: [""],
+        });
+    }
+    ngOnInit() {
+        if (this.activatedRoute.snapshot.params?.["import_id"]) {
+            this.importId = parseInt(this.activatedRoute.snapshot.params?.["import_id"]);
+        }
+        // update form with URL query params
+        this.requestHelperService.updateFormWithQueryParams(this.filterForm, {
+            type_ids: { multiple: true },
+            category_ids: { multiple: true },
+            income_account_ids: { multiple: true },
+            expense_account_ids: { multiple: true },
+        });
+        // Update URL query params on filter change
+        this.filterForm.valueChanges.pipe(debounceTime(800)).subscribe(() => {
+            this.requestHelperService.updateQueryParams(this.requestHelperService.convertToFormData({
+                ...this.filterForm.value,
+            }));
+        });
+        // fetch task on params change
+        this.activatedRoute.queryParams
+            .pipe(debounceTime(800))
+            .subscribe(() => this.reload());
+        // listen form product add or update event and reload.
+        this.productFormService.isListUpdated().subscribe((val) => {
+            if (val && !this.isLoading) {
+                this.reload();
+            }
+        });
+    }
+    loadData() {
+        let params = {
+            ...this.requestHelperService.convertToFormData(this.filterForm.value),
+        };
+        params.page = this.page;
+        params.perPage = this.perPage;
+        params.num_items = this.num_items + "|" + this.currentPage;
+        params.with = "categories,lastStockReceipt,lastStockIssuance";
+        if (this.importId) {
+            params.import_id = this.importId;
+        }
+        this.isLoading = true;
+        this.productService.index(params).subscribe({
+            next: (res) => {
+                this.isLoading = false;
+                this.dataSource = new MatTableDataSource(this.dataSource.data.concat(res?.data));
+                this.totalItems = res.total;
+                // stop reloading data once data loaded.
+                this.productFormService.listUpdated(false);
+            },
+            error: () => (this.isLoading = false),
+        });
+    }
+    reload() {
+        if (this.isLoading)
+            return;
+        this.dataSource = new MatTableDataSource();
+        this.currentPage = 1;
+        this.loadData();
+    }
+    modifyProduct(model) {
+        const dialogRef = this.dialog.open(ProductFormComponent, {
+            width: "600px",
+            data: {
+                details: model,
+            },
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result) {
+                this.reload();
+            }
+        });
+    }
+    assignFilter(column, direction) {
+        if (column) {
+            return this.filterForm.get("sort_by")?.setValue(column + "|" + direction);
+        }
+    }
+    sortColumn(event) {
+        var direction = event.direction.toString().toUpperCase();
+        this.assignFilter(event.active, direction);
+    }
+    onScroll() {
+        if (this.totalItems > this.dataSource.data.length) {
+            this.currentPage += 1;
+            this.loadData();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductListComponent, deps: [{ token: i1.FormBuilder }, { token: i2.MatDialog }, { token: i3.ActivatedRoute }, { token: i4.ProductService }, { token: i5.RequestHelperService }, { token: i6.ProductFormService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProductListComponent, selector: "app-product-list", ngImport: i0, template: "<mat-card class=\"mb-3\">\n  <mat-card-content>\n    <form\n      [formGroup]=\"filterForm\"\n      class=\"d-flex justify-content-between align-items-center gap-2\"\n    >\n      <div class=\"d-flex justify-content-center align-items-center gap-2\">\n        <h3 class=\"mb-0\">Products</h3>\n        <app-product-form-button></app-product-form-button>\n        <mat-icon\n          routerLink=\"import\"\n          class=\"cursor-pointer\"\n          matTooltip=\"Import\"\n        >\n          download\n        </mat-icon>\n      </div>\n\n      <div class=\"d-flex justify-content-start align-items-center gap-2\">\n        <mat-form-field style=\"width: 120px\">\n          <input matInput placeholder=\"Product\" formControlName=\"search\" />\n        </mat-form-field>\n\n        <mat-form-field style=\"width: 120px\">\n          <mat-label>Category</mat-label>\n          <app-searchable-selector\n            apiUrl=\"api/product-categories\"\n            formControlName=\"category_ids\"\n            [multiple]=\"true\"\n          >\n          </app-searchable-selector>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: 120px\">\n          <mat-label>Type</mat-label>\n          <app-searchable-selector\n            apiUrl=\"api/product-types\"\n            formControlName=\"type_ids\"\n            titleField=\"title\"\n            [multiple]=\"true\"\n          >\n          </app-searchable-selector>\n        </mat-form-field>\n        <!--        <mat-form-field style=\"width: 150px\">-->\n        <!--          <mat-label>Income Account</mat-label>-->\n        <!--          <app-searchable-selector-->\n        <!--            apiUrl=\"api/accounts\"-->\n        <!--            formControlName=\"income_account_ids\"-->\n        <!--            titleField=\"title\"-->\n        <!--            [multiple]=\"true\"-->\n        <!--          >-->\n        <!--          </app-searchable-selector>-->\n        <!--        </mat-form-field>-->\n        <!--        <mat-form-field style=\"width: 150px\">-->\n        <!--          <mat-label>Expense Account</mat-label>-->\n        <!--          <app-searchable-selector-->\n        <!--            apiUrl=\"api/accounts\"-->\n        <!--            formControlName=\"expense_account_ids\"-->\n        <!--            titleField=\"title\"-->\n        <!--            [multiple]=\"true\"-->\n        <!--          >-->\n        <!--          </app-searchable-selector>-->\n        <!--        </mat-form-field>-->\n        <mat-form-field>\n          <mat-label>Columns</mat-label>\n          <mat-select [formControl]=\"displayedColumns\" multiple>\n            <mat-option\n              *ngFor=\"let column of columnDefinitions\"\n              [value]=\"column.def\"\n              [disabled]=\"!column.isShow\"\n            >\n              {{ column?.def }}</mat-option\n            >\n          </mat-select>\n        </mat-form-field>\n      </div>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card>\n  <mat-card-content class=\"p-0\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      class=\"w-100\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\"\n      (scrolled)=\"onScroll()\"\n      [fromRoot]=\"true\"\n      matSort\n      (matSortChange)=\"sortColumn($event)\"\n      matSortDisableClear=\"true\"\n      aria-describedby=\"Products List\"\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      <!-- Name Column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Name</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n      </ng-container>\n\n      <!-- Type Column -->\n      <ng-container matColumnDef=\"type\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Type</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element.type?.title }}</td>\n      </ng-container>\n\n      <!-- Categories Column -->\n      <ng-container matColumnDef=\"categories\">\n        <th mat-header-cell *matHeaderCellDef>Category</th>\n        <td mat-cell *matCellDef=\"let element\" style=\"max-width: 200px\">\n          <div\n            *ngIf=\"element?.categories?.length > 0\"\n            class=\"d-flex justify-content-start align-items-center gap-1 flex-wrap\"\n          >\n            <span\n              class=\"badge badge-primary\"\n              *ngFor=\"let category of element?.categories\"\n            >\n              {{ category?.title }}\n            </span>\n          </div>\n        </td>\n      </ng-container>\n\n      <!-- SKU Column -->\n      <ng-container matColumnDef=\"sku\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>SKU</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element.sku }}</td>\n      </ng-container>\n\n      <!-- Initial Quantity Column -->\n      <ng-container matColumnDef=\"initial_quantity\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>\n          Initial Quantity\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.initial_quantity }}\n        </td>\n      </ng-container>\n\n      <!-- Initial Quantity Date Column -->\n      <ng-container matColumnDef=\"initial_quantity_date\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>\n          Initial Quantity Date\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.initial_quantity_date }}\n        </td>\n      </ng-container>\n\n      <!-- Reorder Point Column -->\n      <ng-container matColumnDef=\"reorder_point\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Reorder Point</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.reorder_point }}\n        </td>\n      </ng-container>\n\n      <!-- Selling Price Column -->\n      <ng-container matColumnDef=\"sale_price\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Selling Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.sale_price | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Income Account Column -->\n      <ng-container matColumnDef=\"income_account\">\n        <th mat-header-cell *matHeaderCellDef>Income Account</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.income_account?.title }}\n        </td>\n      </ng-container>\n\n      <!-- Expense Account Column -->\n      <ng-container matColumnDef=\"expense_account\">\n        <th mat-header-cell *matHeaderCellDef>Expense Account</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.expense_account?.title }}\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          <div class=\"text-secondary d-flex gap-1\">\n            <app-product-form-button\n              [product]=\"element\"\n            ></app-product-form-button>\n            <mat-icon\n              class=\"cursor-pointer\"\n              matTooltip=\"View\"\n              [routerLink]=\"[element.id, 'view']\"\n              routerLinkActive=\"route-link-active\"\n            >\n              remove_red_eye\n            </mat-icon>\n\n            <app-stock-receipt-form-button\n              [product]=\"element\"\n              (saved)=\"reload()\"\n            ></app-stock-receipt-form-button>\n\n            <app-stock-issue-form-button\n              [product]=\"element\"\n              (saved)=\"reload()\"\n            ></app-stock-issue-form-button>\n          </div>\n        </td>\n      </ng-container>\n      <tr\n        mat-header-row\n        *matHeaderRowDef=\"displayedColumns.value; sticky: true\"\n      ></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns.value\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i5.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: i8.StockReceiptFormButtonComponent, selector: "app-stock-receipt-form-button", inputs: ["product", "stockReceipt", "icon"], outputs: ["saved"] }, { kind: "component", type: i9.StockIssueFormButtonComponent, selector: "app-stock-issue-form-button", inputs: ["product", "stockIssuance", "icon", "issuableType", "issuableId"], outputs: ["saved"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i12.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: i13.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i14.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i15.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i15.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i16.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i16.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i16.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i16.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i16.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i16.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i16.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i16.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i16.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i16.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i17.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i17.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i18.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i19.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i20.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i21.ProductFormButtonComponent, selector: "app-product-form-button", inputs: ["product"], outputs: ["saved"] }, { kind: "pipe", type: i7.CurrencyPipe, name: "currency" }], preserveWhitespaces: true });
+};
+ProductListComponent = __decorate([
+    UntilDestroy()
+], ProductListComponent);
+export { ProductListComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-product-list", template: "<mat-card class=\"mb-3\">\n  <mat-card-content>\n    <form\n      [formGroup]=\"filterForm\"\n      class=\"d-flex justify-content-between align-items-center gap-2\"\n    >\n      <div class=\"d-flex justify-content-center align-items-center gap-2\">\n        <h3 class=\"mb-0\">Products</h3>\n        <app-product-form-button></app-product-form-button>\n        <mat-icon\n          routerLink=\"import\"\n          class=\"cursor-pointer\"\n          matTooltip=\"Import\"\n        >\n          download\n        </mat-icon>\n      </div>\n\n      <div class=\"d-flex justify-content-start align-items-center gap-2\">\n        <mat-form-field style=\"width: 120px\">\n          <input matInput placeholder=\"Product\" formControlName=\"search\" />\n        </mat-form-field>\n\n        <mat-form-field style=\"width: 120px\">\n          <mat-label>Category</mat-label>\n          <app-searchable-selector\n            apiUrl=\"api/product-categories\"\n            formControlName=\"category_ids\"\n            [multiple]=\"true\"\n          >\n          </app-searchable-selector>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: 120px\">\n          <mat-label>Type</mat-label>\n          <app-searchable-selector\n            apiUrl=\"api/product-types\"\n            formControlName=\"type_ids\"\n            titleField=\"title\"\n            [multiple]=\"true\"\n          >\n          </app-searchable-selector>\n        </mat-form-field>\n        <!--        <mat-form-field style=\"width: 150px\">-->\n        <!--          <mat-label>Income Account</mat-label>-->\n        <!--          <app-searchable-selector-->\n        <!--            apiUrl=\"api/accounts\"-->\n        <!--            formControlName=\"income_account_ids\"-->\n        <!--            titleField=\"title\"-->\n        <!--            [multiple]=\"true\"-->\n        <!--          >-->\n        <!--          </app-searchable-selector>-->\n        <!--        </mat-form-field>-->\n        <!--        <mat-form-field style=\"width: 150px\">-->\n        <!--          <mat-label>Expense Account</mat-label>-->\n        <!--          <app-searchable-selector-->\n        <!--            apiUrl=\"api/accounts\"-->\n        <!--            formControlName=\"expense_account_ids\"-->\n        <!--            titleField=\"title\"-->\n        <!--            [multiple]=\"true\"-->\n        <!--          >-->\n        <!--          </app-searchable-selector>-->\n        <!--        </mat-form-field>-->\n        <mat-form-field>\n          <mat-label>Columns</mat-label>\n          <mat-select [formControl]=\"displayedColumns\" multiple>\n            <mat-option\n              *ngFor=\"let column of columnDefinitions\"\n              [value]=\"column.def\"\n              [disabled]=\"!column.isShow\"\n            >\n              {{ column?.def }}</mat-option\n            >\n          </mat-select>\n        </mat-form-field>\n      </div>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card>\n  <mat-card-content class=\"p-0\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      class=\"w-100\"\n      infiniteScroll\n      [infiniteScrollDistance]=\"2\"\n      [infiniteScrollThrottle]=\"50\"\n      (scrolled)=\"onScroll()\"\n      [fromRoot]=\"true\"\n      matSort\n      (matSortChange)=\"sortColumn($event)\"\n      matSortDisableClear=\"true\"\n      aria-describedby=\"Products List\"\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      <!-- Name Column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Name</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n      </ng-container>\n\n      <!-- Type Column -->\n      <ng-container matColumnDef=\"type\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Type</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element.type?.title }}</td>\n      </ng-container>\n\n      <!-- Categories Column -->\n      <ng-container matColumnDef=\"categories\">\n        <th mat-header-cell *matHeaderCellDef>Category</th>\n        <td mat-cell *matCellDef=\"let element\" style=\"max-width: 200px\">\n          <div\n            *ngIf=\"element?.categories?.length > 0\"\n            class=\"d-flex justify-content-start align-items-center gap-1 flex-wrap\"\n          >\n            <span\n              class=\"badge badge-primary\"\n              *ngFor=\"let category of element?.categories\"\n            >\n              {{ category?.title }}\n            </span>\n          </div>\n        </td>\n      </ng-container>\n\n      <!-- SKU Column -->\n      <ng-container matColumnDef=\"sku\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>SKU</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element.sku }}</td>\n      </ng-container>\n\n      <!-- Initial Quantity Column -->\n      <ng-container matColumnDef=\"initial_quantity\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>\n          Initial Quantity\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.initial_quantity }}\n        </td>\n      </ng-container>\n\n      <!-- Initial Quantity Date Column -->\n      <ng-container matColumnDef=\"initial_quantity_date\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>\n          Initial Quantity Date\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.initial_quantity_date }}\n        </td>\n      </ng-container>\n\n      <!-- Reorder Point Column -->\n      <ng-container matColumnDef=\"reorder_point\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Reorder Point</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.reorder_point }}\n        </td>\n      </ng-container>\n\n      <!-- Selling Price Column -->\n      <ng-container matColumnDef=\"sale_price\">\n        <th mat-header-cell mat-sort-header *matHeaderCellDef>Selling Price</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element.sale_price | currency }}\n        </td>\n      </ng-container>\n\n      <!-- Income Account Column -->\n      <ng-container matColumnDef=\"income_account\">\n        <th mat-header-cell *matHeaderCellDef>Income Account</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.income_account?.title }}\n        </td>\n      </ng-container>\n\n      <!-- Expense Account Column -->\n      <ng-container matColumnDef=\"expense_account\">\n        <th mat-header-cell *matHeaderCellDef>Expense Account</th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.expense_account?.title }}\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          <div class=\"text-secondary d-flex gap-1\">\n            <app-product-form-button\n              [product]=\"element\"\n            ></app-product-form-button>\n            <mat-icon\n              class=\"cursor-pointer\"\n              matTooltip=\"View\"\n              [routerLink]=\"[element.id, 'view']\"\n              routerLinkActive=\"route-link-active\"\n            >\n              remove_red_eye\n            </mat-icon>\n\n            <app-stock-receipt-form-button\n              [product]=\"element\"\n              (saved)=\"reload()\"\n            ></app-stock-receipt-form-button>\n\n            <app-stock-issue-form-button\n              [product]=\"element\"\n              (saved)=\"reload()\"\n            ></app-stock-issue-form-button>\n          </div>\n        </td>\n      </ng-container>\n      <tr\n        mat-header-row\n        *matHeaderRowDef=\"displayedColumns.value; sticky: true\"\n      ></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns.value\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isLoading\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.MatDialog }, { type: i3.ActivatedRoute }, { type: i4.ProductService }, { type: i5.RequestHelperService }, { type: i6.ProductFormService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ludmVudG9yeS1jb21tb24vc3JjL2xpYi9pbnZlbnRvcnktY29tbW9uL3Byb2R1Y3QvcHJvZHVjdC1saXN0L3Byb2R1Y3QtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZlbnRvcnktY29tbW9uL3NyYy9saWIvaW52ZW50b3J5LWNvbW1vbi9wcm9kdWN0L3Byb2R1Y3QtbGlzdC9wcm9kdWN0LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFlLFdBQVcsRUFBYSxNQUFNLGdCQUFnQixDQUFDO0FBRXJFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBT3ZFLElBQU0sb0JBQW9CLEdBQTFCLE1BQU0sb0JBQW9CO0lBNENyQjtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFoREgsVUFBVSxDQUFZO0lBQ3RCLFFBQVEsQ0FBVTtJQUNsQixJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBQ2pCLE9BQU8sR0FBVyxFQUFFLENBQUM7SUFDckIsVUFBVSxHQUFHLENBQUMsQ0FBQztJQUNmLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDaEIsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUNmLFlBQVksQ0FBTTtJQUNsQixRQUFRLEdBQVUsRUFBRSxDQUFDO0lBQ3JC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Q29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xuaW1wb3J0IHsgTWF0VGFibGVEYXRhU291cmNlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3RhYmxlXCI7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcbmltcG9ydCB7IFJlcXVlc3RIZWxwZXJTZXJ2aWNlIH0gZnJvbSBcIm5neC10ZWNobGlmeS1jb3JlXCI7XG5pbXBvcnQgeyBQcm9kdWN0U2VydmljZSB9IGZyb20gXCIuLi9wcm9kdWN0LnNlcnZpY2VcIjtcbmltcG9ydCB7IFVudGlsRGVzdHJveSB9IGZyb20gXCJAbmduZWF0L3VudGlsLWRlc3Ryb3lcIjtcbmltcG9ydCB7IGRlYm91bmNlVGltZSB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuaW1wb3J0IHsgUHJvZHVjdEZvcm1Db21wb25lbnQgfSBmcm9tIFwiLi4vcHJvZHVjdC1mb3JtL3Byb2R1Y3QtZm9ybS5jb21wb25lbnRcIjtcbmltcG9ydCB7IFByb2R1Y3RGb3JtU2VydmljZSB9IGZyb20gXCIuLi9wcm9kdWN0LWZvcm0uc2VydmljZVwiO1xuQFVudGlsRGVzdHJveSgpXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLXByb2R1Y3QtbGlzdFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Byb2R1Y3QtbGlzdC5jb21wb25lbnQuaHRtbFwiLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9kdWN0TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBmaWx0ZXJGb3JtOiBGb3JtR3JvdXA7XG4gIHB1YmxpYyBsYXN0UGFnZSE6IG51bWJlcjtcbiAgcHVibGljIHBhZ2U6IG51bWJlciA9IDE7XG4gIHB1YmxpYyBwZXJQYWdlOiBudW1iZXIgPSAyNTtcbiAgcHVibGljIHRvdGFsSXRlbXMgPSAwO1xuICBwdWJsaWMgY3VycmVudFBhZ2UgPSAxO1xuICBwdWJsaWMgbnVtX2l0ZW1zID0gMjU7XG4gIHB1YmxpYyByb3V0ZUZpbHRlcnM6IGFueTtcbiAgcHVibGljIHByb2R1Y3RzOiBhbnlbXSA9IFtdO1xuICBwdWJsaWMgZGF0YVNvdXJjZSA9IG5ldyBNYXRUYWJsZURhdGFTb3VyY2UoKTtcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29sdW1uRGVmaW5pdGlvbnMgPSBbXG4gICAgeyBkZWY6IFwiI1wiLCBpc1Nob3c6IHRydWUgfSxcbiAgICB7IGRlZjogXCJuYW1lXCIsIGlzU2hvdzogdHJ1ZSB9LFxuICAgIHsgZGVmOiBcInR5cGVcIiwgaXNTaG93OiB0cnVlIH0sXG4gICAgeyBkZWY6IFwic2t1XCIsIGlzU2hvdzogdHJ1ZSB9LFxuICAgIHsgZGVmOiBcImluaXRpYWxfcXVhbnRpdHlcIiwgaXNTaG93OiB0cnVlIH0sXG4gICAgeyBkZWY6IFwiaW5pdGlhbF9xdWFudGl0eV9kYXRlXCIsIGlzU2hvdzogdHJ1ZSB9LFxuICAgIHsgZGVmOiBcInJlb3JkZXJfcG9pbnRcIiwgaXNTaG93OiB0cnVlIH0sXG4gICAgeyBkZWY6IFwic2FsZV9wcmljZVwiLCBpc1Nob3c6IHRydWUgfSxcbiAgICB7IGRlZjogXCJpbmNvbWVfYWNjb3VudFwiLCBpc1Nob3c6IHRydWUgfSxcbiAgICB7IGRlZjogXCJleHBlbnNlX2FjY291bnRcIiwgaXNTaG93OiB0cnVlIH0sXG4gICAgeyBkZWY6IFwiQWN0aW9uc1wiLCBpc1Nob3c6IHRydWUgfSxcbiAgXTtcblxuICBkaXNwbGF5ZWRDb2x1bW5zOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbChbXG4gICAgXCIjXCIsXG4gICAgXCJuYW1lXCIsXG4gICAgXCJ0eXBlXCIsXG4gICAgXCJjYXRlZ29yaWVzXCIsXG4gICAgXCJza3VcIixcbiAgICBcImluaXRpYWxfcXVhbnRpdHlcIixcbiAgICBcImluaXRpYWxfcXVhbnRpdHlfZGF0ZVwiLFxuICAgIFwicmVvcmRlcl9wb2ludFwiLFxuICAgIFwic2FsZV9wcmljZVwiLFxuICAgIFwiaW5jb21lX2FjY291bnRcIixcbiAgICBcImV4cGVuc2VfYWNjb3VudFwiLFxuICAgIFwiQWN0aW9uc1wiLFxuICBdKTtcbiAgaW1wb3J0SWQhOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIsXG4gICAgcHJpdmF0ZSBkaWFsb2c6IE1hdERpYWxvZyxcbiAgICBwcml2YXRlIGFjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcbiAgICBwcml2YXRlIHByb2R1Y3RTZXJ2aWNlOiBQcm9kdWN0U2VydmljZSxcbiAgICBwcml2YXRlIHJlcXVlc3RIZWxwZXJTZXJ2aWNlOiBSZXF1ZXN0SGVscGVyU2VydmljZSxcbiAgICBwcml2YXRlIHByb2R1Y3RGb3JtU2VydmljZTogUHJvZHVjdEZvcm1TZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuZmlsdGVyRm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgc2VhcmNoOiBbXCJcIl0sXG4gICAgICBjYXRlZ29yeV9pZHM6IFtcIlwiXSxcbiAgICAgIHR5cGVfaWRzOiBbXCJcIl0sXG4gICAgICBpbmNvbWVfYWNjb3VudF9pZHM6IFtcIlwiXSxcbiAgICAgIGV4cGVuc2VfYWNjb3VudF9pZHM6IFtcIlwiXSxcbiAgICAgIHNvcnRfYnk6IFtcIlwiXSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmFjdGl2YXRlZFJvdXRlLnNuYXBzaG90LnBhcmFtcz8uW1wiaW1wb3J0X2lkXCJdKSB7XG4gICAgICB0aGlzLmltcG9ydElkID0gcGFyc2VJbnQoXG4gICAgICAgIHRoaXMuYWN0aXZhdGVkUm91dGUuc25hcHNob3QucGFyYW1zPy5bXCJpbXBvcnRfaWRcIl1cbiAgICAgICk7XG4gICAgfVxuICAgIC8vIHVwZGF0ZSBmb3JtIHdpdGggVVJMIHF1ZXJ5IHBhcmFtc1xuICAgIHRoaXMucmVxdWVzdEhlbHBlclNlcnZpY2UudXBkYXRlRm9ybVdpdGhRdWVyeVBhcmFtcyh0aGlzLmZpbHRlckZvcm0sIHtcbiAgICAgIHR5cGVfaWRzOiB7IG11bHRpcGxlOiB0cnVlIH0sXG4gICAgICBjYXRlZ29yeV9pZHM6IHsgbXVsdGlwbGU6IHRydWUgfSxcbiAgICAgIGluY29tZV9hY2NvdW50X2lkczogeyBtdWx0aXBsZTogdHJ1ZSB9LFxuICAgICAgZXhwZW5zZV9hY2NvdW50X2lkczogeyBtdWx0aXBsZTogdHJ1ZSB9LFxuICAgIH0pO1xuICAgIC8vIFVwZGF0ZSBVUkwgcXVlcnkgcGFyYW1zIG9uIGZpbHRlciBjaGFuZ2VcbiAgICB0aGlzLmZpbHRlckZvcm0udmFsdWVDaGFuZ2VzLnBpcGUoZGVib3VuY2VUaW1lKDgwMCkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnJlcXVlc3RIZWxwZXJTZXJ2aWNlLnVwZGF0ZVF1ZXJ5UGFyYW1zKFxuICAgICAgICB0aGlzLnJlcXVlc3RIZWxwZXJTZXJ2aWNlLmNvbnZlcnRUb0Zvcm1EYXRhKHtcbiAgICAgICAgICAuLi50aGlzLmZpbHRlckZvcm0udmFsdWUsXG4gICAgICAgIH0pXG4gICAgICApO1xuICAgIH0pO1xuICAgIC8vIGZldGNoIHRhc2sgb24gcGFyYW1zIGNoYW5nZVxuICAgIHRoaXMuYWN0aXZhdGVkUm91dGUucXVlcnlQYXJhbXNcbiAgICAgIC5waXBlKGRlYm91bmNlVGltZSg4MDApKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLnJlbG9hZCgpKTtcbiAgICAvLyBsaXN0ZW4gZm9ybSBwcm9kdWN0IGFkZCBvciB1cGRhdGUgZXZlbnQgYW5kIHJlbG9hZC5cbiAgICB0aGlzLnByb2R1Y3RGb3JtU2VydmljZS5pc0xpc3RVcGRhdGVkKCkuc3Vic2NyaWJlKCh2YWw6IGJvb2xlYW4pID0+IHtcbiAgICAgIGlmICh2YWwgJiYgIXRoaXMuaXNMb2FkaW5nKSB7XG4gICAgICAgIHRoaXMucmVsb2FkKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBsb2FkRGF0YSgpIHtcbiAgICBsZXQgcGFyYW1zOiBhbnkgPSB7XG4gICAgICAuLi50aGlzLnJlcXVlc3RIZWxwZXJTZXJ2aWNlLmNvbnZlcnRUb0Zvcm1EYXRhKHRoaXMuZmlsdGVyRm9ybS52YWx1ZSksXG4gICAgfTtcbiAgICBwYXJhbXMucGFnZSA9IHRoaXMucGFnZTtcbiAgICBwYXJhbXMucGVyUGFnZSA9IHRoaXMucGVyUGFnZTtcbiAgICBwYXJhbXMubnVtX2l0ZW1zID0gdGhpcy5udW1faXRlbXMgKyBcInxcIiArIHRoaXMuY3VycmVudFBhZ2U7XG4gICAgcGFyYW1zLndpdGggPSBcImNhdGVnb3JpZXMsbGFzdFN0b2NrUmVjZWlwdCxsYXN0U3RvY2tJc3N1YW5jZVwiO1xuICAgIGlmICh0aGlzLmltcG9ydElkKSB7XG4gICAgICBwYXJhbXMuaW1wb3J0X2lkID0gdGhpcy5pbXBvcnRJZDtcbiAgICB9XG4gICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuXG4gICAgdGhpcy5wcm9kdWN0U2VydmljZS5pbmRleChwYXJhbXMpLnN1YnNjcmliZSh7XG4gICAgICBuZXh0OiAocmVzOiBhbnkpID0+IHtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5kYXRhU291cmNlID0gbmV3IE1hdFRhYmxlRGF0YVNvdXJjZShcbiAgICAgICAgICB0aGlzLmRhdGFTb3VyY2UuZGF0YS5jb25jYXQocmVzPy5kYXRhKVxuICAgICAgICApO1xuICAgICAgICB0aGlzLnRvdGFsSXRlbXMgPSByZXMudG90YWw7XG4gICAgICAgIC8vIHN0b3AgcmVsb2FkaW5nIGRhdGEgb25jZSBkYXRhIGxvYWRlZC5cbiAgICAgICAgdGhpcy5wcm9kdWN0Rm9ybVNlcnZpY2UubGlzdFVwZGF0ZWQoZmFsc2UpO1xuICAgICAgfSxcbiAgICAgIGVycm9yOiAoKSA9PiAodGhpcy5pc0xvYWRpbmcgPSBmYWxzZSksXG4gICAgfSk7XG4gIH1cblxuICByZWxvYWQoKSB7XG4gICAgaWYgKHRoaXMuaXNMb2FkaW5nKSByZXR1cm47XG4gICAgdGhpcy5kYXRhU291cmNlID0gbmV3IE1hdFRhYmxlRGF0YVNvdXJjZSgpO1xuICAgIHRoaXMuY3VycmVudFBhZ2UgPSAxO1xuICAgIHRoaXMubG9hZERhdGEoKTtcbiAgfVxuXG4gIG1vZGlmeVByb2R1Y3QobW9kZWw/OiBhbnkpIHtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKFByb2R1Y3RGb3JtQ29tcG9uZW50LCB7XG4gICAgICB3aWR0aDogXCI2MDBweFwiLFxuICAgICAgZGF0YToge1xuICAgICAgICBkZXRhaWxzOiBtb2RlbCxcbiAgICAgIH0sXG4gICAgfSk7XG4gICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcbiAgICAgIGlmIChyZXN1bHQpIHtcbiAgICAgICAgdGhpcy5yZWxvYWQoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGFzc2lnbkZpbHRlcihjb2x1bW46IGFueSwgZGlyZWN0aW9uOiBzdHJpbmcpIHtcbiAgICBpZiAoY29sdW1uKSB7XG4gICAgICByZXR1cm4gdGhpcy5maWx0ZXJGb3JtLmdldChcInNvcnRfYnlcIik/LnNldFZhbHVlKGNvbHVtbiArIFwifFwiICsgZGlyZWN0aW9uKTtcbiAgICB9XG4gIH1cblxuICBzb3J0Q29sdW1uKGV2ZW50OiBhbnkpIHtcbiAgICB2YXIgZGlyZWN0aW9uID0gZXZlbnQuZGlyZWN0aW9uLnRvU3RyaW5nKCkudG9VcHBlckNhc2UoKTtcbiAgICB0aGlzLmFzc2lnbkZpbHRlcihldmVudC5hY3RpdmUsIGRpcmVjdGlvbik7XG4gIH1cblxuICBvblNjcm9sbCgpIHtcbiAgICBpZiAodGhpcy50b3RhbEl0ZW1zID4gdGhpcy5kYXRhU291cmNlLmRhdGEubGVuZ3RoKSB7XG4gICAgICB0aGlzLmN1cnJlbnRQYWdlICs9IDE7XG4gICAgICB0aGlzLmxvYWREYXRhKCk7XG4gICAgfVxuICB9XG59XG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJtYi0zXCI+XG4gIDxtYXQtY2FyZC1jb250ZW50PlxuICAgIDxmb3JtXG4gICAgICBbZm9ybUdyb3VwXT1cImZpbHRlckZvcm1cIlxuICAgICAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgIDxoMyBjbGFzcz1cIm1iLTBcIj5Qcm9kdWN0czwvaDM+XG4gICAgICAgIDxhcHAtcHJvZHVjdC1mb3JtLWJ1dHRvbj48L2FwcC1wcm9kdWN0LWZvcm0tYnV0dG9uPlxuICAgICAgICA8bWF0LWljb25cbiAgICAgICAgICByb3V0ZXJMaW5rPVwiaW1wb3J0XCJcbiAgICAgICAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgICBtYXRUb29sdGlwPVwiSW1wb3J0XCJcbiAgICAgICAgPlxuICAgICAgICAgIGRvd25sb2FkXG4gICAgICAgIDwvbWF0LWljb24+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtc3RhcnQgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBzdHlsZT1cIndpZHRoOiAxMjBweFwiPlxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCBwbGFjZWhvbGRlcj1cIlByb2R1Y3RcIiBmb3JtQ29udHJvbE5hbWU9XCJzZWFyY2hcIiAvPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuXG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBzdHlsZT1cIndpZHRoOiAxMjBweFwiPlxuICAgICAgICAgIDxtYXQtbGFiZWw+Q2F0ZWdvcnk8L21hdC1sYWJlbD5cbiAgICAgICAgICA8YXBwLXNlYXJjaGFibGUtc2VsZWN0b3JcbiAgICAgICAgICAgIGFwaVVybD1cImFwaS9wcm9kdWN0LWNhdGVnb3JpZXNcIlxuICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiY2F0ZWdvcnlfaWRzXCJcbiAgICAgICAgICAgIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPC9hcHAtc2VhcmNoYWJsZS1zZWxlY3Rvcj5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cblxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgc3R5bGU9XCJ3aWR0aDogMTIwcHhcIj5cbiAgICAgICAgICA8bWF0LWxhYmVsPlR5cGU8L21hdC1sYWJlbD5cbiAgICAgICAgICA8YXBwLXNlYXJjaGFibGUtc2VsZWN0b3JcbiAgICAgICAgICAgIGFwaVVybD1cImFwaS9wcm9kdWN0LXR5cGVzXCJcbiAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInR5cGVfaWRzXCJcbiAgICAgICAgICAgIHRpdGxlRmllbGQ9XCJ0aXRsZVwiXG4gICAgICAgICAgICBbbXVsdGlwbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDwvYXBwLXNlYXJjaGFibGUtc2VsZWN0b3I+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDwhLS0gICAgICAgIDxtYXQtZm9ybS1maWVsZCBzdHlsZT1cIndpZHRoOiAxNTBweFwiPi0tPlxuICAgICAgICA8IS0tICAgICAgICAgIDxtYXQtbGFiZWw+SW5jb21lIEFjY291bnQ8L21hdC1sYWJlbD4tLT5cbiAgICAgICAgPCEtLSAgICAgICAgICA8YXBwLXNlYXJjaGFibGUtc2VsZWN0b3ItLT5cbiAgICAgICAgPCEtLSAgICAgICAgICAgIGFwaVVybD1cImFwaS9hY2NvdW50c1wiLS0+XG4gICAgICAgIDwhLS0gICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJpbmNvbWVfYWNjb3VudF9pZHNcIi0tPlxuICAgICAgICA8IS0tICAgICAgICAgICAgdGl0bGVGaWVsZD1cInRpdGxlXCItLT5cbiAgICAgICAgPCEtLSAgICAgICAgICAgIFttdWx0aXBsZV09XCJ0cnVlXCItLT5cbiAgICAgICAgPCEtLSAgICAgICAgICA+LS0+XG4gICAgICAgIDwhLS0gICAgICAgICAgPC9hcHAtc2VhcmNoYWJsZS1zZWxlY3Rvcj4tLT5cbiAgICAgICAgPCEtLSAgICAgICAgPC9tYXQtZm9ybS1maWVsZD4tLT5cbiAgICAgICAgPCEtLSAgICAgICAgPG1hdC1mb3JtLWZpZWxkIHN0eWxlPVwid2lkdGg6IDE1MHB4XCI+LS0+XG4gICAgICAgIDwhLS0gICAgICAgICAgPG1hdC1sYWJlbD5FeHBlbnNlIEFjY291bnQ8L21hdC1sYWJlbD4tLT5cbiAgICAgICAgPCEtLSAgICAgICAgICA8YXBwLXNlYXJjaGFibGUtc2VsZWN0b3ItLT5cbiAgICAgICAgPCEtLSAgICAgICAgICAgIGFwaVVybD1cImFwaS9hY2NvdW50c1wiLS0+XG4gICAgICAgIDwhLS0gICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJleHBlbnNlX2FjY291bnRfaWRzXCItLT5cbiAgICAgICAgPCEtLSAgICAgICAgICAgIHRpdGxlRmllbGQ9XCJ0aXRsZVwiLS0+XG4gICAgICAgIDwhLS0gICAgICAgICAgICBbbXVsdGlwbGVdPVwidHJ1ZVwiLS0+XG4gICAgICAgIDwhLS0gICAgICAgICAgPi0tPlxuICAgICAgICA8IS0tICAgICAgICAgIDwvYXBwLXNlYXJjaGFibGUtc2VsZWN0b3I+LS0+XG4gICAgICAgIDwhLS0gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+LS0+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICA8bWF0LWxhYmVsPkNvbHVtbnM8L21hdC1sYWJlbD5cbiAgICAgICAgICA8bWF0LXNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiZGlzcGxheWVkQ29sdW1uc1wiIG11bHRpcGxlPlxuICAgICAgICAgICAgPG1hdC1vcHRpb25cbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5EZWZpbml0aW9uc1wiXG4gICAgICAgICAgICAgIFt2YWx1ZV09XCJjb2x1bW4uZGVmXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFjb2x1bW4uaXNTaG93XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3sgY29sdW1uPy5kZWYgfX08L21hdC1vcHRpb25cbiAgICAgICAgICAgID5cbiAgICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Zvcm0+XG4gIDwvbWF0LWNhcmQtY29udGVudD5cbjwvbWF0LWNhcmQ+XG5cbjxtYXQtY2FyZD5cbiAgPG1hdC1jYXJkLWNvbnRlbnQgY2xhc3M9XCJwLTBcIj5cbiAgICA8dGFibGVcbiAgICAgIG1hdC10YWJsZVxuICAgICAgW2RhdGFTb3VyY2VdPVwiZGF0YVNvdXJjZVwiXG4gICAgICBjbGFzcz1cInctMTAwXCJcbiAgICAgIGluZmluaXRlU2Nyb2xsXG4gICAgICBbaW5maW5pdGVTY3JvbGxEaXN0YW5jZV09XCIyXCJcbiAgICAgIFtpbmZpbml0ZVNjcm9sbFRocm90dGxlXT1cIjUwXCJcbiAgICAgIChzY3JvbGxlZCk9XCJvblNjcm9sbCgpXCJcbiAgICAgIFtmcm9tUm9vdF09XCJ0cnVlXCJcbiAgICAgIG1hdFNvcnRcbiAgICAgIChtYXRTb3J0Q2hhbmdlKT1cInNvcnRDb2x1bW4oJGV2ZW50KVwiXG4gICAgICBtYXRTb3J0RGlzYWJsZUNsZWFyPVwidHJ1ZVwiXG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PVwiUHJvZHVjdHMgTGlzdFwiXG4gICAgPlxuICAgICAgPCEtLSAjIENvbHVtbiAtLT5cbiAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiI1wiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPiM8L3RoPlxuICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudDsgbGV0IGkgPSBpbmRleFwiPnt7IGkgKyAxIH19PC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIE5hbWUgQ29sdW1uIC0tPlxuICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJuYW1lXCI+XG4gICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgbWF0LXNvcnQtaGVhZGVyICptYXRIZWFkZXJDZWxsRGVmPk5hbWU8L3RoPlxuICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQubmFtZSB9fTwvdGQ+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPCEtLSBUeXBlIENvbHVtbiAtLT5cbiAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwidHlwZVwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsIG1hdC1zb3J0LWhlYWRlciAqbWF0SGVhZGVyQ2VsbERlZj5UeXBlPC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LnR5cGU/LnRpdGxlIH19PC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIENhdGVnb3JpZXMgQ29sdW1uIC0tPlxuICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJjYXRlZ29yaWVzXCI+XG4gICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+Q2F0ZWdvcnk8L3RoPlxuICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiIHN0eWxlPVwibWF4LXdpZHRoOiAyMDBweFwiPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICpuZ0lmPVwiZWxlbWVudD8uY2F0ZWdvcmllcz8ubGVuZ3RoID4gMFwiXG4gICAgICAgICAgICBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtc3RhcnQgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0xIGZsZXgtd3JhcFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3M9XCJiYWRnZSBiYWRnZS1wcmltYXJ5XCJcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIGVsZW1lbnQ/LmNhdGVnb3JpZXNcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBjYXRlZ29yeT8udGl0bGUgfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIFNLVSBDb2x1bW4gLS0+XG4gICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInNrdVwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsIG1hdC1zb3J0LWhlYWRlciAqbWF0SGVhZGVyQ2VsbERlZj5TS1U8L3RoPlxuICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQuc2t1IH19PC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIEluaXRpYWwgUXVhbnRpdHkgQ29sdW1uIC0tPlxuICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJpbml0aWFsX3F1YW50aXR5XCI+XG4gICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgbWF0LXNvcnQtaGVhZGVyICptYXRIZWFkZXJDZWxsRGVmPlxuICAgICAgICAgIEluaXRpYWwgUXVhbnRpdHlcbiAgICAgICAgPC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj5cbiAgICAgICAgICB7eyBlbGVtZW50LmluaXRpYWxfcXVhbnRpdHkgfX1cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIEluaXRpYWwgUXVhbnRpdHkgRGF0ZSBDb2x1bW4gLS0+XG4gICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImluaXRpYWxfcXVhbnRpdHlfZGF0ZVwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsIG1hdC1zb3J0LWhlYWRlciAqbWF0SGVhZGVyQ2VsbERlZj5cbiAgICAgICAgICBJbml0aWFsIFF1YW50aXR5IERhdGVcbiAgICAgICAgPC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj5cbiAgICAgICAgICB7eyBlbGVtZW50LmluaXRpYWxfcXVhbnRpdHlfZGF0ZSB9fVxuICAgICAgICA8L3RkPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDwhLS0gUmVvcmRlciBQb2ludCBDb2x1bW4gLS0+XG4gICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInJlb3JkZXJfcG9pbnRcIj5cbiAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCBtYXQtc29ydC1oZWFkZXIgKm1hdEhlYWRlckNlbGxEZWY+UmVvcmRlciBQb2ludDwvdGg+XG4gICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XG4gICAgICAgICAge3sgZWxlbWVudC5yZW9yZGVyX3BvaW50IH19XG4gICAgICAgIDwvdGQ+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPCEtLSBTZWxsaW5nIFByaWNlIENvbHVtbiAtLT5cbiAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwic2FsZV9wcmljZVwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsIG1hdC1zb3J0LWhlYWRlciAqbWF0SGVhZGVyQ2VsbERlZj5TZWxsaW5nIFByaWNlPC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj5cbiAgICAgICAgICB7eyBlbGVtZW50LnNhbGVfcHJpY2UgfCBjdXJyZW5jeSB9fVxuICAgICAgICA8L3RkPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDwhLS0gSW5jb21lIEFjY291bnQgQ29sdW1uIC0tPlxuICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJpbmNvbWVfYWNjb3VudFwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkluY29tZSBBY2NvdW50PC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj5cbiAgICAgICAgICB7eyBlbGVtZW50Py5pbmNvbWVfYWNjb3VudD8udGl0bGUgfX1cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8IS0tIEV4cGVuc2UgQWNjb3VudCBDb2x1bW4gLS0+XG4gICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImV4cGVuc2VfYWNjb3VudFwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkV4cGVuc2UgQWNjb3VudDwvdGg+XG4gICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XG4gICAgICAgICAge3sgZWxlbWVudD8uZXhwZW5zZV9hY2NvdW50Py50aXRsZSB9fVxuICAgICAgICA8L3RkPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDwhLS0gQWN0aW9ucyBDb2x1bW4gLS0+XG4gICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cIkFjdGlvbnNcIj5cbiAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5BY3Rpb25zPC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1zZWNvbmRhcnkgZC1mbGV4IGdhcC0xXCI+XG4gICAgICAgICAgICA8YXBwLXByb2R1Y3QtZm9ybS1idXR0b25cbiAgICAgICAgICAgICAgW3Byb2R1Y3RdPVwiZWxlbWVudFwiXG4gICAgICAgICAgICA+PC9hcHAtcHJvZHVjdC1mb3JtLWJ1dHRvbj5cbiAgICAgICAgICAgIDxtYXQtaWNvblxuICAgICAgICAgICAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cIlZpZXdcIlxuICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJbZWxlbWVudC5pZCwgJ3ZpZXcnXVwiXG4gICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJyb3V0ZS1saW5rLWFjdGl2ZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHJlbW92ZV9yZWRfZXllXG4gICAgICAgICAgICA8L21hdC1pY29uPlxuXG4gICAgICAgICAgICA8YXBwLXN0b2NrLXJlY2VpcHQtZm9ybS1idXR0b25cbiAgICAgICAgICAgICAgW3Byb2R1Y3RdPVwiZWxlbWVudFwiXG4gICAgICAgICAgICAgIChzYXZlZCk9XCJyZWxvYWQoKVwiXG4gICAgICAgICAgICA+PC9hcHAtc3RvY2stcmVjZWlwdC1mb3JtLWJ1dHRvbj5cblxuICAgICAgICAgICAgPGFwcC1zdG9jay1pc3N1ZS1mb3JtLWJ1dHRvblxuICAgICAgICAgICAgICBbcHJvZHVjdF09XCJlbGVtZW50XCJcbiAgICAgICAgICAgICAgKHNhdmVkKT1cInJlbG9hZCgpXCJcbiAgICAgICAgICAgID48L2FwcC1zdG9jay1pc3N1ZS1mb3JtLWJ1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPHRyXG4gICAgICAgIG1hdC1oZWFkZXItcm93XG4gICAgICAgICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5ZWRDb2x1bW5zLnZhbHVlOyBzdGlja3k6IHRydWVcIlxuICAgICAgPjwvdHI+XG4gICAgICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogZGlzcGxheWVkQ29sdW1ucy52YWx1ZVwiPjwvdHI+XG4gICAgPC90YWJsZT5cblxuICAgIDxtYXQtcHJvZ3Jlc3MtYmFyIG1vZGU9XCJpbmRldGVybWluYXRlXCIgKm5nSWY9XCJpc0xvYWRpbmdcIj48L21hdC1wcm9ncmVzcy1iYXI+XG4gIDwvbWF0LWNhcmQtY29udGVudD5cbjwvbWF0LWNhcmQ+XG4iXX0=

package/esm2022/lib/inventory-common/product/product-measure-form/product-measure-form.component.mjs

@@ -0,0 +1,101 @@
+import { Component, Inject } from "@angular/core";
+import { Validators } from "@angular/forms";
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import * as i0 from "@angular/core";
+import * as i1 from "../product.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/dialog";
+import * as i4 from "ngx-spinner";
+import * as i5 from "ngx-techlify-core";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/form-field";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/flex-layout";
+const errorMessages = {
+    title: {
+        required: "Please Enter Title",
+    },
+    description: {
+        required: "Please Enter Description",
+    },
+};
+export class ProductMeasureFormComponent {
+    productService;
+    fb;
+    dialogRef;
+    data;
+    spinnerService;
+    formValidatorService;
+    errorService;
+    alertService;
+    productMeasureForm;
+    isWorking = false;
+    isUpdate = false;
+    constructor(productService, fb, dialogRef, data, spinnerService, formValidatorService, errorService, alertService) {
+        this.productService = productService;
+        this.fb = fb;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.spinnerService = spinnerService;
+        this.formValidatorService = formValidatorService;
+        this.errorService = errorService;
+        this.alertService = alertService;
+        this.productMeasureForm = this.fb.group({
+            id: [""],
+            title: ["", Validators.compose([Validators.required])],
+            description: ["", Validators.compose([Validators.required])],
+        });
+    }
+    ngOnInit() {
+        if (this.data.details) {
+            this.isUpdate = true;
+            this.productMeasureForm.patchValue(this.data.details);
+        }
+    }
+    async save() {
+        if (!this.productMeasureForm.valid) {
+            this.alertService.addAlert("Please Fill All Required Fields", "warn");
+            this.productMeasureForm.markAllAsTouched();
+            return;
+        }
+        let productMeasure = this.productMeasureForm.value;
+        try {
+            this.spinnerService.show();
+            this.isWorking = true;
+            let result = this.isUpdate
+                ? await this.productService.updateProductMeasure(productMeasure)
+                : await this.productService.createProductMeasure(productMeasure);
+            this.dialogRef.close(result);
+        }
+        catch (error) {
+            this.errorService.handleError(error);
+        }
+        finally {
+            this.isWorking = false;
+            this.spinnerService.hide();
+        }
+    }
+    /**
+     * Method to evaluate form fields
+     */
+    isFieldValid(field) {
+        return this.formValidatorService.isFieldValid(field, this.productMeasureForm);
+    }
+    /**
+     * Method to find error in form fields
+     */
+    getErrorMessage(field) {
+        return this.formValidatorService.getErrorMessage(field, this.productMeasureForm, errorMessages);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductMeasureFormComponent, deps: [{ token: i1.ProductService }, { token: i2.FormBuilder }, { token: i3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i4.NgxSpinnerService }, { token: i5.FormValidatorService }, { token: i5.ErrorHandlerService }, { token: i5.AlertService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProductMeasureFormComponent, selector: "app-product-measure-form", ngImport: i0, template: "<div>\n  <form [formGroup]=\"productMeasureForm\" (ngSubmit)=\"save()\">\n    <h3 class=\"text-center\">Create/Update Product Measure</h3>\n    <div fxLayout=\"column\">\n      <div fxLayout=\"column\">\n        <mat-form-field>\n          <input\n            matInput\n            placeholder=\"Title\"\n            formControlName=\"title\"\n            required\n          />\n          <mat-error *ngIf=\"isFieldValid('title')\"\n            >{{ getErrorMessage(\"title\") }}\n          </mat-error>\n        </mat-form-field>\n        <mat-form-field>\n          <input\n            matInput\n            placeholder=\"Description\"\n            formControlName=\"description\"\n            required\n          />\n          <mat-error *ngIf=\"isFieldValid('description')\"\n            >{{ getErrorMessage(\"description\") }}\n          </mat-error>\n        </mat-form-field>\n        <div fxFlex=\"100%\" fxLayout fxLayoutGap=\"1rem\">\n          <button\n            mat-button\n            class=\"mt-2\"\n            type=\"button\"\n            (click)=\"dialogRef.close()\"\n          >\n            Cancel\n          </button>\n          <button mat-raised-button color=\"primary\" class=\"mt-2\" type=\"submit\">\n            Save\n          </button>\n        </div>\n      </div>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i10.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], preserveWhitespaces: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductMeasureFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-product-measure-form", template: "<div>\n  <form [formGroup]=\"productMeasureForm\" (ngSubmit)=\"save()\">\n    <h3 class=\"text-center\">Create/Update Product Measure</h3>\n    <div fxLayout=\"column\">\n      <div fxLayout=\"column\">\n        <mat-form-field>\n          <input\n            matInput\n            placeholder=\"Title\"\n            formControlName=\"title\"\n            required\n          />\n          <mat-error *ngIf=\"isFieldValid('title')\"\n            >{{ getErrorMessage(\"title\") }}\n          </mat-error>\n        </mat-form-field>\n        <mat-form-field>\n          <input\n            matInput\n            placeholder=\"Description\"\n            formControlName=\"description\"\n            required\n          />\n          <mat-error *ngIf=\"isFieldValid('description')\"\n            >{{ getErrorMessage(\"description\") }}\n          </mat-error>\n        </mat-form-field>\n        <div fxFlex=\"100%\" fxLayout fxLayoutGap=\"1rem\">\n          <button\n            mat-button\n            class=\"mt-2\"\n            type=\"button\"\n            (click)=\"dialogRef.close()\"\n          >\n            Cancel\n          </button>\n          <button mat-raised-button color=\"primary\" class=\"mt-2\" type=\"submit\">\n            Save\n          </button>\n        </div>\n      </div>\n    </div>\n  </form>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.ProductService }, { type: i2.FormBuilder }, { type: i3.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i4.NgxSpinnerService }, { type: i5.FormValidatorService }, { type: i5.ErrorHandlerService }, { type: i5.AlertService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1tZWFzdXJlLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52ZW50b3J5LWNvbW1vbi9zcmMvbGliL2ludmVudG9yeS1jb21tb24vcHJvZHVjdC9wcm9kdWN0LW1lYXN1cmUtZm9ybS9wcm9kdWN0LW1lYXN1cmUtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZlbnRvcnktY29tbW9uL3NyYy9saWIvaW52ZW50b3J5LWNvbW1vbi9wcm9kdWN0L3Byb2R1Y3QtbWVhc3VyZS1mb3JtL3Byb2R1Y3QtbWVhc3VyZS1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBMEIsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEUsT0FBTyxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7O0FBU3pFLE1BQU0sYUFBYSxHQUFRO0lBQ3pCLEtBQUssRUFBRTtRQUNMLFFBQVEsRUFBRSxvQkFBb0I7S0FDL0I7SUFDRCxXQUFXLEVBQUU7UUFDWCxRQUFRLEVBQUUsMEJBQTBCO0tBQ3JDO0NBQ0YsQ0FBQztBQU1GLE1BQU0sT0FBTywyQkFBMkI7SUFLNUI7SUFDQTtJQUNEO0lBQ3lCO0lBQ3hCO0lBQ0E7SUFDQTtJQUNBO0lBWEgsa0JBQWtCLENBQVk7SUFDOUIsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUMzQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQ2pDLFlBQ1UsY0FBOEIsRUFDOUIsRUFBZSxFQUNoQixTQUFvRCxFQUMzQixJQUFTLEVBQ2pDLGNBQWlDLEVBQ2pDLG9CQUEwQyxFQUMxQyxZQUFpQyxFQUNqQyxZQUEwQjtRQVAxQixtQkFBYyxHQUFk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QkFXakMsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7IE5neFNwaW5uZXJTZXJ2aWNlIH0gZnJvbSBcIm5neC1zcGlubmVyXCI7XG5pbXBvcnQge1xuICBBbGVydFNlcnZpY2UsXG4gIEVycm9ySGFuZGxlclNlcnZpY2UsXG4gIEZvcm1WYWxpZGF0b3JTZXJ2aWNlLFxufSBmcm9tIFwibmd4LXRlY2hsaWZ5LWNvcmVcIjtcbmltcG9ydCB7IFByb2R1Y3RTZXJ2aWNlIH0gZnJvbSBcIi4uL3Byb2R1Y3Quc2VydmljZVwiO1xuXG5jb25zdCBlcnJvck1lc3NhZ2VzOiBhbnkgPSB7XG4gIHRpdGxlOiB7XG4gICAgcmVxdWlyZWQ6IFwiUGxlYXNlIEVudGVyIFRpdGxlXCIsXG4gIH0sXG4gIGRlc2NyaXB0aW9uOiB7XG4gICAgcmVxdWlyZWQ6IFwiUGxlYXNlIEVudGVyIERlc2NyaXB0aW9uXCIsXG4gIH0sXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLXByb2R1Y3QtbWVhc3VyZS1mb3JtXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcHJvZHVjdC1tZWFzdXJlLWZvcm0uY29tcG9uZW50Lmh0bWxcIixcbn0pXG5leHBvcnQgY2xhc3MgUHJvZHVjdE1lYXN1cmVGb3JtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIHByb2R1Y3RNZWFzdXJlRm9ybTogRm9ybUdyb3VwO1xuICBwdWJsaWMgaXNXb3JraW5nOiBib29sZWFuID0gZmFsc2U7XG4gIHB1YmxpYyBpc1VwZGF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHByb2R1Y3RTZXJ2aWNlOiBQcm9kdWN0U2VydmljZSxcbiAgICBwcml2YXRlIGZiOiBGb3JtQnVpbGRlcixcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UHJvZHVjdE1lYXN1cmVGb3JtQ29tcG9uZW50PixcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcbiAgICBwcml2YXRlIHNwaW5uZXJTZXJ2aWNlOiBOZ3hTcGlubmVyU2VydmljZSxcbiAgICBwcml2YXRlIGZvcm1WYWxpZGF0b3JTZXJ2aWNlOiBGb3JtVmFsaWRhdG9yU2VydmljZSxcbiAgICBwcml2YXRlIGVycm9yU2VydmljZTogRXJyb3JIYW5kbGVyU2VydmljZSxcbiAgICBwcml2YXRlIGFsZXJ0U2VydmljZTogQWxlcnRTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMucHJvZHVjdE1lYXN1cmVGb3JtID0gdGhpcy5mYi5ncm91cCh7XG4gICAgICBpZDogW1wiXCJdLFxuICAgICAgdGl0bGU6IFtcIlwiLCBWYWxpZGF0b3JzLmNvbXBvc2UoW1ZhbGlkYXRvcnMucmVxdWlyZWRdKV0sXG4gICAgICBkZXNjcmlwdGlvbjogW1wiXCIsIFZhbGlkYXRvcnMuY29tcG9zZShbVmFsaWRhdG9ycy5yZXF1aXJlZF0pXSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRhdGEuZGV0YWlscykge1xuICAgICAgdGhpcy5pc1VwZGF0ZSA9IHRydWU7XG4gICAgICB0aGlzLnByb2R1Y3RNZWFzdXJlRm9ybS5wYXRjaFZhbHVlKHRoaXMuZGF0YS5kZXRhaWxzKTtcbiAgICB9XG4gIH1cblxuICBhc3luYyBzYXZlKCkge1xuICAgIGlmICghdGhpcy5wcm9kdWN0TWVhc3VyZUZvcm0udmFsaWQpIHtcbiAgICAgIHRoaXMuYWxlcnRTZXJ2aWNlLmFkZEFsZXJ0KFwiUGxlYXNlIEZpbGwgQWxsIFJlcXVpcmVkIEZpZWxkc1wiLCBcIndhcm5cIik7XG4gICAgICB0aGlzLnByb2R1Y3RNZWFzdXJlRm9ybS5tYXJrQWxsQXNUb3VjaGVkKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGxldCBwcm9kdWN0TWVhc3VyZSA9IHRoaXMucHJvZHVjdE1lYXN1cmVGb3JtLnZhbHVlO1xuICAgIHRyeSB7XG4gICAgICB0aGlzLnNwaW5uZXJTZXJ2aWNlLnNob3coKTtcbiAgICAgIHRoaXMuaXNXb3JraW5nID0gdHJ1ZTtcbiAgICAgIGxldCByZXN1bHQgPSB0aGlzLmlzVXBkYXRlXG4gICAgICAgID8gYXdhaXQgdGhpcy5wcm9kdWN0U2VydmljZS51cGRhdGVQcm9kdWN0TWVhc3VyZShwcm9kdWN0TWVhc3VyZSlcbiAgICAgICAgOiBhd2FpdCB0aGlzLnByb2R1Y3RTZXJ2aWNlLmNyZWF0ZVByb2R1Y3RNZWFzdXJlKHByb2R1Y3RNZWFzdXJlKTtcbiAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHJlc3VsdCk7XG4gICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgIHRoaXMuZXJyb3JTZXJ2aWNlLmhhbmRsZUVycm9yKGVycm9yKTtcbiAgICB9IGZpbmFsbHkge1xuICAgICAgdGhpcy5pc1dvcmtpbmcgPSBmYWxzZTtcbiAgICAgIHRoaXMuc3Bpbm5lclNlcnZpY2UuaGlkZSgpO1xuICAgIH1cbiAgfVxuICAvKipcbiAgICogTWV0aG9kIHRvIGV2YWx1YXRlIGZvcm0gZmllbGRzXG4gICAqL1xuICBpc0ZpZWxkVmFsaWQoZmllbGQ6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLmZvcm1WYWxpZGF0b3JTZXJ2aWNlLmlzRmllbGRWYWxpZChcbiAgICAgIGZpZWxkLFxuICAgICAgdGhpcy5wcm9kdWN0TWVhc3VyZUZvcm1cbiAgICApO1xuICB9XG4gIC8qKlxuICAgKiBNZXRob2QgdG8gZmluZCBlcnJvciBpbiBmb3JtIGZpZWxkc1xuICAgKi9cbiAgZ2V0RXJyb3JNZXNzYWdlKGZpZWxkOiBzdHJpbmcpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtVmFsaWRhdG9yU2VydmljZS5nZXRFcnJvck1lc3NhZ2UoXG4gICAgICBmaWVsZCxcbiAgICAgIHRoaXMucHJvZHVjdE1lYXN1cmVGb3JtLFxuICAgICAgZXJyb3JNZXNzYWdlc1xuICAgICk7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxmb3JtIFtmb3JtR3JvdXBdPVwicHJvZHVjdE1lYXN1cmVGb3JtXCIgKG5nU3VibWl0KT1cInNhdmUoKVwiPlxuICAgIDxoMyBjbGFzcz1cInRleHQtY2VudGVyXCI+Q3JlYXRlL1VwZGF0ZSBQcm9kdWN0IE1lYXN1cmU8L2gzPlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiVGl0bGVcIlxuICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwidGl0bGVcIlxuICAgICAgICAgICAgcmVxdWlyZWRcbiAgICAgICAgICAvPlxuICAgICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJpc0ZpZWxkVmFsaWQoJ3RpdGxlJylcIlxuICAgICAgICAgICAgPnt7IGdldEVycm9yTWVzc2FnZShcInRpdGxlXCIpIH19XG4gICAgICAgICAgPC9tYXQtZXJyb3I+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgIHJlcXVpcmVkXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiaXNGaWVsZFZhbGlkKCdkZXNjcmlwdGlvbicpXCJcbiAgICAgICAgICAgID57eyBnZXRFcnJvck1lc3NhZ2UoXCJkZXNjcmlwdGlvblwiKSB9fVxuICAgICAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgICA8ZGl2IGZ4RmxleD1cIjEwMCVcIiBmeExheW91dCBmeExheW91dEdhcD1cIjFyZW1cIj5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cIm10LTJcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZGlhbG9nUmVmLmNsb3NlKClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIENhbmNlbFxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJtdC0yXCIgdHlwZT1cInN1Ym1pdFwiPlxuICAgICAgICAgICAgU2F2ZVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Zvcm0+XG48L2Rpdj5cbiJdfQ==