marketplacepos 2.2.6 → 2.2.9

package/Marketplace/src_app_menu_inventory_inventory_module_ts.js

@@ -0,0 +1,1069 @@
+"use strict";
+(self["webpackChunkpos_marketplace"] = self["webpackChunkpos_marketplace"] || []).push([["src_app_menu_inventory_inventory_module_ts"],{
+
+/***/ 8673:
+/*!*************************************************************************!*\
+  !*** ./src/app/menu/inventory/inventory-pos/inventory-pos.component.ts ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "InventoryPosComponent": () => (/* binding */ InventoryPosComponent)
+/* harmony export */ });
+/* harmony import */ var _products_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../products/scan-dialog/scan-dialog.component */ 5241);
+/* harmony import */ var _modal_update_channels_modal_update_channels_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal-update-channels/modal-update-channels.component */ 2486);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/material/dialog */ 1484);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+
+
+
+
+
+
+
+class InventoryPosComponent {
+    constructor(http, toastr, dialog) {
+        this.http = http;
+        this.toastr = toastr;
+        this.dialog = dialog;
+        this.filter = {
+            ChannelID: "",
+        };
+        this.loading = false;
+        this.LoaderChannel();
+        this.Options = [
+            { Key: 1, Value: "All" },
+            { Key: 3, Value: "Difference" },
+        ];
+        this.filterModel = 1;
+        this.pageData = {
+            Title: "Inventory",
+            Nav: [
+                { Title: "Inventory Cache", Url: "/menu/inventory/pos", Active: true },
+                {
+                    Title: "Inventory Realtime",
+                    Url: "/menu/inventory/realtime",
+                    Active: false,
+                },
+            ],
+        };
+    }
+    ngOnInit() { }
+    LoaderChannel() {
+        this.http.post('/api/InventoryLoader/GetMultipleInventoryComparison', {}).subscribe(result => {
+            this.Channel = result.Options.Channel;
+            this.filter = result.Filter;
+            this.Filter();
+        });
+    }
+    Filter(event) {
+        var filter = {
+            text: event,
+            filterModel: this.filterModel,
+            PageNumber: this.filter.PageNumber,
+            RowCount: this.filter.PageSize,
+        };
+        this.http
+            .post("/api/Inventory/GetMultipleChannelComparison", filter)
+            .subscribe((result) => {
+            this.data = result.Data;
+            this.tempdata = result.Data;
+        });
+    }
+    UpdateStock() {
+        let listSelected = this.getSelected();
+        if (listSelected.length > 0) {
+            let Request = [];
+            listSelected.forEach((m) => Request.push({
+                ID: m.ID,
+                Code: m.Code,
+                Inventory: m.Inventory,
+            }));
+            var selectedID = [];
+            for (let ch of this.Channel) {
+                if (ch.selected) {
+                    selectedID.push(ch.ID);
+                }
+            }
+            let params = {
+                ListChannelID: selectedID,
+                List: Request,
+            };
+            this.http
+                .post("/api/Inventory/UpdateChannel", params)
+                .subscribe((result) => {
+                this.info = result.Data;
+                this.Filter();
+                this.toastr.success("Successfully updated " +
+                    params.List.length +
+                    " variants in " +
+                    params.ListChannelID.length +
+                    " channels", "Success");
+            });
+        }
+    }
+    /**
+     * Opens the scan dialog and pass the Channel list and the filter variable
+     * It will return the modified filter and will run the scan function that the user has selected (full or quick)
+     */
+    openScanDialog() {
+        const dialogRef = this.dialog.open(_products_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_0__.ScanDialogComponent, {
+            data: {
+                filter: this.filter,
+                Channel: this.Channel,
+            },
+            width: "30%",
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result != null) {
+                this.filter = result.filter;
+                if (this.filter.sync) {
+                    this.RefreshChannel();
+                }
+                else if (!this.filter.sync) {
+                    this.RefreshChannel();
+                }
+            }
+        });
+    }
+    RefreshChannel() {
+        let params = {
+            ID: this.filter.ChannelID,
+            ScanFull: this.filter.ScanFull,
+        };
+        this.http
+            .post("/api/product/ScanOptimized", params)
+            .subscribe((result) => {
+            this.info = result.Data;
+            this.Filter();
+            this.toastr.success("Successfully scanned from " + this.getChannelName(params.ID), "Success");
+        });
+    }
+    UpdateStockByVariant(item) {
+        let params = {
+            ID: item.ChannelID,
+            ChannelItemID: item.ChannelItemID,
+            ChannelVariantID: item.ChannelVariationID,
+            NewQuantity: parseFloat(item.Inventory),
+            VariantID: item.ID,
+            SKU: item.Sku,
+        };
+        this.http
+            .post("/api/Inventory/UpdateQuantityByItem", params)
+            .subscribe((result) => {
+            this.toastr.success("Successfully updated " +
+                item.ItemName +
+                "(" +
+                item.VarName +
+                ") inventory in " +
+                this.getChannelName(params.ID) +
+                " to " +
+                params.NewQuantity, "Success");
+            for (let p of this.data) {
+                if (p.ChannelItemID === item.ChannelItemID) {
+                    for (let v of p.Variants) {
+                        if (v.ChannelVariationID == item.ChannelVariantID) {
+                            v.Stock = parseFloat(item.Inventory);
+                        }
+                    }
+                }
+            }
+        });
+    }
+    getSelected() {
+        let listvariant = [];
+        if (this.data) {
+            for (let p of this.data) {
+                for (let v of p.Variants) {
+                    if (v.selected) {
+                        listvariant.push(v);
+                    }
+                }
+            }
+            return listvariant;
+        }
+        else {
+            return [];
+        }
+    }
+    hasSelection() {
+        if (this.data) {
+            let selected = this.getSelected();
+            if (selected.length > 0) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    //Function: getChannelName() will return the Channel's name based on the ID given as input
+    getChannelName(ID) {
+        let channel = this.Channel.find((x) => x.ID == ID);
+        return channel.Name;
+    }
+    onShowDifferenceStock(event) {
+        if (event) {
+            this.filterModel = 3;
+        }
+        else {
+            this.filterModel = 1;
+        }
+        this.Filter();
+    }
+    onUpdateItems() {
+        const selectedItems = this.getSelected();
+        this.dialog.open(_modal_update_channels_modal_update_channels_component__WEBPACK_IMPORTED_MODULE_1__.ModalUpdateChannelsComponent, {
+            data: {
+                selectedItems: selectedItems,
+                channels: this.Channel
+            },
+            width: '40%'
+        })
+            .afterClosed()
+            .subscribe((result) => {
+            if (result) {
+                this.Channel = result;
+                this.UpdateStock();
+            }
+        });
+    }
+}
+InventoryPosComponent.ɵfac = function InventoryPosComponent_Factory(t) { return new (t || InventoryPosComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_2__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_5__.ToastrService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__.MatDialog)); };
+InventoryPosComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineComponent"]({ type: InventoryPosComponent, selectors: [["app-inventory-pos"]], decls: 15, vars: 10, consts: [[3, "Title", "pageData", "hideSearchBox", "hideSearchDropdown", "textButton", "onSubmit"], [1, "d-flex"], ["type", "button", "data-cy", "scanInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", "me-3", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], ["type", "button", 1, "btn", "btn-success", "shadow-sm", "rounded", "me-3", 3, "hidden", "click"], [1, "fas", "fa-chevron-circle-up"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], ["table", "inventory", 3, "data", "channel", "showProductToggle", "filter", "onToggle", "onSubmit"]], template: function InventoryPosComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("onSubmit", function InventoryPosComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Filter($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](1, "actions")(2, "div", 1)(3, "div")(4, "button", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryPosComponent_Template_button_click_4_listener() { return ctx.openScanDialog(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](5, "i", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](6, " Scan Channel ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "button", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryPosComponent_Template_button_click_7_listener() { return ctx.onUpdateItems(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](8, "i", 5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](9, " Update ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](10, "content")(11, "div", 6)(12, "div", 7)(13, "div", 8)(14, "app-table", 9);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("onToggle", function InventoryPosComponent_Template_app_table_onToggle_14_listener($event) { return ctx.onShowDifferenceStock($event); })("onSubmit", function InventoryPosComponent_Template_app_table_onSubmit_14_listener($event) { return ctx.UpdateStockByVariant($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("Title", "Inventory Comparison")("pageData", ctx.pageData)("hideSearchBox", false)("hideSearchDropdown", true)("textButton", "Search");
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("hidden", !ctx.hasSelection());
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("data", ctx.data)("channel", ctx.Channel)("showProductToggle", true)("filter", ctx.filter);
+    } }, dependencies: [_main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_3__.MainPanelComponent], styles: [".no-bullet[_ngcontent-%COMP%] {\n  list-style-type: none;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImludmVudG9yeS1wb3MuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxxQkFBQTtBQUNKIiwiZmlsZSI6ImludmVudG9yeS1wb3MuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubm8tYnVsbGV0e1xyXG4gICAgbGlzdC1zdHlsZS10eXBlOm5vbmU7XHJcbn1cclxuIl19 */"] });
+
+
+/***/ }),
+
+/***/ 5909:
+/*!***********************************************************************************!*\
+  !*** ./src/app/menu/inventory/inventory-realtime/inventory-realtime.component.ts ***!
+  \***********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "InventoryRealtimeComponent": () => (/* binding */ InventoryRealtimeComponent)
+/* harmony export */ });
+/* harmony import */ var _table_table_dialog_table_dialog_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../table/table-dialog/table-dialog.component */ 1576);
+/* harmony import */ var _products_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../products/scan-dialog/scan-dialog.component */ 5241);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/material/dialog */ 1484);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/material/slide-toggle */ 4714);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+
+
+
+
+
+
+
+
+
+
+
+function InventoryRealtimeComponent_mainpanel_0_div_25_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 35)(1, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](2, " showing only different stock, please press next to populate more data ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+} }
+function InventoryRealtimeComponent_mainpanel_0_ng_option_45_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "ng-option", 36);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](1, "img", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const c_r8 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("value", c_r8.ID);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpropertyInterpolate"]("src", c_r8.Img, _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](c_r8.Name);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_input_3_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "input", 49);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_input_3_Template_input_ngModelChange_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r24); const item_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](3).$implicit; return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](item_r9.selected = $event); })("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_input_3_Template_input_ngModelChange_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r24); const item_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](3).$implicit; const ctx_r25 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r25.onCheckboxStateProduct(item_r9.ID)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](3).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngModel", item_r9.selected);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_img_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](0, "img", 50);
+} if (rf & 2) {
+    const item_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](3).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpropertyInterpolate"]("src", item_r9 == null ? null : item_r9.ThumbnailUrl, _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵsanitizeUrl"]);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](0, "img", 51);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](1, "td", 43)(2, "div", 44);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](3, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_input_3_Template, 1, 1, "input", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](4, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_img_4_Template, 1, 1, "img", 46);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](5, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_ng_template_5_Template, 1, 0, "ng-template", null, 47, _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplateRefExtractor"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "td", 43)(8, "span", 48);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](10, "br");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](11, "small");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵreference"](6);
+    const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
+    const item_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("rowSpan", item_r9 == null ? null : item_r9.Variants.length);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", (v_r11 == null ? null : v_r11.Inventory) >= 0 || item_r9.Variants.length > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", item_r9 == null ? null : item_r9.ThumbnailUrl)("ngIfElse", _r20);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("rowSpan", item_r9 == null ? null : item_r9.Variants.length);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](item_r9 == null ? null : item_r9.Name);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"]("(", item_r9 == null ? null : item_r9.Category, ")");
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_input_7_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "input", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_input_7_Template_input_ngModelChange_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r33); const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit; return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](v_r11.selected = $event); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngModel", v_r11.selected);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_span_9_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "span")(1, "span", 52);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](3, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](4, " => ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](5, "span", 53);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](7, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](3, 2, v_r11.I.Available), "");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](7, 4, v_r11 == null ? null : v_r11.Inventory));
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_span_10_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](2, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](2, 1, v_r11 == null ? null : v_r11.Inventory), " ");
+} }
+const _c0 = function (a0) { return { "bg-err": a0 }; };
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_td_11_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "td", 54)(1, "div", 55)(2, "div", 56);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_td_11_Template_div_click_2_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r39); const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit; const item_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit; const ctx_r37 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r37.openTableDialog(item_r9.Name, v_r11, v_r11 == null ? null : v_r11.Channel[0].ChannelID, item_r9.ChannelItemID)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](4, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](5, "div", 57)(6, "a", 58);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](7, "i", 59);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()();
+} if (rf & 2) {
+    const v_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpureFunction1"](5, _c0, (v_r11 == null ? null : v_r11.Inventory) != (v_r11 == null ? null : v_r11.Channel[0].Inventory)));
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](4, 3, v_r11 == null ? null : v_r11.Channel[0].Inventory), " ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("href", v_r11 == null ? null : v_r11.Channel[0].Url, _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵsanitizeUrl"]);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "tr");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_ng_container_1_Template, 13, 7, "ng-container", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](2, "td", 38);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](4, "td", 39);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](6, "td", 40);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](7, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_input_7_Template, 1, 1, "input", 41);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](8, "td", 39);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](9, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_span_9_Template, 8, 6, "span", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](10, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_span_10_Template, 3, 3, "span", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](11, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_td_11_Template, 8, 7, "td", 42);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const v_r11 = ctx.$implicit;
+    const i_r12 = ctx.index;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", i_r12 == 0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](v_r11 == null ? null : v_r11.Model);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", v_r11 == null ? null : v_r11.Code, " ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", (v_r11 == null ? null : v_r11.Inventory) >= 0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", (v_r11 == null ? null : v_r11.Inventory) != v_r11.I.Available);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", (v_r11 == null ? null : v_r11.Inventory) == v_r11.I.Available);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", v_r11 == null ? null : v_r11.Channel);
+} }
+function InventoryRealtimeComponent_mainpanel_0_tbody_47_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "tbody");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, InventoryRealtimeComponent_mainpanel_0_tbody_47_tr_1_Template, 12, 7, "tr", 26);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r9 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngForOf", item_r9.Variants);
+} }
+function InventoryRealtimeComponent_mainpanel_0_span_53_Template(rf, ctx) { if (rf & 1) {
+    const _r43 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "span", 60);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryRealtimeComponent_mainpanel_0_span_53_Template_span_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r43); const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r42.StoreRowsCountAPIResult()); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](1, "i", 61);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](2, "?");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+} }
+function InventoryRealtimeComponent_mainpanel_0_span_54_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](2, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](2, 1, ctx_r5.listTotal));
+} }
+function InventoryRealtimeComponent_mainpanel_0_a_57_Template(rf, ctx) { if (rf & 1) {
+    const _r45 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "a", 62);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryRealtimeComponent_mainpanel_0_a_57_Template_a_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r45); const ctx_r44 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r44.NextPage(true)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](1, "i", 63);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](2, " Next");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} }
+function InventoryRealtimeComponent_mainpanel_0_a_58_Template(rf, ctx) { if (rf & 1) {
+    const _r47 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "a", 64);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryRealtimeComponent_mainpanel_0_a_58_Template_a_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r47); const ctx_r46 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r46.StoreRowsCountAPIResult(true)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](1, "i", 65);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](2, " Last");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+} }
+function InventoryRealtimeComponent_mainpanel_0_Template(rf, ctx) { if (rf & 1) {
+    const _r49 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "mainpanel", 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("onSubmit", function InventoryRealtimeComponent_mainpanel_0_Template_mainpanel_onSubmit_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r48 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r48.Filter($event, "search")); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](1, "actions")(2, "div", 2)(3, "div")(4, "button", 3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryRealtimeComponent_mainpanel_0_Template_button_click_4_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r50 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r50.openScanDialog()); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](5, "i", 4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](6, " Scan Channel ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "button", 5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function InventoryRealtimeComponent_mainpanel_0_Template_button_click_7_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r51 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r51.UpdateStock()); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](8, "i", 6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](9, " Update");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](10, "filters")(11, "div", 2)(12, "div", 7)(13, "div")(14, "label", 8);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](15, "PageNumber");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](16, "input", 9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_Template_input_ngModelChange_16_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r52 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r52.filter.PageNumber = $event); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](17, "div")(18, "label", 10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](19, "Page Size");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](20, "input", 11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_Template_input_ngModelChange_20_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r53 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r53.filter.PageSize = $event); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](21, "content")(22, "div", 12)(23, "div", 13)(24, "div", 14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](25, InventoryRealtimeComponent_mainpanel_0_div_25_Template, 3, 0, "div", 15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](26, "table", 16)(27, "thead", 17)(28, "tr")(29, "th", 18);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](30, "Product ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](31, "br");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](32, "mat-slide-toggle", 19);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("toggleChange", function InventoryRealtimeComponent_mainpanel_0_Template_mat_slide_toggle_toggleChange_32_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r54 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); ctx_r54.showDifferenceStock = !ctx_r54.showDifferenceStock; return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r54.onShowDifferenceStock()); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](33, "small", 20);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](34, "Filter Different Inventory");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](35, "th", 21);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](36, "Variant");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](37, "th", 22);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](38, "SKU");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](39, "th")(40, "input", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_Template_input_ngModelChange_40_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r55 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r55.checkboxState = $event); })("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_Template_input_ngModelChange_40_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r56 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r56.onCheckboxStateChange()); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](41, "th", 22);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](42, "POS");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](43, "th")(44, "ng-select", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("change", function InventoryRealtimeComponent_mainpanel_0_Template_ng_select_change_44_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r57 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); ctx_r57.filter.PageSize = 100; return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r57.Filter(null, "search")); })("ngModelChange", function InventoryRealtimeComponent_mainpanel_0_Template_ng_select_ngModelChange_44_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r49); const ctx_r58 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵresetView"](ctx_r58.filter.ChannelID = $event); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](45, InventoryRealtimeComponent_mainpanel_0_ng_option_45_Template, 3, 3, "ng-option", 25);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](46, "th");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](47, InventoryRealtimeComponent_mainpanel_0_tbody_47_Template, 2, 1, "tbody", 26);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](48, "div", 27)(49, "div", 28)(50, "div", 29);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](51);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](52, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](53, InventoryRealtimeComponent_mainpanel_0_span_53_Template, 3, 0, "span", 30);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](54, InventoryRealtimeComponent_mainpanel_0_span_54_Template, 3, 3, "span", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](55);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](56, "div", 32);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](57, InventoryRealtimeComponent_mainpanel_0_a_57_Template, 3, 0, "a", 33);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](58, InventoryRealtimeComponent_mainpanel_0_a_58_Template, 3, 0, "a", 34);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()()()()();
+} if (rf & 2) {
+    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("Title", "Inventory Comparison")("pageData", ctx_r0.pageData)("hideSearchBox", false)("textButton", "Search");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("hidden", !ctx_r0.hasSelection());
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngModel", ctx_r0.filter.PageNumber);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngModel", ctx_r0.filter.PageSize);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r0.filterModel == 3 && !ctx_r0.NonFull);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngModel", ctx_r0.checkboxState);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("clearable", false)("ngModel", ctx_r0.filter.ChannelID);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngForOf", ctx_r0.Channel);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngForOf", ctx_r0.infiniteList);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" Showing 1 - ", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](52, 19, ctx_r0.filter.PageSize * (ctx_r0.filter.PageNumber - 1) + ctx_r0.data.length), " of ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r0.hideCount);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", !ctx_r0.hideCount);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" records ~ ", ctx_r0.filter.PageNumber, " Page ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r0.nextPageDisabled && !ctx_r0.goToLast);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r0.nextPageDisabled && !ctx_r0.goToLast);
+} }
+class InventoryRealtimeComponent {
+    constructor(http, toastr, dialog) {
+        this.http = http;
+        this.toastr = toastr;
+        this.dialog = dialog;
+        this.oldRowCount = -1;
+        this.hideCount = true;
+        this.nextPageDisabled = false;
+        this.goToLast = false;
+        this.extendData = false;
+        this.filter = {
+            ChannelID: ""
+        };
+        this.loading = false;
+        this.checkboxState = false;
+        this.showDifferenceStock = false;
+        this.NonFull = false;
+        this.LoaderChannel();
+        this.Options = [
+            { Key: 1, Value: "All" },
+            { Key: 3, Value: "Difference" }
+        ];
+        this.filterModel = 1;
+        this.pageData = {
+            Title: "Inventory Realtime",
+            Nav: [
+                { Title: 'Inventory Cache', Url: '/menu/inventory', Active: false },
+                { Title: 'Inventory Realtime', Url: '/menu/inventory/realtime', Active: true }
+            ]
+        };
+    }
+    ngOnInit() {
+    }
+    LoaderChannel() {
+        this.http.post('/api/InventoryLoader/Load', {}).subscribe(result => {
+            this.Channel = result.Options.Channel;
+            this.filter = result.Filter;
+            this.Filter();
+            if (!this.filter.IsMarketplaceAppActive) {
+                let msg = "Automatic inventory sync disabled." + "\n" + " Please enable Dealpos X Marketplace Apps integration in POS Configuration";
+                this.toastr.warning(msg, "Warning");
+            }
+        });
+    }
+    Filter(event, search) {
+        if (search === 'search') {
+            this.oldRowCount = this.filter.PageSize;
+            this.goToLast = false;
+            this.extendData = false;
+            this.filter.PageNumber = 1;
+        }
+        const filter = {
+            text: event,
+            filterModel: this.filterModel,
+            ID: this.filter.ChannelID,
+            PageNumber: this.filter.PageNumber,
+            RowCount: this.filter.PageSize
+        };
+        this.hideCount = true;
+        this.http.post('/api/Inventory/GetSingleChannelComparison', filter).subscribe(result => {
+            this.data = result.Data;
+            this.temp = result.Data;
+            this.postFilter(result);
+        });
+    }
+    UpdateStock() {
+        let listSelected = this.getSelected();
+        if (listSelected.length > 0) {
+            let Request = [];
+            listSelected.forEach(m => Request.push({
+                ID: m.ID,
+                Code: m.Code,
+                Inventory: m.Inventory
+            }));
+            var selectedID = [];
+            selectedID.push(this.filter.ChannelID);
+            let params = {
+                ListChannelID: selectedID,
+                List: Request
+            };
+            this.http.post('/api/Inventory/UpdateChannel', params).subscribe(result => {
+                this.info = result.Data;
+                this.Filter();
+                this.toastr.success("Successfully updated " + params.List.length + " variants in " + params.ListChannelID.length + " channels", "Success");
+            });
+        }
+    }
+    /**
+   * Opens the scan dialog and pass the Channel list and the filter variable
+   * It will return the modified filter and will run the scan function that the user has selected (full or quick)
+   */
+    openScanDialog() {
+        const dialogRef = this.dialog.open(_products_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_1__.ScanDialogComponent, {
+            data: {
+                filter: this.filter,
+                Channel: this.Channel
+            },
+            width: '30%'
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result != null) {
+                this.filter = result.filter;
+                if (this.filter.sync) {
+                    this.RefreshChannel();
+                }
+                else if (!this.filter.sync) {
+                    this.RefreshChannel();
+                }
+            }
+        });
+    }
+    RefreshChannel() {
+        let params = {
+            ID: this.filter.ChannelID,
+            ScanFull: this.filter.ScanFull
+        };
+        this.http.post('/api/product/ScanOptimized', params).subscribe(result => {
+            this.info = result.Data;
+            this.Filter();
+            this.toastr.success("Successfully scanned from " + this.getChannelName(params.ID), "Success");
+        });
+    }
+    UpdateStockByVariant(ChannelItemID, ChannelVariantID, NewQuantity, VariantID, sku) {
+        let params = {
+            ID: this.filter.ChannelID,
+            ChannelItemID: ChannelItemID,
+            ChannelVariantID: ChannelVariantID,
+            NewQuantity: NewQuantity,
+            VariantID: VariantID,
+            SKU: sku
+        };
+        this.http.post('/api/Inventory/UpdateQuantityByID', params).subscribe(result => {
+            this.toastr.success(result.Data, "Success", {
+                closeButton: true,
+                positionClass: "toast-bottom-right"
+            });
+            for (let p of this.data) {
+                if (p.ChannelItemID === ChannelItemID) {
+                    for (let v of p.Variants) {
+                        if (v.ChannelVariationID == ChannelVariantID) {
+                            v.Stock = NewQuantity;
+                        }
+                    }
+                }
+            }
+        });
+    }
+    onCheckboxStateProduct(product) {
+        let selectedProduct = this.data.filter(x => x.ID == product);
+        if (selectedProduct.length > 0) {
+            for (let item of selectedProduct) {
+                for (let v of item.Variants) {
+                    if (v.Inventory >= 0) {
+                        v.selected = item.selected;
+                    }
+                }
+            }
+        }
+        else {
+        }
+    }
+    onCheckboxStateChange() {
+        for (let item of this.data) {
+            for (let v of item.Variants) {
+                v.selected = this.checkboxState;
+            }
+        }
+    }
+    getSelected() {
+        let listvariant = Array();
+        if (this.data) {
+            this.data.forEach(p => p.Variants.filter(v => v.selected).forEach(v => listvariant.push(v)));
+        }
+        return listvariant;
+    }
+    hasSelection() {
+        if (this.data) {
+            let selected = this.getSelected();
+            if (selected.length > 0) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    //Function: getChannelName() will return the Channel's name based on the ID given as input
+    getChannelName(ID) {
+        let channel = this.Channel.find(x => x.ID == ID);
+        return channel.Name;
+    }
+    openTableDialog(name, item, ID, ChannelItemID) {
+        const dialogRef = this.dialog.open(_table_table_dialog_table_dialog_component__WEBPACK_IMPORTED_MODULE_0__.TableDialogComponent, {
+            data: {
+                Name: name,
+                Variant: item,
+                ChannelID: ID,
+                Table: 'inventory',
+                ChannelItemID: ChannelItemID
+            }
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result != null) {
+                this.updateItemAfterDialog(result);
+            }
+        });
+    }
+    /**
+     * Is called after closing table dialog
+     * originally UpdateStockByVariant() from iventory-pos
+     * This component also has UpdateStockByVariant(), but it calls a different API, don't know why
+     *
+     * TODO: Combine with local updatestock by variant
+     *
+     * @param item result after closing table dialog
+     */
+    updateItemAfterDialog(item) {
+        let params = {
+            ID: item.ChannelID,
+            ChannelItemID: item.ChannelItemID,
+            ChannelVariantID: item.ChannelVariationID,
+            NewQuantity: parseFloat(item.Inventory),
+            VariantID: item.ID,
+            SKU: item.Sku
+        };
+        this.http.post('/api/Inventory/UpdateQuantityByItem', params).subscribe(result => {
+            this.toastr.success("Successfully updated " + item.ItemName + '(' + item.VarName + ") inventory in " + this.getChannelName(params.ID) + " to " + params.NewQuantity, "Success");
+            for (let p of this.data) {
+                if (p.ChannelItemID === item.ChannelItemID) {
+                    for (let v of p.Variants) {
+                        if (v.ChannelVariationID == item.ChannelVariantID) {
+                            v.Stock = item.Inventory;
+                        }
+                    }
+                }
+            }
+        });
+    }
+    onShowDifferenceStock() {
+        if (this.showDifferenceStock) {
+            this.filterModel = 3;
+        }
+        else {
+            this.filterModel = 1;
+        }
+        this.Filter();
+    }
+    /**
+     * Get the total amount of orders
+     */
+    StoreRowsCountAPIResult(Extends) {
+        var filter = {
+            ID: this.filter.ChannelID,
+            PageNumber: this.filter.PageNumber,
+            RowCount: this.filter.RowCount
+        };
+        this.http.post('api/Inventory/GetInventoryByChannelRowCount', filter).subscribe(result => {
+            this.listTotal = result.Total;
+            this.hideCount = false;
+            if (Extends) {
+                this.filter.PageSize = this.listTotal;
+                this.goToLast = true;
+                this.filter.PageNumber = 1;
+                this.Filter();
+            }
+        });
+    }
+    NextPage(extendData) {
+        this.filter.PageNumber = this.filter.PageNumber || 1;
+        this.filter.PageNumber += 1;
+        this.extendData = extendData;
+        this.Filter();
+    }
+    postFilter(result) {
+        if (this.extendData) {
+            this.infiniteList = this.infiniteList.concat(result.Data);
+            this.extendData = false;
+        }
+        else {
+            this.infiniteList = result.Data;
+        }
+        if (this.filterModel == 3) {
+            if (result.Data.length == 0) {
+                this.NonFull = true;
+            }
+            else {
+                this.nextPageDisabled = true;
+            }
+        }
+        else if (result.Data.length != undefined) {
+            this.nextPageDisabled = result.Data.length < this.filter.PageSize ? false : true;
+        }
+    }
+}
+InventoryRealtimeComponent.ɵfac = function InventoryRealtimeComponent_Factory(t) { return new (t || InventoryRealtimeComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_2__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_5__.ToastrService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__.MatDialog)); };
+InventoryRealtimeComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineComponent"]({ type: InventoryRealtimeComponent, selectors: [["app-inventory-realtime"]], decls: 1, vars: 1, consts: [[3, "Title", "pageData", "hideSearchBox", "textButton", "onSubmit", 4, "ngIf"], [3, "Title", "pageData", "hideSearchBox", "textButton", "onSubmit"], [1, "d-flex"], ["type", "button", "data-cy", "scanInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", "me-3", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], [1, "btn", "btn-success", 3, "hidden", "click"], [1, "fas", "fa-chevron-circle-up"], ["container", ""], ["for", "PageNumber"], ["type", "number", "id", "PageNumber", "placeholder", "PageNumber", "name", "PageNumber", "data-toggle", "tooltip", "matTooltip", "Page Number", 1, "form-control", 3, "ngModel", "ngModelChange"], ["for", "RowCount"], ["type", "number", "id", "RowCount", "placeholder", "Page Size", "name", "RowCount", "data-toggle", "tooltip", "matTooltip", "Page Size", 1, "form-control", 3, "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], ["class", "alert alert-warning d-flex justify-content-between text-dark", "role", "alert", 4, "ngIf"], [1, "table", "border-bottom"], [1, "thead-light"], ["scope", "col", "colspan", "2", 1, "text-center", "w-25"], [3, "toggleChange"], [1, "fw-bold"], ["scope", "col", 1, "text-start"], ["scope", "col", 1, "text-end", "w-10"], ["type", "checkbox", 3, "ngModel", "ngModelChange"], [3, "clearable", "ngModel", "change", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [1, "d-flex", "justify-content-between", "mt-5"], [1, "me-auto", "d-sm-block", "collapse", "mt-3"], [1, "fw-bold", "font-italic", "hidden-xxs"], ["style", "cursor:pointer", 3, "click", 4, "ngIf"], [4, "ngIf"], [1, "btn-group"], ["role", "button", "class", "btn btn-outline-secondary btn-sm text-primary", "title", "Load more for 20 products", 3, "click", 4, "ngIf"], ["role", "button", "class", "btn btn-outline-secondary btn-sm text-primary", "title", "Load all products", 3, "click", 4, "ngIf"], ["role", "alert", 1, "alert", "alert-warning", "d-flex", "justify-content-between", "text-dark"], [3, "value"], [2, "width", "18px", "margin-right", "10px", 3, "src"], [1, "text-start"], [1, "text-end"], [1, "align-middle"], ["type", "checkbox", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "text-center", 3, "ngClass", 4, "ngIf"], [1, "text-center", 3, "rowSpan"], [1, "d-flex", "align-items-center", "justify-content-end"], ["type", "checkbox", "class", "me-3", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "border rounded w-img", 3, "src", 4, "ngIf", "ngIfElse"], ["elsePic", ""], [1, "item-name", "mb-0"], ["type", "checkbox", 1, "me-3", 3, "ngModel", "ngModelChange"], [1, "border", "rounded", "w-img", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_40/POS/Images/Icon/products_thumb.png", 1, "border", "rounded", "w-img"], ["title", "Allocated"], ["title", "Inventory below minimum inventory"], [1, "text-center", 3, "ngClass"], [1, "row", "justify-content-end", "me-0"], [1, "col-8", "px-0", "text-center", 3, "click"], [1, "col-2", "ps-0", "text-start", "align-self-center"], ["target", "_blank", 3, "href"], [1, "fas", "fa-lg", "fa-external-link-alt"], [2, "cursor", "pointer", 3, "click"], ["title", "Retreive rows count", 1, "border", "p-3"], ["role", "button", "title", "Load more for 20 products", 1, "btn", "btn-outline-secondary", "btn-sm", "text-primary", 3, "click"], [1, "fas", "fa-arrow-right"], ["role", "button", "title", "Load all products", 1, "btn", "btn-outline-secondary", "btn-sm", "text-primary", 3, "click"], [1, "fas", "fa-share"]], template: function InventoryRealtimeComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](0, InventoryRealtimeComponent_mainpanel_0_Template, 59, 21, "mainpanel", 0);
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx.data);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_7__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_7__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_7__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_8__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_8__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_8__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_8__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_8__.NgModel, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_9__.NgSelectComponent, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_9__.NgOptionComponent, _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_10__.MatSlideToggle, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_3__.MainPanelComponent, _angular_common__WEBPACK_IMPORTED_MODULE_7__.DecimalPipe], styles: [".w-10[_ngcontent-%COMP%] {\n  width: 10%;\n}\n\n.w-20[_ngcontent-%COMP%] {\n  width: 20%;\n}\n\n.w-img[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n}\n\n.item-name[_ngcontent-%COMP%] {\n  margin-bottom: -14px !important;\n  font-size: larger;\n}\n\n.cell-hover[_ngcontent-%COMP%]:hover {\n  background-color: #c9c9c9 !important;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImludmVudG9yeS1yZWFsdGltZS5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLFVBQUE7QUFDSjs7QUFFQTtFQUNJLFVBQUE7QUFDSjs7QUFJQTtFQUNJLFdBQUE7RUFDQSxZQUFBO0FBREo7O0FBSUE7RUFDSSwrQkFBQTtFQUNBLGlCQUFBO0FBREo7O0FBS0E7RUFDSSxvQ0FBQTtBQUZKIiwiZmlsZSI6ImludmVudG9yeS1yZWFsdGltZS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53LTEwIHtcclxuICAgIHdpZHRoOjEwJTtcclxufVxyXG5cclxuLnctMjAge1xyXG4gICAgd2lkdGg6MjAlO1xyXG59XHJcblxyXG5cclxuXHJcbi53LWltZyB7XHJcbiAgICB3aWR0aDo0MHB4O1xyXG4gICAgaGVpZ2h0OjQwcHg7XHJcbn1cclxuXHJcbi5pdGVtLW5hbWUge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogLTE0cHghaW1wb3J0YW50O1xyXG4gICAgZm9udC1zaXplOiBsYXJnZXI7XHJcbn1cclxuXHJcblxyXG4uY2VsbC1ob3Zlcjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYzljOWM5IWltcG9ydGFudDtcclxufSJdfQ== */"] });
+
+
+/***/ }),
+
+/***/ 9902:
+/*!************************************************************!*\
+  !*** ./src/app/menu/inventory/inventory-routing.module.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "InventoryRoutingModule": () => (/* binding */ InventoryRoutingModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _inventory_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./inventory.component */ 9306);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _inventory_pos_inventory_pos_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./inventory-pos/inventory-pos.component */ 8673);
+/* harmony import */ var _inventory_realtime_inventory_realtime_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./inventory-realtime/inventory-realtime.component */ 5909);
+/* harmony import */ var src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/auth.guard */ 8063);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+const routes = [
+    {
+        path: "",
+        component: _inventory_component__WEBPACK_IMPORTED_MODULE_0__.InventoryComponent,
+        children: [
+            {
+                path: "",
+                redirectTo: "bychannel",
+                pathMatch: "full",
+            },
+            {
+                path: "pos",
+                component: _inventory_pos_inventory_pos_component__WEBPACK_IMPORTED_MODULE_1__.InventoryPosComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_3__.AuthGuard],
+                data: { title: "Inventory Comparison" },
+            },
+            {
+                path: "bychannel",
+                component: _inventory_realtime_inventory_realtime_component__WEBPACK_IMPORTED_MODULE_2__.InventoryRealtimeComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_3__.AuthGuard],
+                data: { title: "Inventory Comparison" },
+            },
+        ],
+    },
+];
+class InventoryRoutingModule {
+}
+InventoryRoutingModule.ɵfac = function InventoryRoutingModule_Factory(t) { return new (t || InventoryRoutingModule)(); };
+InventoryRoutingModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineNgModule"]({ type: InventoryRoutingModule });
+InventoryRoutingModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_6__.RouterModule.forChild(routes)] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵsetNgModuleScope"](InventoryRoutingModule, { imports: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule, _angular_router__WEBPACK_IMPORTED_MODULE_6__.RouterModule] }); })();
+
+
+/***/ }),
+
+/***/ 9306:
+/*!*******************************************************!*\
+  !*** ./src/app/menu/inventory/inventory.component.ts ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "InventoryComponent": () => (/* binding */ InventoryComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../nav-tab/nav-tab.component */ 7398);
+
+
+
+class InventoryComponent {
+    constructor() {
+        this.inventoryTabs = [
+            { Title: 'Single Channel Comparison', Url: '/menu/inventory/bychannel' },
+            { Title: 'Multi Channel Comparison', Url: '/menu/inventory/pos' }
+        ];
+    }
+    ngOnInit() {
+    }
+}
+InventoryComponent.ɵfac = function InventoryComponent_Factory(t) { return new (t || InventoryComponent)(); };
+InventoryComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: InventoryComponent, selectors: [["app-inventory"]], decls: 5, vars: 1, consts: [[1, "navbar", "page-nav", "navbar-default", "py-0", "navbar-expand-lg"], [1, "container-fluid"], [3, "Tabs"]], template: function InventoryComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "nav", 0)(1, "div", 1)(2, "div");
+        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](3, "nav-tab", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "router-outlet");
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("Tabs", ctx.inventoryTabs);
+    } }, dependencies: [_angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterOutlet, _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_0__.NavTabComponent], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJpbnZlbnRvcnkuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 4077:
+/*!****************************************************!*\
+  !*** ./src/app/menu/inventory/inventory.module.ts ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "InventoryModule": () => (/* binding */ InventoryModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _inventory_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./inventory.component */ 9306);
+/* harmony import */ var _inventory_routing_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./inventory-routing.module */ 9902);
+/* harmony import */ var _inventory_realtime_inventory_realtime_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./inventory-realtime/inventory-realtime.component */ 5909);
+/* harmony import */ var _inventory_pos_inventory_pos_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inventory-pos/inventory-pos.component */ 8673);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../nav-tab/nav-tab.component */ 7398);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/material/slide-toggle */ 4714);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../main-panel/main-panel.component */ 7481);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+
+
+
+
+class InventoryModule {
+}
+InventoryModule.ɵfac = function InventoryModule_Factory(t) { return new (t || InventoryModule)(); };
+InventoryModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineNgModule"]({ type: InventoryModule });
+InventoryModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_7__.CommonModule,
+        _inventory_routing_module__WEBPACK_IMPORTED_MODULE_1__.InventoryRoutingModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_8__.RouterModule,
+        _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_4__.NavTabModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_9__.FormsModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_10__.NgSelectModule,
+        _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_11__.MatSlideToggleModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_5__.MainPanelModule] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsetNgModuleScope"](InventoryModule, { declarations: [_inventory_component__WEBPACK_IMPORTED_MODULE_0__.InventoryComponent,
+        _inventory_realtime_inventory_realtime_component__WEBPACK_IMPORTED_MODULE_2__.InventoryRealtimeComponent,
+        _inventory_pos_inventory_pos_component__WEBPACK_IMPORTED_MODULE_3__.InventoryPosComponent], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_7__.CommonModule,
+        _inventory_routing_module__WEBPACK_IMPORTED_MODULE_1__.InventoryRoutingModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_8__.RouterModule,
+        _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_4__.NavTabModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_9__.FormsModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_10__.NgSelectModule,
+        _angular_material_slide_toggle__WEBPACK_IMPORTED_MODULE_11__.MatSlideToggleModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_5__.MainPanelModule] }); })();
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=src_app_menu_inventory_inventory_module_ts.js.map