marketplacepos 2.2.4 → 2.2.7

package/Marketplace/src_app_menu_products_product_module_ts.js

@@ -0,0 +1,2196 @@
+"use strict";
+(self["webpackChunkpos_marketplace"] = self["webpackChunkpos_marketplace"] || []).push([["src_app_menu_products_product_module_ts"],{
+
+/***/ 7398:
+/*!***************************************************!*\
+  !*** ./src/app/menu/nav-tab/nav-tab.component.ts ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NavTabComponent": () => (/* binding */ NavTabComponent),
+/* harmony export */   "NavTabModule": () => (/* binding */ NavTabModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+function NavTabComponent_li_1_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "li", 2)(1, "a", 3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const tabMenu_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpropertyInterpolate"]("routerLink", tabMenu_r1.Url);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", tabMenu_r1.Title, " ");
+} }
+class NavTabComponent {
+}
+NavTabComponent.ɵfac = function NavTabComponent_Factory(t) { return new (t || NavTabComponent)(); };
+NavTabComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: NavTabComponent, selectors: [["nav-tab"]], inputs: { Tabs: "Tabs" }, decls: 2, vars: 1, consts: [[1, "nav", "navbar-nav", "navbar-left", "nav-tab-arrow"], ["routerLinkActive", "active", "class", "nav-item me-6", 4, "ngFor", "ngForOf"], ["routerLinkActive", "active", 1, "nav-item", "me-6"], [1, "nav-link", "nav-link-arrow", "mb-0", 3, "routerLink"]], template: function NavTabComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "ul", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, NavTabComponent_li_1_Template, 3, 2, "li", 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.Tabs);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.NgForOf, _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterLinkWithHref, _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterLinkActive], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJuYXYtdGFiLmNvbXBvbmVudC5zY3NzIn0= */"] });
+class NavTabModule {
+}
+NavTabModule.ɵfac = function NavTabModule_Factory(t) { return new (t || NavTabModule)(); };
+NavTabModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineNgModule"]({ type: NavTabModule });
+NavTabModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterModule] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsetNgModuleScope"](NavTabModule, { declarations: [NavTabComponent], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterModule], exports: [NavTabComponent] }); })();
+
+
+/***/ }),
+
+/***/ 2741:
+/*!************************************************************************!*\
+  !*** ./src/app/menu/products/duplicate-sku/duplicate-sku.component.ts ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DuplicateSkuComponent": () => (/* binding */ DuplicateSkuComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+
+
+
+
+
+
+function DuplicateSkuComponent_div_11_img_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "img", 16);
+} }
+function DuplicateSkuComponent_div_11_img_6_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "img", 17);
+} }
+function DuplicateSkuComponent_div_11_div_12_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 18)(1, "table", 19)(2, "tr")(3, "td", 20);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](4, "img", 21);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "td", 22)(6, "a", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "div");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](10, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()()();
+} if (rf & 2) {
+    const i_r5 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpropertyInterpolate"]("src", i_r5.ImageURL, _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpropertyInterpolate"]("href", i_r5.URL, _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](i_r5.Name);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("Rp. ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](10, 4, i_r5.Price), "");
+} }
+function DuplicateSkuComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 6)(1, "div", 7)(2, "div", 8)(3, "div", 4)(4, "div", 9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](5, DuplicateSkuComponent_div_11_img_5_Template, 1, 0, "img", 10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](6, DuplicateSkuComponent_div_11_img_6_Template, 1, 0, "img", 11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "div", 12)(8, "h4");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "div", 13)(11, "div", 14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](12, DuplicateSkuComponent_div_11_div_12_Template, 11, 6, "div", 15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+} if (rf & 2) {
+    const m_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", m_r1.TypeID == 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", m_r1.TypeID == 0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate2"]("", m_r1 == null ? null : m_r1.SKU, " (", m_r1 == null ? null : m_r1.Child == null ? null : m_r1.Child.length, " Alies)");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", m_r1.Child);
+} }
+class DuplicateSkuComponent {
+    constructor(http) {
+        this.http = http;
+        this.filter = {
+            ChannelID: ''
+        };
+        this.Load();
+    }
+    ngOnInit() {
+    }
+    Load() {
+        this.http.post('/api/product/Load', {}).subscribe(result => {
+            this.filter.ChannelID = null;
+            this.Channel = result.Options.Channel;
+            this.Get();
+        });
+    }
+    SearchProduct(event) {
+    }
+    Get() {
+        this.http.post('/api/product/GetDuplicateSkuInChannel', this.filter).subscribe(result => {
+            this.data = result.Data;
+        });
+    }
+}
+DuplicateSkuComponent.ɵfac = function DuplicateSkuComponent_Factory(t) { return new (t || DuplicateSkuComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService)); };
+DuplicateSkuComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({ type: DuplicateSkuComponent, selectors: [["app-duplicate-sku"]], decls: 12, vars: 5, consts: [["textButton", " Search", 3, "Title", "onSubmit"], ["container", ""], ["bindLabel", "Name", "name", "channelid", "bindValue", "ID", "placeholder", "Select Channel", 1, "center-text", 3, "clearable", "items", "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], ["class", "col-md-4", 4, "ngFor", "ngForOf"], [1, "col-md-4"], [1, "card"], [1, "card-header", "border-bottom"], [1, "col-md-1", "pb-2"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262221/icons/marketplace_icons/tokopedia.png", 4, "ngIf"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262220/icons/marketplace_icons/shopee.png", 4, "ngIf"], [1, "col-10", "text-center"], [1, "card-body"], [1, "row", "g-0", "p-5"], ["class", "col-md-12", 4, "ngFor", "ngForOf"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262221/icons/marketplace_icons/tokopedia.png"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262220/icons/marketplace_icons/shopee.png"], [1, "col-md-12"], [1, "table"], [2, "width", "100px"], [1, "img-thumbnail", 3, "src"], [1, "text-start"], ["target", "_blank", 3, "href"]], template: function DuplicateSkuComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("onSubmit", function DuplicateSkuComponent_Template_mainpanel_onSubmit_0_listener() { return ctx.Get(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](1, "actions");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "filters")(3, "div", 1)(4, "div")(5, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6, "Channel");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("ngModelChange", function DuplicateSkuComponent_Template_ng_select_ngModelChange_7_listener($event) { return ctx.filter.ChannelID = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "content")(9, "div", 3)(10, "div", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](11, DuplicateSkuComponent_div_11_Template, 13, 5, "div", 5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("Title", "Duplicate Sku" + " (" + (ctx.data ? ctx.data.length : "0") + ")");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("clearable", true)("items", ctx.Channel)("ngModel", ctx.filter.ChannelID);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx.data);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_5__.NgSelectComponent, _angular_common__WEBPACK_IMPORTED_MODULE_3__.DecimalPipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJkdXBsaWNhdGUtc2t1LmNvbXBvbmVudC5zY3NzIn0= */"] });
+
+
+/***/ }),
+
+/***/ 9949:
+/*!**********************************************************!*\
+  !*** ./src/app/menu/products/in-pos/in-pos.component.ts ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "InPosComponent": () => (/* binding */ InPosComponent)
+/* harmony export */ });
+/* harmony import */ var src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/model/ProductFilter */ 1290);
+/* harmony import */ var _scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../scan-dialog/scan-dialog.component */ 5241);
+/* harmony import */ var _dialog_uploadProductDialog_uploadProductDialog_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dialog/uploadProductDialog/uploadProductDialog.component */ 8856);
+/* harmony import */ var _modal_variant_modal_variant_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modal-variant/modal-variant.component */ 5553);
+/* harmony import */ var src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/model/enums/ChannelLogo.enum */ 4461);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_material_dialog__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/material/dialog */ 1484);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/material/tooltip */ 6896);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+
+
+
+
+
+
+
+
+
+
+
+
+
+function InPosComponent_div_14_img_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "img", 27);
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpropertyInterpolate"]("src", item_r1 == null ? null : item_r1.ThumbnailUrl, _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsanitizeUrl"]);
+} }
+function InPosComponent_div_14_img_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "img", 28);
+} }
+function InPosComponent_div_14_div_11_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div", 29)(1, "input", 30);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("ngModelChange", function InPosComponent_div_14_div_11_Template_input_ngModelChange_1_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵrestoreView"](_r14); const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit; return _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵresetView"](item_r1.selected = $event); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngModel", item_r1.selected);
+} }
+function InPosComponent_div_14_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](1, "div", 31)(2, "h4")(3, "span", 32);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate1"](" ", item_r1 == null ? null : item_r1.Variants.length, "");
+} }
+function InPosComponent_div_14_div_15_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div")(1, "span", 33);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](3, "span", 33);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Model);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Code);
+} }
+function InPosComponent_div_14_div_16_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div")(1, "span", 34);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](3, "span", 33);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](5, "br");
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Model);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Code);
+} }
+function InPosComponent_div_14_ng_container_18_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](1, "div", 35)(2, "button", 36);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("click", function InPosComponent_div_14_ng_container_18_Template_button_click_2_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵrestoreView"](_r21); const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit; const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵresetView"](ctx_r19.openUploadModal(item_r1)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](3, "i", 5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](4, " Upload");
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerEnd"]();
+} }
+function InPosComponent_div_14_ng_container_19_ng_container_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div", 40)(1, "a", 41);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](2, "img", 42);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const c_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpropertyInterpolate"]("href", c_r24.Url, _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpropertyInterpolate"]("matTooltip", c_r24.Title);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("src", ctx_r26.getChannelLogo(c_r24), _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsanitizeUrl"]);
+} }
+function InPosComponent_div_14_ng_container_19_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](1, InPosComponent_div_14_ng_container_19_ng_container_2_div_1_Template, 3, 3, "div", 39);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const i_r25 = ctx.index;
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", i_r25 < 4);
+} }
+const _c0 = function (a0) { return { "border-bottom pb-2": a0 }; };
+function InPosComponent_div_14_ng_container_19_div_3_li_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "li")(1, "div", 46)(2, "div", 47)(3, "a", 48);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](4, "img", 49);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](5, "span", 50);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()()()();
+} if (rf & 2) {
+    const moreChannel_r29 = ctx.$implicit;
+    const i_r30 = ctx.index;
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"](3).$implicit;
+    const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpureFunction1"](4, _c0, i_r30 != ctx_r28.sortVariant(item_r1 == null ? null : item_r1.Variants).length - 1));
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpropertyInterpolate"]("href", moreChannel_r29.Url, _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("src", ctx_r28.getChannelLogo(moreChannel_r29), _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](moreChannel_r29.Title);
+} }
+function InPosComponent_div_14_ng_container_19_div_3_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div", 40)(1, "div", 43);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](2, "i", 44);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](3, "ul", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](4, InPosComponent_div_14_ng_container_19_div_3_li_4_Template, 7, 6, "li", 38);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"](2).$implicit;
+    const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngForOf", ctx_r23.sortVariant(item_r1 == null ? null : item_r1.Variants));
+} }
+function InPosComponent_div_14_ng_container_19_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](1, "div", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](2, InPosComponent_div_14_ng_container_19_ng_container_2_Template, 2, 1, "ng-container", 38);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](3, InPosComponent_div_14_ng_container_19_div_3_Template, 5, 1, "div", 39);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]().$implicit;
+    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngForOf", ctx_r10.sortVariant(item_r1 == null ? null : item_r1.Variants));
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", ctx_r10.sortVariant(item_r1 == null ? null : item_r1.Variants).length > 3);
+} }
+const _c1 = function () { return { "no-title": "item?.Variants.length <= 1" }; };
+const _c2 = function (a0, a1) { return { "justify-content-between": a0, "justify-content-end": a1 }; };
+function InPosComponent_div_14_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div", 12)(1, "div", 13)(2, "div", 14)(3, "div", 15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](4, InPosComponent_div_14_img_4_Template, 1, 1, "img", 16);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](5, InPosComponent_div_14_img_5_Template, 1, 0, "img", 17);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](6, "div", 18)(7, "div", 19)(8, "div", 20)(9, "h4", 21);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("click", function InPosComponent_div_14_Template_h4_click_9_listener() { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵrestoreView"](_r35); const i_r2 = restoredCtx.index; const ctx_r34 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵresetView"](ctx_r34.DialogVariant(i_r2)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](11, InPosComponent_div_14_div_11_Template, 2, 1, "div", 22);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](12, InPosComponent_div_14_ng_container_12_Template, 5, 1, "ng-container", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](13, "div", 24)(14, "div", 25);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](15, InPosComponent_div_14_div_15_Template, 5, 2, "div", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](16, InPosComponent_div_14_div_16_Template, 6, 2, "div", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](17, "div", 26);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](18, InPosComponent_div_14_ng_container_18_Template, 5, 0, "ng-container", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](19, InPosComponent_div_14_ng_container_19_Template, 4, 2, "ng-container", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", item_r1 == null ? null : item_r1.ImageUrl);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", !(item_r1 == null ? null : item_r1.ImageUrl));
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpureFunction0"](11, _c1));
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate1"]("", item_r1 == null ? null : item_r1.Name, " ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Channel.length) < ctx_r0.Channel.length);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Variants.length) > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Variants.length) > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Variants.length) == 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpureFunction2"](12, _c2, (item_r1 == null ? null : item_r1.Channel.length) < ctx_r0.Channel.length, (item_r1 == null ? null : item_r1.Channel.length) == ctx_r0.Channel.length));
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Channel.length) < ctx_r0.Channel.length);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Channel.length) > 0);
+} }
+class InPosComponent {
+    constructor(http, toastr, dialog) {
+        this.http = http;
+        this.toastr = toastr;
+        this.dialog = dialog;
+        this.filter = new src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_0__.ProductFilter();
+        this.total = 0;
+        this.loading = false;
+        this.syncupdatefull = false;
+        this.OptionVisible = false;
+        this.channelLogo = src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__.ChannelLogo;
+        this.Load();
+    }
+    ngOnInit() { }
+    /**
+     * Get the channel list, filter options and calls GetProducts()
+     */
+    Load() {
+        this.http.post("/api/product/Load", {}).subscribe((result) => {
+            this.Channel = result.Options.Channel;
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.RowCount = result.Filter.RowCount;
+            this.filter.ChannelID = null;
+            this.filter.sync = true;
+            this.TokopediaCategory = result.Options.Tokopedia;
+            this.ShopeeCategory = result.Options.Shopee;
+            this.GetProducts();
+        });
+    }
+    /**
+     * Calls GetInPOS to get the product list
+     */
+    GetProducts() {
+        var params = {
+            PageNumber: this.filter.PageNumber,
+            RowCount: this.filter.RowCount,
+        };
+        this.http.post("/api/product/GetInPOS", params).subscribe((result) => {
+            this.data = result.Data;
+            this.total = result.Total;
+            this.paginationTotal =
+                result.Total == null ? this.filter.RowCount : result.Total.toString();
+            this.paginationPageSize =
+                this.filter.RowCount > this.paginationTotal
+                    ? this.paginationTotal
+                    : this.filter.RowCount;
+        });
+    }
+    /**
+     * Scan the products, then updates the product list and show the total result in a toastr
+     */
+    SyncFast() {
+        if (this.filter.ChannelID == null) {
+            this.toastr.error("Please Select Channel", "Error");
+            return;
+        }
+        let params = {
+            ID: this.filter.ChannelID,
+            ScanFull: this.filter.ScanFull,
+        };
+        this.http
+            .post("/api/product/ScanOptimized", params)
+            .subscribe((res) => {
+            this.GetProducts();
+            let productNotInPOS = res.NotInPOS ? res.NotInPOS.Product : 0;
+            let productInChannel = res.InChannel ? res.InChannel.Product : 0;
+            this.toastr.success(productNotInPOS +
+                productInChannel +
+                " found in " +
+                this.getChannelName(this.filter.ChannelID) +
+                "</br> ( " +
+                productInChannel +
+                " In POS + " +
+                productNotInPOS +
+                " Not In POS )", "Scan Complete!", {
+                timeOut: 5000,
+                enableHtml: true,
+            });
+        });
+    }
+    /**
+     * Will call SyncUpdateMap
+     * @deprecated Not used anymore
+     */
+    SyncProductMap() {
+        if (this.filter.ChannelID == null) {
+            this.toastr.error("Please Select Channel", "Error");
+            return;
+        }
+        let params = {
+            ID: this.filter.ChannelID,
+        };
+        this.http
+            .post("/api/product/SyncUpdateMap", params)
+            .subscribe((result) => {
+            this.data = result.Data;
+        })
+            .add(() => {
+            // always gets called
+            this.GetProducts();
+        });
+    }
+    /**
+     * Opens a dialog that shows the list of the product's variants
+     * @param index The product's index
+     */
+    DialogVariant(index) {
+        this.dialogName = this.data[index].Name;
+        this.variant = this.data[index].Variants;
+        this.dialog.open(_modal_variant_modal_variant_component__WEBPACK_IMPORTED_MODULE_3__.ModalVariantComponent, {
+            data: {
+                title: this.data[index].Name,
+                variants: this.data[index].Variants,
+            },
+            width: "40%",
+        });
+    }
+    /**
+     * Change to next page
+     * @param pageEvent The event from paginator
+     */
+    changePage(pageEvent) {
+        this.filter.PageNumber = pageEvent.pageIndex + 1;
+        this.GetProducts();
+    }
+    /**
+     * Searches the product based on text in the search box
+     * Will search the title, SKU, and variant names of the product
+     * @param event The event from the search bar
+     */
+    SearchProduct(event) {
+        let params = {
+            Text: event,
+        };
+        this.http.post("/api/product/GetInPOS", params).subscribe((result) => {
+            this.data = result.Data;
+        });
+    }
+    /**
+     * Sets the selectedItem and open the upload modal
+     * Will filter the Channel so it only shows the Channel the product isn't sold on
+     * @param item The selected item
+     */
+    openUploadModal(item) {
+        let selectedItemMissingChannel;
+        this.selectedItem = item;
+        if (item.Channel.length == 0) {
+            selectedItemMissingChannel = this.Channel;
+        }
+        else {
+            //source: https://stackoverflow.com/questions/49814733/getting-difference-between-2-arrays-of-objects-in-javascript
+            selectedItemMissingChannel = this.Channel.filter((x) => !item.Channel.some((y) => x.ID == y.ChannelID));
+        }
+        this.dialog
+            .open(_dialog_uploadProductDialog_uploadProductDialog_component__WEBPACK_IMPORTED_MODULE_2__.UploadProductDialogComponent, {
+            width: "600px",
+            data: {
+                item: item,
+                selectedItemMissingChannel: selectedItemMissingChannel,
+            },
+        })
+            .afterClosed()
+            .subscribe((result) => {
+            if (result) {
+                let channelID = result.channelID;
+                let categoryID = result.categoryID;
+                let itemID = [];
+                itemID.push(this.selectedItem.ID);
+                this.uploadProduct(channelID, itemID, categoryID);
+            }
+        });
+    }
+    openUploadBulkModal() {
+        this.dialog
+            .open(_dialog_uploadProductDialog_uploadProductDialog_component__WEBPACK_IMPORTED_MODULE_2__.UploadProductDialogComponent, {
+            width: "350px",
+            data: {
+                item: null,
+                selectedItemMissingChannel: this.Channel,
+            },
+        })
+            .afterClosed()
+            .subscribe((result) => {
+            if (result) {
+                let channelID = result.channelID;
+                let categoryID = result.categoryID;
+                var listSelected = this.getSelected();
+                if (listSelected.length > 0) {
+                    var listIds = [];
+                    listSelected.forEach((m) => listIds.push(m.ID));
+                    this.uploadProduct(channelID, listIds, categoryID);
+                }
+            }
+        });
+    }
+    /**
+     * Uploads the product to marketplace
+     * After calling the API, it will refresh the products list
+     * @param channelID Selected channel ID
+     * @param itemID The selected item's ID
+     */
+    uploadProduct(channelID, itemID, CategoryID) {
+        let params = {
+            ChannelID: channelID,
+            Products: itemID,
+            CategoryID: CategoryID ? CategoryID : 0,
+        };
+        this.http
+            .post("/api/product/UploadToMarketplace", params)
+            .subscribe((result) => {
+            this.GetProducts();
+            let selectedItem = this.Channel.find((x) => x.ID == channelID);
+            if (itemID.length > 1) {
+                this.toastr.success("Successfully uploaded " +
+                    itemID.length +
+                    " Product to channel " +
+                    selectedItem.Name, "Success");
+            }
+            else {
+                this.toastr.success(this.selectedItem.Name + " Successfully Created", "Success");
+            }
+        });
+    }
+    /**
+     * Looks through all variants and make a list of all the unique channels
+     * Then it will return a sorted channel list
+     * @param variants The list of Variants
+     * @returns A list of variants
+     */
+    sortVariant(variants) {
+        var list = [];
+        for (let x of variants) {
+            if (x.Channel == null) {
+                continue;
+            }
+            else {
+                for (let ch of x.Channel) {
+                    if (list.filter((y) => y.ChannelID == ch.ChannelID).length == 0) {
+                        list.push(ch);
+                    }
+                }
+            }
+        }
+        return this.sortChannel(list);
+    }
+    /**
+     * Sorts the list in decending order based on its TypeID
+     * It is used so that tokopedia link will be printed first
+     * Source : https://stackoverflow.com/questions/48403154/orderby-with-ngfor-array
+     * @param list The list that is going to be sorted
+     * @returns The sorted list
+     */
+    sortChannel(list) {
+        return list.sort((a, b) => a["TypeID"] < b["TypeID"] ? 1 : a["TypeID"] === b["TypeID"] ? 0 : -1);
+    }
+    /**
+     * 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(_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.SyncFast();
+                }
+                else if (!this.filter.sync) {
+                    this.SyncFast();
+                }
+            }
+        });
+    }
+    /**
+     * 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)
+     */
+    openScanSingleDialog() {
+        const dialogRef = this.dialog.open(_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_1__.ScanDialogComponent, {
+            data: {
+                filter: this.filter,
+                Channel: this.Channel.filter((m) => m.TypeID == 1),
+            },
+            width: "30%",
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result != null) {
+                this.ScanSingle();
+            }
+        });
+    }
+    ScanSingle() {
+        if (this.filter.ChannelID == null) {
+            this.toastr.error("Please Select Channel", "Error");
+            return;
+        }
+        var listIds = [];
+        var listSelected = this.getSelected();
+        if (listSelected.length > 0) {
+            for (const p of listSelected) {
+                for (let v of p.Variants) {
+                    listIds.push(v.Code);
+                }
+            }
+        }
+        let params = {
+            ID: this.filter.ChannelID,
+            SKU: listIds,
+        };
+        this.http.post("/api/product/ScanSingle", params).subscribe((res) => {
+            this.GetProducts();
+            if (res) {
+                this.toastr.success("Successfully Scan ", "Success");
+            }
+            else {
+                this.toastr.error("This product is not existed in Tokopedia ", "Error");
+            }
+        });
+    }
+    getSelected() {
+        if (this.data) {
+            return this.data.filter((m) => m.selected);
+        }
+        else {
+            return [];
+        }
+    }
+    hasSelection() {
+        if (this.data) {
+            return this.getSelected().length > 0;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * Returns the Channel's name based on the ID given as input
+     * @param ID The Channel's ID
+     * @returns The channel's name
+     */
+    getChannelName(ID) {
+        let channel = this.Channel.find((x) => x.ID == ID);
+        return channel.Name;
+    }
+    getChannelLogo(channel) {
+        let logo;
+        switch (channel.TypeID) {
+            case 0:
+                logo = src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__.ChannelLogo.SHOOPE;
+                break;
+            case 1:
+                logo = src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__.ChannelLogo.TOKOPEDIA;
+                break;
+            case 2:
+                logo = src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__.ChannelLogo.WOOCOMMERCE;
+                break;
+            case 5:
+                logo = src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__.ChannelLogo.SHOOPE;
+                break;
+            case 6:
+                logo = src_app_model_enums_ChannelLogo_enum__WEBPACK_IMPORTED_MODULE_4__.ChannelLogo.TIKTOK;
+                break;
+        }
+        return logo;
+    }
+}
+InPosComponent.ɵfac = function InPosComponent_Factory(t) { return new (t || InPosComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_5__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_8__.ToastrService), _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdirectiveInject"](_angular_material_dialog__WEBPACK_IMPORTED_MODULE_9__.MatDialog)); };
+InPosComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdefineComponent"]({ type: InPosComponent, selectors: [["app-in-pos"]], decls: 18, vars: 7, consts: [["hideSearchDropdown", "true", "hideSearchDropdown", "false", 3, "Title", "onSubmit"], ["type", "button", "data-cy", "scanInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", "me-2", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], ["type", "button", "data-cy", "scanInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", "me-2", 3, "hidden", "click"], [1, "btn", "btn-light", "shadow", "rounded", "ms-2", 3, "hidden", "click"], ["aria-hidden", "true", 1, "fa", "fa-upload"], [1, "container-fluid"], [1, "row", "mt-8"], ["class", "col-12 col-md-6 col-xl-4 px-3 my-3", 4, "ngFor", "ngForOf"], [1, "row", "mt-2", "justify-content-end"], [1, "col-md-12"], [3, "length", "pageSize", "pageIndex", "page"], [1, "col-12", "col-md-6", "col-xl-4", "px-3", "my-3"], [1, "card", "product"], [1, "row", "h-100", "g-0", "px-6"], [1, "col-auto", "pe-xl-0"], ["class", "border rounded-lg mx-auto text-center mt-5", "style", "width: 82px;; ", 3, "src", 4, "ngIf"], ["class", " text-center border rounded-lg mx-auto mt-5", "style", "width: 82px;;", "src", "//res.cloudinary.com/pos/image/upload/w_80/POS/Images/Icon/products_thumb.png", 4, "ngIf"], [1, "col", "mt-5", "px-xl-0", "px-0"], [1, "row", "align-items-center", "justify-content-start"], [1, "col-auto", "pt-0", "pe-4", "max-w-xl"], [1, "text-start", "itemTitle", "pointer", 3, "ngClass", "click"], ["class", "col text-end gx-0", 4, "ngIf"], [4, "ngIf"], [1, "row"], [1, "col-12"], [1, "row", "mt-5", "bottom-buttons", 3, "ngClass"], [1, "border", "rounded-lg", "mx-auto", "text-center", "mt-5", 2, "width", "82px", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_80/POS/Images/Icon/products_thumb.png", 1, "text-center", "border", "rounded-lg", "mx-auto", "mt-5", 2, "width", "82px"], [1, "col", "text-end", "gx-0"], ["type", "checkbox", 3, "ngModel", "ngModelChange"], [1, "col-auto", "gx-0"], [1, "badge", "rounded-pill", "bg-warning", "m-2", "text-dark"], [1, "d-block", "default"], [1, "d-none", "default"], [1, "col-auto", "mb-upload"], [1, "btn", "btn-light", "btn-sm", 3, "click"], [1, "row", "me-0", "me-md-5", "justify-content-end", "align-items-center", "gx-0", "w-auto"], [4, "ngFor", "ngForOf"], ["class", "col-auto px-1 px-md-3 mb-1 pb-3", 4, "ngIf"], [1, "col-auto", "px-1", "px-md-3", "mb-1", "pb-3"], ["target", "_blank", "data-placement", "top", 3, "href", "matTooltip"], [3, "src"], [1, "btn-group"], ["id", "moreMenu", "data-bs-toggle", "dropdown", 1, "fas", "fa-ellipsis-h", "fs-4", "cursor-pointer"], ["aria-labelledby", "moreMenu", 1, "dropdown-menu"], [1, "dropdown-item", "py-2", 2, "cursor", "pointer"], [3, "ngClass"], ["target", "_blank", 3, "href"], [1, "img-logo", 3, "src"], [1, "ms-4"]], template: function InPosComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("onSubmit", function InPosComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.SearchProduct($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](1, "actions")(2, "button", 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("click", function InPosComponent_Template_button_click_2_listener() { return ctx.openScanDialog(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](3, "i", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](4, " Scan Channel ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](5, "button", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("click", function InPosComponent_Template_button_click_5_listener() { return ctx.openScanSingleDialog(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](6, "i", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](7, " Scan Single Channel ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](8, "button", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("click", function InPosComponent_Template_button_click_8_listener() { return ctx.openUploadBulkModal(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](9, "i", 5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](10, " Upload Bulk");
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](11, "content")(12, "div", 6)(13, "div", 7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](14, InPosComponent_div_14_Template, 20, 15, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](15, "div", 9)(16, "div", 10)(17, "mat-paginator", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("page", function InPosComponent_Template_mat_paginator_page_17_listener($event) { return ctx.changePage($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("Title", "In POS" + " (" + ctx.total + ")");
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("hidden", !ctx.hasSelection());
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("hidden", !ctx.hasSelection());
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("length", ctx.paginationTotal)("pageSize", ctx.paginationPageSize)("pageIndex", (ctx.filter == null ? null : ctx.filter.PageNumber) == 0 ? 0 : (ctx.filter == null ? null : ctx.filter.PageNumber) - 1);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_10__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_10__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_10__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_11__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_11__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_11__.NgModel, _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_12__.MatTooltip, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_6__.MainPanelComponent], styles: [".badge-pill[_ngcontent-%COMP%] {\n  padding-bottom: 16px !important;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: #000;\n  width: 80px;\n  text-align: center;\n}\n\n.modal-dialog[_ngcontent-%COMP%] {\n  max-width: 30% !important;\n}\n\n.product[_ngcontent-%COMP%] {\n  height: 100% !important;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.row[_ngcontent-%COMP%] {\n  margin-left: 0;\n  margin-right: 0;\n}\n\nul[_ngcontent-%COMP%] {\n  list-style-type: none;\n}\n\n.link[_ngcontent-%COMP%] {\n  color: #0202ab;\n  cursor: pointer;\n}\n\n.px-1[_ngcontent-%COMP%] {\n  padding-left: 5px !important;\n}\n\n.sku[_ngcontent-%COMP%] {\n  color: dimgray;\n  font-style: italic;\n}\n\n.badge-pill[_ngcontent-%COMP%] {\n  height: 16px;\n}\n\n.itemTitle[_ngcontent-%COMP%] {\n  text-overflow: ellipsis;\n  \n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.no-title[_ngcontent-%COMP%] {\n  margin-top: 0.33em;\n  margin-bottom: 0.33rem;\n}\n\n.mb-upload[_ngcontent-%COMP%] {\n  padding-bottom: 0.625rem;\n}\n\n.my-1rem[_ngcontent-%COMP%] {\n  margin-bottom: 1rem !important;\n  margin-top: 1rem !important;\n}\n\n.pr-rem[_ngcontent-%COMP%] {\n  padding-right: 0.6rem;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.bg-lightpink[_ngcontent-%COMP%] {\n  background-color: #f9dede;\n}\n\n.bottom-buttons[_ngcontent-%COMP%] {\n  margin-left: 97px;\n}\n\n@media (min-width: 1200px) {\n  .max-w-xl[_ngcontent-%COMP%] {\n    max-width: 205px;\n  }\n}\n\n.img-logo[_ngcontent-%COMP%] {\n  height: 30px;\n  width: 30px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFxwcm9kdWN0cy5jb21wb25lbnQuc2NzcyIsImluLXBvcy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLCtCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtFQUNBLHlCQUFBO0FDQ0o7O0FERUE7RUFDSSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSx5QkFBQTtBQ0NKOztBREVBO0VBQ0ksdUJBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0kscUJBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxlQUFBO0FDQ0o7O0FERUE7RUFDQyw0QkFBQTtBQ0NEOztBREVBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxZQUFBO0FDQ0o7O0FERUE7RUFDSSx1QkFBQTtFQUVBLDhDQUFBO0VBQ0EsbUJBQUE7RUFDQSxnQkFBQTtBQ0FKOztBREdBO0VBQ0ksa0JBQUE7RUFDQSxzQkFBQTtBQ0FKOztBREdBO0VBQ0ksd0JBQUE7QUNBSjs7QURHQTtFQUNJLDhCQUFBO0VBQ0EsMkJBQUE7QUNBSjs7QURHQTtFQUNJLHFCQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtBQ0FKOztBREdBO0VBQ0kseUJBQUE7QUNBSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FESUE7RUFDSTtJQUNJLGdCQUFBO0VDRE47QUFDRjs7QUExR0E7RUFDSSxZQUFBO0VBQ0EsV0FBQTtBQTRHSiIsImZpbGUiOiJpbi1wb3MuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYmFkZ2UtcGlsbHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxNnB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5yYWQtYnRuIGlucHV0W3R5cGU9cmFkaW9dOmNoZWNrZWQrbGFiZWwge1xyXG4gICAgYmFja2dyb3VuZDogI2RmZWZmYztcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZmVmZmM7XHJcbn1cclxuXHJcbi5yYWQtYnRuIGlucHV0W3R5cGU9cmFkaW9dIHtcclxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICB0b3A6IDA7XHJcbn1cclxuXHJcbi5yYWQtYnRuIGxhYmVsIHtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcclxuICAgIGNvbG9yOiAjMDAwO1xyXG4gICAgd2lkdGg6IDgwcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuXHJcbi5tb2RhbC1kaWFsb2cge1xyXG4gICAgbWF4LXdpZHRoOiAzMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnByb2R1Y3R7XHJcbiAgICBoZWlnaHQ6MTAwJSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4udGV4dC1sYXJnZXIge1xyXG4gICAgZm9udC1zaXplOiBsYXJnZXI7XHJcbn1cclxuXHJcbi5yb3d7XHJcbiAgICBtYXJnaW4tbGVmdDogMDtcclxuICAgIG1hcmdpbi1yaWdodDogMDtcclxufVxyXG5cclxudWwge1xyXG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xyXG59XHJcblxyXG4ubGluayB7XHJcbiAgICBjb2xvcjogIzAyMDJhYjtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLnB4LTEge1xyXG4gcGFkZGluZy1sZWZ0OiA1cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLnNrdSB7XHJcbiAgICBjb2xvcjpkaW1ncmF5OyBcclxuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcclxufVxyXG5cclxuLmJhZGdlLXBpbGx7XHJcbiAgICBoZWlnaHQ6IDE2cHggO1xyXG59XHJcblxyXG4uaXRlbVRpdGxle1xyXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcblxyXG4gICAgLyogUmVxdWlyZWQgZm9yIHRleHQtb3ZlcmZsb3cgdG8gZG8gYW55dGhpbmcgKi9cclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG59XHJcblxyXG4ubm8tdGl0bGV7XHJcbiAgICBtYXJnaW4tdG9wOiAwLjMzZW07XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwLjMzcmVtO1xyXG59XHJcblxyXG4ubWItdXBsb2Fke1xyXG4gICAgcGFkZGluZy1ib3R0b206IDAuNjI1cmVtO1xyXG59XHJcblxyXG4ubXktMXJlbSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxcmVtICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW4tdG9wOiAxcmVtICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wci1yZW0ge1xyXG4gICAgcGFkZGluZy1yaWdodDogMC42cmVtO1xyXG59XHJcblxyXG4udGV4dC1sYXJnZXIge1xyXG4gICAgZm9udC1zaXplOiBsYXJnZXI7XHJcbn1cclxuXHJcbi5iZy1saWdodHBpbmsge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y5ZGVkZTtcclxufVxyXG5cclxuLmJvdHRvbS1idXR0b25ze1xyXG4gICAgbWFyZ2luLWxlZnQ6IDk3cHg7XHJcbn1cclxuXHJcbi8vIEV4dHJhIGxhcmdlIGRldmljZXMgKGxhcmdlIGRlc2t0b3BzLCAxMjAwcHggYW5kIHVwKVxyXG5AbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XHJcbiAgICAubWF4LXcteGx7XHJcbiAgICAgICAgbWF4LXdpZHRoOiAyMDVweDtcclxuICAgIH1cclxufVxyXG5cclxuIiwiQGltcG9ydCAnLi4vcHJvZHVjdHMuY29tcG9uZW50LnNjc3MnO1xyXG5cclxuLmltZy1sb2dvIHtcclxuICAgIGhlaWdodDogMzBweDtcclxuICAgIHdpZHRoOiAzMHB4O1xyXG59XHJcblxyXG4iXX0= */"] });
+
+
+/***/ }),
+
+/***/ 3915:
+/*!**************************************************************************!*\
+  !*** ./src/app/menu/products/not-in-channel/not-in-channel.component.ts ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NotInChannelComponent": () => (/* binding */ NotInChannelComponent)
+/* harmony export */ });
+/* harmony import */ var src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/model/ProductFilter */ 1290);
+/* harmony import */ var _scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../scan-dialog/scan-dialog.component */ 5241);
+/* harmony import */ var _dialog_uploadProductDialog_uploadProductDialog_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../dialog/uploadProductDialog/uploadProductDialog.component */ 8856);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var _angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/material/dialog */ 1484);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+
+
+
+
+
+
+
+
+
+function NotInChannelComponent_tbody_24_img_3_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 16);
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("src", item_r1 == null ? null : item_r1.ImageUrl, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵsanitizeUrl"]);
+} }
+function NotInChannelComponent_tbody_24_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 17);
+} }
+function NotInChannelComponent_tbody_24_li_14_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "li");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const v_r8 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](v_r8 == null ? null : v_r8.Model);
+} }
+function NotInChannelComponent_tbody_24_li_17_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "li");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const ch_r9 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](ch_r9 == null ? null : ch_r9.Title);
+} }
+function NotInChannelComponent_tbody_24_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "tbody")(1, "tr")(2, "td", 10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](3, NotInChannelComponent_tbody_24_img_3_Template, 1, 1, "img", 11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](4, NotInChannelComponent_tbody_24_ng_template_4_Template, 1, 0, "ng-template", null, 12, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplateRefExtractor"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](6, "h4", 13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](8, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](10, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](12, "td")(13, "ul");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](14, NotInChannelComponent_tbody_24_li_14_Template, 2, 1, "li", 9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](15, "td")(16, "ul");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](17, NotInChannelComponent_tbody_24_li_17_Template, 2, 1, "li", 9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](18, "td")(19, "button", 14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function NotInChannelComponent_tbody_24_Template_button_click_19_listener() { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r11); const item_r1 = restoredCtx.$implicit; const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r10.openUploadModal(item_r1)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](20, "i", 15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](21, " Upload");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵreference"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", item_r1 == null ? null : item_r1.ImageUrl)("ngIfElse", _r3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Name);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Category);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Code);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", item_r1.Variants);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", item_r1.Channel);
+} }
+class NotInChannelComponent {
+    constructor(http, dialog, toastr) {
+        this.http = http;
+        this.dialog = dialog;
+        this.toastr = toastr;
+        this.filter = new src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_0__.ProductFilter;
+        this.loading = false;
+        this.Load();
+        this.GetProducts();
+    }
+    ngOnInit() {
+    }
+    /**
+     * /**
+     * Get the channel list, filter options and calls GetProducts()
+     */
+    Load() {
+        this.http.post('/api/product/Load', {}).subscribe(result => {
+            this.Channel = result.Options.Channel;
+            this.filter = result.Filter;
+            this.filter.ChannelID = null;
+            this.filter.sync = true;
+        });
+    }
+    /**
+     * Get products from the server
+     */
+    GetProducts() {
+        this.http.post('/api/product/GetNotInChannel', { sync: false }).subscribe(result => {
+            this.data = result.Data;
+            this.temp = result.Data;
+        });
+    }
+    /**
+     * Search box functionality
+     * @param event Event from search bar
+     */
+    SearchProduct(event) {
+        if (event != "") {
+            this.data = this.temp.filter(ex => ex.Name.toLowerCase().indexOf(event.toLowerCase()) !== -1);
+        }
+        else {
+            this.data = this.temp;
+        }
+    }
+    /**
+     * Scans the products from marketplace
+     */
+    SyncProduct() {
+        let params = {
+            ID: this.filter.ChannelID
+        };
+        this.http.post('/api/product/ScanNotinChannel', params).subscribe(res => {
+            let NotInChannel = res.NotInChannel ? res.NotInChannel.Product : 0;
+            let productInChannel = res.InChannel ? res.InChannel.Product : 0;
+            this.toastr.success((NotInChannel + productInChannel) + " found in " + this.getChannelName(this.filter.ChannelID) + "</br> ( " + productInChannel + " In POS + " + NotInChannel + " Not In Channel )", "Scan Complete!", {
+                timeOut: 5000,
+                enableHtml: true,
+            });
+        }).add(() => {
+            // always gets called
+            this.GetProducts();
+        });
+    }
+    /**
+     * 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(_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_1__.ScanDialogComponent, {
+            data: {
+                filter: this.filter,
+                Channel: this.Channel,
+                hiddenRadioButton: true
+            },
+            width: '30%'
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result != null) {
+                this.filter = result.filter;
+                this.SyncProduct();
+            }
+        });
+    }
+    /**
+     * Not used
+     * @param item
+     */
+    filterChannel(item) {
+        let channelItem = item.Channel ? item.Channel : [];
+        let index;
+        let channels = this.Channel.filter(val => {
+            index = channelItem.findIndex(x => x.ChannelID === val.ID);
+            return index !== -1;
+        });
+        return channels;
+    }
+    /**
+     * Opens the upload modal and sets the selected item
+     * @param item The selected item
+     */
+    openUploadModal(item) {
+        this.selectedItem = item;
+        let channels = this.filterChannel(item);
+        this.dialog.open(_dialog_uploadProductDialog_uploadProductDialog_component__WEBPACK_IMPORTED_MODULE_2__.UploadProductDialogComponent, {
+            width: '350px',
+            data: {
+                item: item,
+                selectedItemMissingChannel: channels,
+            }
+        })
+            .afterClosed()
+            .subscribe((result) => {
+            if (result) {
+                let channelID = result.channelID;
+                let itemID = this.selectedItem.ID;
+                this.uploadProduct(channelID, itemID);
+            }
+        });
+    }
+    /**
+     * Uploads the selected products
+     * @param channelID The channel's ID
+     * @param itemID The item's ID
+     */
+    uploadProduct(channelID, itemID) {
+        let params = {
+            ChannelID: channelID,
+            Products: [itemID]
+        };
+        this.http.post('/api/product/UploadToMarketplace', params).subscribe(result => {
+            this.GetProducts();
+            this.toastr.success("Successfully uploaded " + this.selectedItem.Name + " to " + this.getChannelName(channelID), "Success");
+        });
+    }
+    /**
+     * Returns the Channel's name based on the ID given as input
+     * @param ID The Channel's ID
+     * @returns The channel's name
+     */
+    getChannelName(ID) {
+        let channel = this.Channel.find(x => x.ID == ID);
+        return channel.Name;
+    }
+}
+NotInChannelComponent.ɵfac = function NotInChannelComponent_Factory(t) { return new (t || NotInChannelComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_3__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdirectiveInject"](_angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__.MatDialog), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_7__.ToastrService)); };
+NotInChannelComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdefineComponent"]({ type: NotInChannelComponent, selectors: [["app-not-in-channel"]], decls: 25, vars: 2, consts: [["hideSearchDropdown", "false", 3, "Title", "onSubmit"], ["data-cy", "scanNotinChannel", "type", "button", 1, "btn", "btn-outline-secondary", "shadow", "rounded", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table", "border-bottom"], [1, "thead-light", "sticky-top-thead"], [1, "ms-5"], [4, "ngFor", "ngForOf"], [1, "text-start"], ["class", "border rounded", "style", "width: 40px;", 3, "src", 4, "ngIf", "ngIfElse"], ["elsePic", ""], [1, "ms-5", "d-inline", "fw-normal"], [1, "btn", "btn-link", "btn-sm", 3, "click"], ["aria-hidden", "true", 1, "fa", "fa-upload"], [1, "border", "rounded", 2, "width", "40px", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_40/POS/Images/Icon/products_thumb.png", 1, "border", "rounded", "w-img"]], template: function NotInChannelComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("onSubmit", function NotInChannelComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.SearchProduct($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "actions")(2, "button", 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function NotInChannelComponent_Template_button_click_2_listener() { return ctx.openScanDialog(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](3, "i", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](4, " Scan Channel ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](5, "content")(6, "div", 3)(7, "div", 4)(8, "div", 5)(9, "table", 6)(10, "thead", 7)(11, "tr")(12, "th", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](13, "Product");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](14, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](15, "Category");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](16, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](17, "SKU");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](18, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](19, "Variant");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](20, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](21, "Missing Channel");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](22, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](23, "Actions");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](24, NotInChannelComponent_tbody_24_Template, 22, 7, "tbody", 9);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("Title", "Not in Channel" + " (" + (ctx.data ? ctx.data.length : "0") + ")");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](24);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", ctx.data);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_8__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_8__.NgIf, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_4__.MainPanelComponent], styles: [".badge-pill[_ngcontent-%COMP%] {\n  padding-bottom: 16px !important;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: #000;\n  width: 80px;\n  text-align: center;\n}\n\n.modal-dialog[_ngcontent-%COMP%] {\n  max-width: 30% !important;\n}\n\n.product[_ngcontent-%COMP%] {\n  height: 100% !important;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.row[_ngcontent-%COMP%] {\n  margin-left: 0;\n  margin-right: 0;\n}\n\nul[_ngcontent-%COMP%] {\n  list-style-type: none;\n}\n\n.link[_ngcontent-%COMP%] {\n  color: #0202ab;\n  cursor: pointer;\n}\n\n.px-1[_ngcontent-%COMP%] {\n  padding-left: 5px !important;\n}\n\n.sku[_ngcontent-%COMP%] {\n  color: dimgray;\n  font-style: italic;\n}\n\n.badge-pill[_ngcontent-%COMP%] {\n  height: 16px;\n}\n\n.itemTitle[_ngcontent-%COMP%] {\n  text-overflow: ellipsis;\n  \n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.no-title[_ngcontent-%COMP%] {\n  margin-top: 0.33em;\n  margin-bottom: 0.33rem;\n}\n\n.mb-upload[_ngcontent-%COMP%] {\n  padding-bottom: 0.625rem;\n}\n\n.my-1rem[_ngcontent-%COMP%] {\n  margin-bottom: 1rem !important;\n  margin-top: 1rem !important;\n}\n\n.pr-rem[_ngcontent-%COMP%] {\n  padding-right: 0.6rem;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.bg-lightpink[_ngcontent-%COMP%] {\n  background-color: #f9dede;\n}\n\n.bottom-buttons[_ngcontent-%COMP%] {\n  margin-left: 97px;\n}\n\n@media (min-width: 1200px) {\n  .max-w-xl[_ngcontent-%COMP%] {\n    max-width: 205px;\n  }\n}\n\nthead[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFxwcm9kdWN0cy5jb21wb25lbnQuc2NzcyIsIm5vdC1pbi1jaGFubmVsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksK0JBQUE7QUNDSjs7QURFQTtFQUNJLG1CQUFBO0VBQ0EseUJBQUE7QUNDSjs7QURFQTtFQUNJLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxPQUFBO0VBQ0EsTUFBQTtBQ0NKOztBREVBO0VBQ0ksc0JBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLHlCQUFBO0FDQ0o7O0FERUE7RUFDSSx1QkFBQTtBQ0NKOztBREVBO0VBQ0ksaUJBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxlQUFBO0FDQ0o7O0FERUE7RUFDSSxxQkFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGVBQUE7QUNDSjs7QURFQTtFQUNDLDRCQUFBO0FDQ0Q7O0FERUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLFlBQUE7QUNDSjs7QURFQTtFQUNJLHVCQUFBO0VBRUEsOENBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0FDQUo7O0FER0E7RUFDSSxrQkFBQTtFQUNBLHNCQUFBO0FDQUo7O0FER0E7RUFDSSx3QkFBQTtBQ0FKOztBREdBO0VBQ0ksOEJBQUE7RUFDQSwyQkFBQTtBQ0FKOztBREdBO0VBQ0kscUJBQUE7QUNBSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FER0E7RUFDSSx5QkFBQTtBQ0FKOztBREdBO0VBQ0ksaUJBQUE7QUNBSjs7QURJQTtFQUNJO0lBQ0ksZ0JBQUE7RUNETjtBQUNGOztBQTFHQTtFQUFRLGdCQUFBO0VBQWtCLE1BQUE7QUE4RzFCIiwiZmlsZSI6Im5vdC1pbi1jaGFubmVsLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJhZGdlLXBpbGx7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTZweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXTpjaGVja2VkK2xhYmVsIHtcclxuICAgIGJhY2tncm91bmQ6ICNkZmVmZmM7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGZlZmZjO1xyXG59XHJcblxyXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXSB7XHJcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgdG9wOiAwO1xyXG59XHJcblxyXG4ucmFkLWJ0biBsYWJlbCB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbiAgICBjb2xvcjogIzAwMDtcclxuICAgIHdpZHRoOiA4MHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4ubW9kYWwtZGlhbG9nIHtcclxuICAgIG1heC13aWR0aDogMzAlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wcm9kdWN0e1xyXG4gICAgaGVpZ2h0OjEwMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnRleHQtbGFyZ2VyIHtcclxuICAgIGZvbnQtc2l6ZTogbGFyZ2VyO1xyXG59XHJcblxyXG4ucm93e1xyXG4gICAgbWFyZ2luLWxlZnQ6IDA7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XHJcbn1cclxuXHJcbnVsIHtcclxuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcclxufVxyXG5cclxuLmxpbmsge1xyXG4gICAgY29sb3I6ICMwMjAyYWI7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbi5weC0xIHtcclxuIHBhZGRpbmctbGVmdDogNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5za3Uge1xyXG4gICAgY29sb3I6ZGltZ3JheTsgXHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuXHJcbi5iYWRnZS1waWxse1xyXG4gICAgaGVpZ2h0OiAxNnB4IDtcclxufVxyXG5cclxuLml0ZW1UaXRsZXtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG5cclxuICAgIC8qIFJlcXVpcmVkIGZvciB0ZXh0LW92ZXJmbG93IHRvIGRvIGFueXRoaW5nICovXHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuLm5vLXRpdGxle1xyXG4gICAgbWFyZ2luLXRvcDogMC4zM2VtO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMC4zM3JlbTtcclxufVxyXG5cclxuLm1iLXVwbG9hZHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAwLjYyNXJlbTtcclxufVxyXG5cclxuLm15LTFyZW0ge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMXJlbSAhaW1wb3J0YW50O1xyXG4gICAgbWFyZ2luLXRvcDogMXJlbSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucHItcmVtIHtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDAuNnJlbTtcclxufVxyXG5cclxuLnRleHQtbGFyZ2VyIHtcclxuICAgIGZvbnQtc2l6ZTogbGFyZ2VyO1xyXG59XHJcblxyXG4uYmctbGlnaHRwaW5rIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmOWRlZGU7XHJcbn1cclxuXHJcbi5ib3R0b20tYnV0dG9uc3tcclxuICAgIG1hcmdpbi1sZWZ0OiA5N3B4O1xyXG59XHJcblxyXG4vLyBFeHRyYSBsYXJnZSBkZXZpY2VzIChsYXJnZSBkZXNrdG9wcywgMTIwMHB4IGFuZCB1cClcclxuQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkge1xyXG4gICAgLm1heC13LXhse1xyXG4gICAgICAgIG1heC13aWR0aDogMjA1cHg7XHJcbiAgICB9XHJcbn1cclxuXHJcbiIsIkBpbXBvcnQgJy4uL3Byb2R1Y3RzLmNvbXBvbmVudC5zY3NzJztcclxuXHJcbnRoZWFkIHsgcG9zaXRpb246IHN0aWNreTsgdG9wOiAwOyB9Il19 */"] });
+
+
+/***/ }),
+
+/***/ 7925:
+/*!******************************************************************!*\
+  !*** ./src/app/menu/products/not-in-pos/not-in-pos.component.ts ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NotInPosComponent": () => (/* binding */ NotInPosComponent)
+/* harmony export */ });
+/* harmony import */ var _scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../scan-dialog/scan-dialog.component */ 5241);
+/* harmony import */ var _model_ProductFilter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../model/ProductFilter */ 1290);
+/* harmony import */ var _modal_download_modal_download_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modal-download/modal-download.component */ 9744);
+/* harmony import */ var _modal_instruction_modal_instruction_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modal-instruction/modal-instruction.component */ 3566);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_material_dialog__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/material/dialog */ 1484);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+
+
+
+
+
+
+
+
+
+
+
+
+function NotInPosComponent_div_18_img_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](0, "img", 30);
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("src", item_r1 == null ? null : item_r1.Image, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
+} }
+function NotInPosComponent_div_18_img_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](0, "img", 31);
+} }
+function NotInPosComponent_div_18_div_10_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 32)(1, "input", 33);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("ngModelChange", function NotInPosComponent_div_18_div_10_Template_input_ngModelChange_1_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r15); const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit; return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](item_r1.selected = $event); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngModel", item_r1.selected);
+} }
+function NotInPosComponent_div_18_ng_container_13_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" ", item_r1.ChannelItemSKU, " ");
+} }
+const _c0 = function (a0) { return { "border-0": a0 }; };
+function NotInPosComponent_div_18_ng_container_13_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "div", 34)(2, "table", 35)(3, "tbody")(4, "tr")(5, "td", 36);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](6, NotInPosComponent_div_18_ng_container_13_ng_container_6_Template, 2, 1, "ng-container", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpureFunction1"](2, _c0, item_r1.ChannelItemSKU == null));
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", item_r1.ChannelItemSKU != null);
+} }
+function NotInPosComponent_div_18_ng_container_14_tr_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const v_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" ", v_r21.Name, " ");
+} }
+function NotInPosComponent_div_18_ng_container_14_tr_4_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const v_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" ", v_r21.ChannelVariationSKU, " ");
+} }
+function NotInPosComponent_div_18_ng_container_14_tr_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "tr")(1, "td", 38);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](2, NotInPosComponent_div_18_ng_container_14_tr_4_ng_container_2_Template, 2, 1, "ng-container", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](3, "td", 39);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, NotInPosComponent_div_18_ng_container_14_tr_4_ng_container_4_Template, 2, 1, "ng-container", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const v_r21 = ctx.$implicit;
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpureFunction1"](4, _c0, v_r21.Name == null));
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", v_r21.Name != null && item_r1.Variant.length > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpureFunction1"](6, _c0, v_r21.ChannelVariationSKU == null));
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", v_r21.ChannelVariationSKU != null);
+} }
+function NotInPosComponent_div_18_ng_container_14_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "div", 34)(2, "table", 35)(3, "tbody");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, NotInPosComponent_div_18_ng_container_14_tr_4_Template, 5, 8, "tr", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngForOf", item_r1.Variant);
+} }
+function NotInPosComponent_div_18_button_17_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "button", 40);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function NotInPosComponent_div_18_button_17_Template_button_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r30); const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit; const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r28.RetrieveData(item_r1)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "i", 41);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](2, " Download ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+} }
+function NotInPosComponent_div_18_ng_template_18_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "button", 42);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function NotInPosComponent_div_18_ng_template_18_Template_button_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r33); const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit; const ctx_r31 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r31.openInstruction(item_r1)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "i", 43);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](2, " No SKU ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+} }
+function NotInPosComponent_div_18_ng_container_21_a_2_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "a", 46);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "img", 47);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("href", (item_r1 == null ? null : item_r1.Variant.length) > 0 ? item_r1 == null ? null : item_r1.Variant[0] == null ? null : item_r1.Variant[0].URL : item_r1.Url, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
+} }
+function NotInPosComponent_div_18_ng_container_21_a_3_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "a", 46);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "img", 48);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("href", (item_r1 == null ? null : item_r1.Variant.length) > 0 ? item_r1 == null ? null : item_r1.Variant[0] == null ? null : item_r1.Variant[0].URL : item_r1.Url, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
+} }
+function NotInPosComponent_div_18_ng_container_21_a_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "a", 46);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "img", 49);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("href", (item_r1 == null ? null : item_r1.Variant.length) > 0 ? item_r1 == null ? null : item_r1.Variant[0] == null ? null : item_r1.Variant[0].URL : item_r1.Url, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
+} }
+function NotInPosComponent_div_18_ng_container_21_a_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "a", 46);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "img", 50);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("href", (item_r1 == null ? null : item_r1.Variant.length) > 0 ? item_r1 == null ? null : item_r1.Variant[0] == null ? null : item_r1.Variant[0].URL : item_r1.Url, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
+} }
+function NotInPosComponent_div_18_ng_container_21_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "div", 44);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](2, NotInPosComponent_div_18_ng_container_21_a_2_Template, 2, 1, "a", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](3, NotInPosComponent_div_18_ng_container_21_a_3_Template, 2, 1, "a", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, NotInPosComponent_div_18_ng_container_21_a_4_Template, 2, 1, "a", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](5, NotInPosComponent_div_18_ng_container_21_a_5_Template, 2, 1, "a", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r11.ch.TypeID == 0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r11.ch.TypeID == 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r11.ch.TypeID == 2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r11.ch.TypeID == 6);
+} }
+const _c1 = function (a0) { return { itemTitle: a0 }; };
+function NotInPosComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+    const _r43 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 11)(1, "div", 12)(2, "div", 13)(3, "div", 14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, NotInPosComponent_div_18_img_4_Template, 1, 1, "img", 15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](5, NotInPosComponent_div_18_img_5_Template, 1, 0, "img", 16);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](6, "div", 17)(7, "div", 18)(8, "div", 19)(9, "h4", 20);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function NotInPosComponent_div_18_Template_h4_click_9_listener() { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r43); const item_r1 = restoredCtx.$implicit; const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r42.showFullTitle(item_r1)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](10, NotInPosComponent_div_18_div_10_Template, 2, 1, "div", 21);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](11, "div", 22)(12, "div", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](13, NotInPosComponent_div_18_ng_container_13_Template, 7, 4, "ng-container", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](14, NotInPosComponent_div_18_ng_container_14_Template, 5, 1, "ng-container", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](15, "div", 25)(16, "div", 26);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](17, NotInPosComponent_div_18_button_17_Template, 3, 0, "button", 27);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](18, NotInPosComponent_div_18_ng_template_18_Template, 3, 0, "ng-template", null, 28, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplateRefExtractor"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](20, "div", 29);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](21, NotInPosComponent_div_18_ng_container_21_Template, 6, 4, "ng-container", 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", item_r1 == null ? null : item_r1.Image);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", !(item_r1 == null ? null : item_r1.Image));
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpureFunction1"](9, _c1, !item_r1.fullTitle))("innerHTML", item_r1 == null ? null : item_r1.Name, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeHtml"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", item_r1.upload);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", item_r1.Variant.length < 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", item_r1.Variant != null);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", item_r1.upload);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r0.GetProductChannel(item_r1));
+} }
+class NotInPosComponent {
+    constructor(http, toastr, dialog) {
+        this.http = http;
+        this.toastr = toastr;
+        this.dialog = dialog;
+        this.filter = new _model_ProductFilter__WEBPACK_IMPORTED_MODULE_1__.ProductFilter();
+        this.loading = false;
+        this.syncupdatefull = false;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    /**
+     * Calls the Load API
+     * Used for initialization
+     */
+    Load() {
+        this.http.post("/api/product/Load", {}).subscribe((result) => {
+            this.Channel = result.Options.Channel;
+            this.filter = result.Filter;
+            this.filter.ChannelID = null;
+            this.filter.sync = true;
+            this.GetProducts();
+        });
+    }
+    /**
+     * Get products not in POS
+     */
+    GetProducts() {
+        let params = {
+            ID: this.filter.ChannelID,
+        };
+        this.http
+            .post("/api/product/GetProductChannelNotPOS", params)
+            .subscribe((result) => {
+            this.data = result.Data;
+            for (let p of this.data) {
+                p.fullTitle = false;
+                if (p.Variant.length > 0) {
+                    let filter = p.Variant.find((x) => x.ChannelVariationSKU == null);
+                    if (filter == undefined) {
+                        p.upload = true;
+                    }
+                    else {
+                        p.upload = false;
+                    }
+                }
+                else {
+                    if (p.ChannelItemSKU != null) {
+                        p.upload = true;
+                    }
+                    else {
+                        p.upload = false;
+                    }
+                }
+            }
+            this.originalData = result.Data;
+        });
+    }
+    /**
+     * Filters the product list. First based on channel, then by name
+     * @param event
+     */
+    SearchProduct(event) {
+        var filteredData = this.originalData;
+        if (this.filter.ChannelID != null) {
+            filteredData = filteredData.filter((item) => item.ChannelID == this.filter.ChannelID);
+        }
+        if (event != null && event != "") {
+            filteredData = filteredData.filter((item) => item.Name !== null &&
+                item.Name.toLowerCase().includes(event.toLowerCase()));
+            if (filteredData.length < 1) {
+                filteredData = this.originalData.filter((item) => item.ChannelItemSKU !== null && item.ChannelItemSKU.includes(event));
+            }
+        }
+        this.data = filteredData;
+    }
+    /**
+     * Get the Channel of an item
+     * @param item Selected Item
+     */
+    GetProductChannel(item) {
+        this.ch = this.Channel.find((name) => name.Name == item.Channel);
+        if (!this.ch) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    /**
+     * Calls ScanOptimized to scan channel
+     */
+    Refresh() {
+        if (this.filter.ChannelID === null || this.filter.mode == null) {
+            alert("Please select channel");
+            return;
+        }
+        let params = {
+            ID: this.filter.ChannelID,
+            mode: this.filter.mode,
+            ScanFull: this.filter.ScanFull
+        };
+        this.http.post("/api/product/ScanOptimized", params).subscribe((res) => {
+            this.GetProducts();
+            let productNotInPOS = res.NotInPOS ? res.NotInPOS.Product : 0;
+            this.toastr.success(productNotInPOS +
+                " found in " +
+                this.getChannelName(this.filter.ChannelID) +
+                "</br> ( " +
+                productNotInPOS +
+                " Not In POS )", "Scan Complete!", {
+                timeOut: 5000,
+                enableHtml: true,
+            });
+        });
+    }
+    /**
+     * Open the scan dialog and pass the Channel list and the filter variable
+     * Returns the modified filter, then run the scan function
+     */
+    openScanDialog() {
+        const dialogRef = this.dialog.open(_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_0__.ScanDialogComponent, {
+            data: {
+                filter: this.filter,
+                Channel: this.Channel,
+                notInPOS: true,
+            },
+            width: "30%",
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result != null) {
+                this.filter = result.filter;
+                this.Refresh();
+            }
+        });
+    }
+    /**
+     * Get all selected products
+     */
+    getSelected() {
+        if (this.data) {
+            return this.data.filter((m) => m.selected);
+        }
+        else {
+            return [];
+        }
+    }
+    /**
+     * Checks if product is selected or not
+     */
+    hasSelection() {
+        if (this.data) {
+            return this.getSelected().length > 0;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * Retrieves product data from channel
+     * Based on downloadType, either get all products or only selected ones
+     *
+     * @input downloadType: number
+     * 0 downloads all, 1 only selected products
+     */
+    RetrieveAllData(downloadType = 0) {
+        let listSelected;
+        if (downloadType == 0) {
+            listSelected = this.data;
+        }
+        else if (downloadType == 1) {
+            listSelected = this.getSelected();
+        }
+        if (listSelected.length > 0) {
+            let listIds = [];
+            listSelected.forEach((m) => listIds.push(m));
+            this.http
+                .post("/api/product/DownloadMultipleProductFromChannel", listIds)
+                .subscribe((result) => {
+                this.GetProducts();
+                this.toastr.success("Retrieved Product successfully!", "Success");
+            });
+        }
+    }
+    /**
+     * Retrieves a product's information
+     * @param info Channel ID and Item ID
+     */
+    RetrieveData(info) {
+        if (!confirm("Are you sure you want to Retrieve product '" +
+            info.Name +
+            "' from '" +
+            info.Channel +
+            "' to POS?"))
+            return;
+        let param = {
+            ChannelItemID: info.ChannelItemID,
+            ChannelID: info.ChannelID,
+        };
+        this.http
+            .post("/api/product/DownloadProductFromChannel", param)
+            .subscribe((result) => {
+            this.GetProducts();
+            this.toastr.success("Retrieved Product successfully!", "Success");
+        });
+    }
+    /**
+     * Return the Channel's name based on the ID given as input
+     * @param ID Channel ID
+     */
+    getChannelName(ID) {
+        let channel = this.Channel.find((x) => x.ID == ID);
+        return channel.Name;
+    }
+    /**
+     * Opens the instruction Modal
+     * @param item Selected item
+     */
+    openInstruction(item) {
+        this.dialogName = item.Name;
+        this.GetProductChannel(item);
+        this.dialogType = this.ch.TypeID;
+        this.dialog.open(_modal_instruction_modal_instruction_component__WEBPACK_IMPORTED_MODULE_3__.ModalInstructionComponent, {
+            data: {
+                type: this.dialogType,
+                name: this.dialogName
+            },
+            width: "30%"
+        });
+    }
+    /**
+     * Opens the download Modal
+     */
+    openDownloadModal() {
+        const dialogRef = this.dialog.open(_modal_download_modal_download_component__WEBPACK_IMPORTED_MODULE_2__.ModalDownloadComponent, {
+            data: {
+                hasSelection: this.hasSelection(),
+            },
+            width: "30%",
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result != null) {
+                this.RetrieveAllData(result);
+            }
+        });
+    }
+    /**
+     * Toggles showing the item's full name in the UI
+     * @param item The selected Item
+     */
+    showFullTitle(item) {
+        item.fullTitle = !item.fullTitle;
+    }
+}
+NotInPosComponent.ɵfac = function NotInPosComponent_Factory(t) { return new (t || NotInPosComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_4__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_7__.ToastrService), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](_angular_material_dialog__WEBPACK_IMPORTED_MODULE_8__.MatDialog)); };
+NotInPosComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineComponent"]({ type: NotInPosComponent, selectors: [["app-not-in-pos"]], decls: 19, vars: 5, consts: [["textButton", " Search", 3, "Title", "onSubmit"], ["type", "button", "data-cy", "scanNotInPos", 1, "btn", "btn-outline-secondary", "shadow", "rounded", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], ["type", "button", 1, "btn", "btn-success", "shadow-sm", "rounded", "ms-3", 3, "click"], [1, "fa", "fa-download"], [1, "d-flex"], ["container", ""], ["bindLabel", "Name", "name", "channelid", "bindValue", "ID", "placeholder", "Select Channel", 1, "center-text", 3, "clearable", "items", "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row", "mt-8"], ["class", "col-12 col-md-6 col-xl-4 px-3 my-3", 4, "ngFor", "ngForOf"], [1, "col-12", "col-md-6", "col-xl-4", "px-3", "my-3"], [1, "card", "product"], [1, "row", "h-100", "g-0", "px-6"], [1, "col-auto", "pe-xl-0"], ["class", "border rounded-lg mx-auto text-center mt-5", "style", "width: 80px; max-height: 80px", 3, "src", 4, "ngIf"], ["class", "text-center border rounded-lg mx-auto mt-5", "style", "width: 80px; max-height: 80px", "src", "//res.cloudinary.com/pos/image/upload/w_80/POS/Images/Icon/products_thumb.png", 4, "ngIf"], [1, "col", "mt-5", "px-xl-0"], [1, "row", "align-items-center", "justify-content-start"], [1, "col-auto", "pt-0", "pe-4", "max-w-xl", "ms-3"], [1, "text-start", 3, "ngClass", "innerHTML", "click"], ["class", "col text-end gx-0", 4, "ngIf"], [1, "row", "mb-auto"], [1, "col-12", "mt-5"], [4, "ngIf"], [1, "row", "mt-5", "justify-content-between", "bottom-buttons"], [1, "col-auto", "mb-upload"], ["class", "btn btn-light btn-sm", 3, "click", 4, "ngIf"], ["cantUpload", ""], [1, "row", "me-0", "me-md-5", "justify-content-end", "w-auto", "gx-0"], [1, "border", "rounded-lg", "mx-auto", "text-center", "mt-5", 2, "width", "80px", "max-height", "80px", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_80/POS/Images/Icon/products_thumb.png", 1, "text-center", "border", "rounded-lg", "mx-auto", "mt-5", 2, "width", "80px", "max-height", "80px"], [1, "col", "text-end", "gx-0"], ["type", "checkbox", 3, "ngModel", "ngModelChange"], [1, "ps-3", "my-3", "table-responsive"], [1, "table", "table-bordered"], [1, "text-larger", 3, "ngClass"], [4, "ngFor", "ngForOf"], [3, "ngClass"], [1, "text-larger", "mx-auto", 3, "ngClass"], [1, "btn", "btn-light", "btn-sm", 3, "click"], ["aria-hidden", "true", 1, "fa", "fa-download"], [1, "btn", "text-danger", "bg-lightpink", "btn-sm", 3, "click"], ["aria-hidden", "true", 1, "fas", "fa-barcode"], [1, "col-auto", "px-1", "px-md-3", "mb-1", "pb-3"], ["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262220/icons/marketplace_icons/shopee.png"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262221/icons/marketplace_icons/tokopedia.png"], ["src", "https://res.cloudinary.com/pos/image/upload/w_50/v1632447439/icons/WooCommerce/woocommerce-icon.webp"], ["src", "https://res.cloudinary.com/pos/image/upload/w_30/v1645761611/icons/Marketplace%20logo/tiktok.png"]], template: function NotInPosComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("onSubmit", function NotInPosComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.SearchProduct($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "actions")(2, "button", 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function NotInPosComponent_Template_button_click_2_listener() { return ctx.openScanDialog(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](3, "i", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](4, " Scan Channel ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](5, "button", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function NotInPosComponent_Template_button_click_5_listener() { return ctx.openDownloadModal(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](6, "i", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](7, " Download ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](8, "filters")(9, "div", 5)(10, "div", 6)(11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](13, "Channel");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](14, "ng-select", 7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("ngModelChange", function NotInPosComponent_Template_ng_select_ngModelChange_14_listener($event) { return ctx.filter.ChannelID = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](15, "content")(16, "div", 8)(17, "div", 9);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](18, NotInPosComponent_div_18_Template, 22, 11, "div", 10);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("Title", "Not in POS" + " (" + (ctx.originalData ? ctx.originalData.length : "0") + ")");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](14);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("clearable", true)("items", ctx.Channel)("ngModel", ctx.filter.ChannelID);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngForOf", ctx.data);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_9__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_9__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_9__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_5__.MainPanelComponent, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_11__.NgSelectComponent], styles: [".badge-pill[_ngcontent-%COMP%] {\n  padding-bottom: 16px !important;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: #000;\n  width: 80px;\n  text-align: center;\n}\n\n.modal-dialog[_ngcontent-%COMP%] {\n  max-width: 30% !important;\n}\n\n.product[_ngcontent-%COMP%] {\n  height: 100% !important;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.row[_ngcontent-%COMP%] {\n  margin-left: 0;\n  margin-right: 0;\n}\n\nul[_ngcontent-%COMP%] {\n  list-style-type: none;\n}\n\n.link[_ngcontent-%COMP%] {\n  color: #0202ab;\n  cursor: pointer;\n}\n\n.px-1[_ngcontent-%COMP%] {\n  padding-left: 5px !important;\n}\n\n.sku[_ngcontent-%COMP%] {\n  color: dimgray;\n  font-style: italic;\n}\n\n.badge-pill[_ngcontent-%COMP%] {\n  height: 16px;\n}\n\n.itemTitle[_ngcontent-%COMP%] {\n  text-overflow: ellipsis;\n  \n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.no-title[_ngcontent-%COMP%] {\n  margin-top: 0.33em;\n  margin-bottom: 0.33rem;\n}\n\n.mb-upload[_ngcontent-%COMP%] {\n  padding-bottom: 0.625rem;\n}\n\n.my-1rem[_ngcontent-%COMP%] {\n  margin-bottom: 1rem !important;\n  margin-top: 1rem !important;\n}\n\n.pr-rem[_ngcontent-%COMP%] {\n  padding-right: 0.6rem;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.bg-lightpink[_ngcontent-%COMP%] {\n  background-color: #f9dede;\n}\n\n.bottom-buttons[_ngcontent-%COMP%] {\n  margin-left: 97px;\n}\n\n@media (min-width: 1200px) {\n  .max-w-xl[_ngcontent-%COMP%] {\n    max-width: 205px;\n  }\n}\n\n.itemTitle[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFxwcm9kdWN0cy5jb21wb25lbnQuc2NzcyIsIm5vdC1pbi1wb3MuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSwrQkFBQTtBQ0NKOztBREVBO0VBQ0ksbUJBQUE7RUFDQSx5QkFBQTtBQ0NKOztBREVBO0VBQ0ksa0JBQUE7RUFDQSxrQkFBQTtFQUNBLE9BQUE7RUFDQSxNQUFBO0FDQ0o7O0FERUE7RUFDSSxzQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsV0FBQTtFQUNBLFdBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0kseUJBQUE7QUNDSjs7QURFQTtFQUNJLHVCQUFBO0FDQ0o7O0FERUE7RUFDSSxpQkFBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLGVBQUE7QUNDSjs7QURFQTtFQUNJLHFCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0MsNEJBQUE7QUNDRDs7QURFQTtFQUNJLGNBQUE7RUFDQSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksWUFBQTtBQ0NKOztBREVBO0VBQ0ksdUJBQUE7RUFFQSw4Q0FBQTtFQUNBLG1CQUFBO0VBQ0EsZ0JBQUE7QUNBSjs7QURHQTtFQUNJLGtCQUFBO0VBQ0Esc0JBQUE7QUNBSjs7QURHQTtFQUNJLHdCQUFBO0FDQUo7O0FER0E7RUFDSSw4QkFBQTtFQUNBLDJCQUFBO0FDQUo7O0FER0E7RUFDSSxxQkFBQTtBQ0FKOztBREdBO0VBQ0ksaUJBQUE7QUNBSjs7QURHQTtFQUNJLHlCQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtBQ0FKOztBRElBO0VBQ0k7SUFDSSxnQkFBQTtFQ0ROO0FBQ0Y7O0FBMUdBO0VBQ0ksZUFBQTtBQTRHSiIsImZpbGUiOiJub3QtaW4tcG9zLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJhZGdlLXBpbGx7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTZweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXTpjaGVja2VkK2xhYmVsIHtcclxuICAgIGJhY2tncm91bmQ6ICNkZmVmZmM7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGZlZmZjO1xyXG59XHJcblxyXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXSB7XHJcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgdG9wOiAwO1xyXG59XHJcblxyXG4ucmFkLWJ0biBsYWJlbCB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbiAgICBjb2xvcjogIzAwMDtcclxuICAgIHdpZHRoOiA4MHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4ubW9kYWwtZGlhbG9nIHtcclxuICAgIG1heC13aWR0aDogMzAlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wcm9kdWN0e1xyXG4gICAgaGVpZ2h0OjEwMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnRleHQtbGFyZ2VyIHtcclxuICAgIGZvbnQtc2l6ZTogbGFyZ2VyO1xyXG59XHJcblxyXG4ucm93e1xyXG4gICAgbWFyZ2luLWxlZnQ6IDA7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XHJcbn1cclxuXHJcbnVsIHtcclxuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcclxufVxyXG5cclxuLmxpbmsge1xyXG4gICAgY29sb3I6ICMwMjAyYWI7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbi5weC0xIHtcclxuIHBhZGRpbmctbGVmdDogNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5za3Uge1xyXG4gICAgY29sb3I6ZGltZ3JheTsgXHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuXHJcbi5iYWRnZS1waWxse1xyXG4gICAgaGVpZ2h0OiAxNnB4IDtcclxufVxyXG5cclxuLml0ZW1UaXRsZXtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG5cclxuICAgIC8qIFJlcXVpcmVkIGZvciB0ZXh0LW92ZXJmbG93IHRvIGRvIGFueXRoaW5nICovXHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuLm5vLXRpdGxle1xyXG4gICAgbWFyZ2luLXRvcDogMC4zM2VtO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMC4zM3JlbTtcclxufVxyXG5cclxuLm1iLXVwbG9hZHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAwLjYyNXJlbTtcclxufVxyXG5cclxuLm15LTFyZW0ge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMXJlbSAhaW1wb3J0YW50O1xyXG4gICAgbWFyZ2luLXRvcDogMXJlbSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucHItcmVtIHtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDAuNnJlbTtcclxufVxyXG5cclxuLnRleHQtbGFyZ2VyIHtcclxuICAgIGZvbnQtc2l6ZTogbGFyZ2VyO1xyXG59XHJcblxyXG4uYmctbGlnaHRwaW5rIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmOWRlZGU7XHJcbn1cclxuXHJcbi5ib3R0b20tYnV0dG9uc3tcclxuICAgIG1hcmdpbi1sZWZ0OiA5N3B4O1xyXG59XHJcblxyXG4vLyBFeHRyYSBsYXJnZSBkZXZpY2VzIChsYXJnZSBkZXNrdG9wcywgMTIwMHB4IGFuZCB1cClcclxuQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkge1xyXG4gICAgLm1heC13LXhse1xyXG4gICAgICAgIG1heC13aWR0aDogMjA1cHg7XHJcbiAgICB9XHJcbn1cclxuXHJcbiIsIkBpbXBvcnQgJy4uL3Byb2R1Y3RzLmNvbXBvbmVudC5zY3NzJztcclxuXHJcbi5pdGVtVGl0bGV7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbn0iXX0= */"] });
+
+
+/***/ }),
+
+/***/ 3816:
+/*!*********************************************************!*\
+  !*** ./src/app/menu/products/product-routing.module.ts ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ProductRoutingModule": () => (/* binding */ ProductRoutingModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _products_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./products.component */ 5881);
+/* harmony import */ var _in_pos_in_pos_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./in-pos/in-pos.component */ 9949);
+/* harmony import */ var _sold_in_channel_sold_in_channel_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sold-in-channel/sold-in-channel.component */ 6678);
+/* harmony import */ var _not_in_channel_not_in_channel_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./not-in-channel/not-in-channel.component */ 3915);
+/* harmony import */ var _not_in_pos_not_in_pos_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./not-in-pos/not-in-pos.component */ 7925);
+/* harmony import */ var _duplicate_sku_duplicate_sku_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./duplicate-sku/duplicate-sku.component */ 2741);
+/* harmony import */ var src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/auth.guard */ 8063);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+
+
+
+const routes = [
+    {
+        path: "",
+        component: _products_component__WEBPACK_IMPORTED_MODULE_0__.ProductsComponent,
+        children: [
+            {
+                path: "",
+                redirectTo: "in-pos",
+                pathMatch: "full",
+            },
+            {
+                path: "in-pos",
+                component: _in_pos_in_pos_component__WEBPACK_IMPORTED_MODULE_1__.InPosComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_6__.AuthGuard],
+                data: { title: "Products in POS" },
+            },
+            {
+                path: "sold-in-channel",
+                component: _sold_in_channel_sold_in_channel_component__WEBPACK_IMPORTED_MODULE_2__.SoldInChannelComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_6__.AuthGuard],
+                data: { title: "Products Sold in Channel" },
+            },
+            {
+                path: "not-in-channel",
+                component: _not_in_channel_not_in_channel_component__WEBPACK_IMPORTED_MODULE_3__.NotInChannelComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_6__.AuthGuard],
+                data: { title: "Products not in Channel" },
+            },
+            {
+                path: "not-in-pos",
+                component: _not_in_pos_not_in_pos_component__WEBPACK_IMPORTED_MODULE_4__.NotInPosComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_6__.AuthGuard],
+                data: { title: "Products not in POS" },
+            },
+            {
+                path: "duplicate-sku",
+                component: _duplicate_sku_duplicate_sku_component__WEBPACK_IMPORTED_MODULE_5__.DuplicateSkuComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_6__.AuthGuard],
+                data: { title: "Duplicate Sku in Channel" },
+            },
+        ],
+    },
+];
+class ProductRoutingModule {
+}
+ProductRoutingModule.ɵfac = function ProductRoutingModule_Factory(t) { return new (t || ProductRoutingModule)(); };
+ProductRoutingModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdefineNgModule"]({ type: ProductRoutingModule });
+ProductRoutingModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_8__.CommonModule, _angular_router__WEBPACK_IMPORTED_MODULE_9__.RouterModule.forChild(routes)] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsetNgModuleScope"](ProductRoutingModule, { imports: [_angular_common__WEBPACK_IMPORTED_MODULE_8__.CommonModule, _angular_router__WEBPACK_IMPORTED_MODULE_9__.RouterModule] }); })();
+
+
+/***/ }),
+
+/***/ 2837:
+/*!*************************************************!*\
+  !*** ./src/app/menu/products/product.module.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ProductModule": () => (/* binding */ ProductModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _duplicate_sku_duplicate_sku_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./duplicate-sku/duplicate-sku.component */ 2741);
+/* harmony import */ var _in_pos_in_pos_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./in-pos/in-pos.component */ 9949);
+/* harmony import */ var _not_in_channel_not_in_channel_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./not-in-channel/not-in-channel.component */ 3915);
+/* harmony import */ var _sold_in_channel_sold_in_channel_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sold-in-channel/sold-in-channel.component */ 6678);
+/* harmony import */ var _not_in_pos_not_in_pos_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./not-in-pos/not-in-pos.component */ 7925);
+/* harmony import */ var _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../nav-tab/nav-tab.component */ 7398);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _product_routing_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./product-routing.module */ 3816);
+/* harmony import */ var _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/material/tooltip */ 6896);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../main-panel/main-panel.component */ 7481);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _products_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./products.component */ 5881);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+class ProductModule {
+}
+ProductModule.ɵfac = function ProductModule_Factory(t) { return new (t || ProductModule)(); };
+ProductModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdefineNgModule"]({ type: ProductModule });
+ProductModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_10__.CommonModule,
+        _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_5__.NavTabModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_11__.FormsModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_12__.RouterModule,
+        _product_routing_module__WEBPACK_IMPORTED_MODULE_6__.ProductRoutingModule,
+        _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_13__.MatTooltipModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_7__.MainPanelModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_14__.NgSelectModule] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵsetNgModuleScope"](ProductModule, { declarations: [_duplicate_sku_duplicate_sku_component__WEBPACK_IMPORTED_MODULE_0__.DuplicateSkuComponent,
+        _in_pos_in_pos_component__WEBPACK_IMPORTED_MODULE_1__.InPosComponent,
+        _not_in_channel_not_in_channel_component__WEBPACK_IMPORTED_MODULE_2__.NotInChannelComponent,
+        _sold_in_channel_sold_in_channel_component__WEBPACK_IMPORTED_MODULE_3__.SoldInChannelComponent,
+        _not_in_pos_not_in_pos_component__WEBPACK_IMPORTED_MODULE_4__.NotInPosComponent,
+        _products_component__WEBPACK_IMPORTED_MODULE_8__.ProductsComponent], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_10__.CommonModule,
+        _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_5__.NavTabModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_11__.FormsModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_12__.RouterModule,
+        _product_routing_module__WEBPACK_IMPORTED_MODULE_6__.ProductRoutingModule,
+        _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_13__.MatTooltipModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_7__.MainPanelModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_14__.NgSelectModule] }); })();
+
+
+/***/ }),
+
+/***/ 5881:
+/*!*****************************************************!*\
+  !*** ./src/app/menu/products/products.component.ts ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ProductsComponent": () => (/* binding */ ProductsComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../nav-tab/nav-tab.component */ 7398);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ 124);
+
+
+
+class ProductsComponent {
+    constructor() {
+        this.productTabs = [
+            { Title: 'In POS', Url: '/menu/products/in-pos' },
+            { Title: 'Not in POS', Url: '/menu/products/not-in-pos' },
+            { Title: 'Sold in Channel', Url: '/menu/products/sold-in-channel' },
+            { Title: 'Not in Channel', Url: '/menu/products/not-in-channel' },
+            { Title: 'Duplicate SKU', Url: '/menu/products/duplicate-sku' }
+        ];
+    }
+    ngOnInit() {
+    }
+}
+ProductsComponent.ɵfac = function ProductsComponent_Factory(t) { return new (t || ProductsComponent)(); };
+ProductsComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: ProductsComponent, selectors: [["app-products"]], decls: 5, vars: 1, consts: [[1, "navbar", "page-nav", "navbar-default", "py-0", "navbar-expand-lg"], [1, "container-fluid"], [3, "Tabs"]], template: function ProductsComponent_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.productTabs);
+    } }, dependencies: [_nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_0__.NavTabComponent, _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterOutlet], styles: [".badge-pill[_ngcontent-%COMP%] {\n  padding-bottom: 16px !important;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: #000;\n  width: 80px;\n  text-align: center;\n}\n\n.modal-dialog[_ngcontent-%COMP%] {\n  max-width: 30% !important;\n}\n\n.product[_ngcontent-%COMP%] {\n  height: 100% !important;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.row[_ngcontent-%COMP%] {\n  margin-left: 0;\n  margin-right: 0;\n}\n\nul[_ngcontent-%COMP%] {\n  list-style-type: none;\n}\n\n.link[_ngcontent-%COMP%] {\n  color: #0202ab;\n  cursor: pointer;\n}\n\n.px-1[_ngcontent-%COMP%] {\n  padding-left: 5px !important;\n}\n\n.sku[_ngcontent-%COMP%] {\n  color: dimgray;\n  font-style: italic;\n}\n\n.badge-pill[_ngcontent-%COMP%] {\n  height: 16px;\n}\n\n.itemTitle[_ngcontent-%COMP%] {\n  text-overflow: ellipsis;\n  \n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.no-title[_ngcontent-%COMP%] {\n  margin-top: 0.33em;\n  margin-bottom: 0.33rem;\n}\n\n.mb-upload[_ngcontent-%COMP%] {\n  padding-bottom: 0.625rem;\n}\n\n.my-1rem[_ngcontent-%COMP%] {\n  margin-bottom: 1rem !important;\n  margin-top: 1rem !important;\n}\n\n.pr-rem[_ngcontent-%COMP%] {\n  padding-right: 0.6rem;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.bg-lightpink[_ngcontent-%COMP%] {\n  background-color: #f9dede;\n}\n\n.bottom-buttons[_ngcontent-%COMP%] {\n  margin-left: 97px;\n}\n\n@media (min-width: 1200px) {\n  .max-w-xl[_ngcontent-%COMP%] {\n    max-width: 205px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2R1Y3RzLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksK0JBQUE7QUFDSjs7QUFFQTtFQUNJLG1CQUFBO0VBQ0EseUJBQUE7QUFDSjs7QUFFQTtFQUNJLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxPQUFBO0VBQ0EsTUFBQTtBQUNKOztBQUVBO0VBQ0ksc0JBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0Esa0JBQUE7QUFDSjs7QUFFQTtFQUNJLHlCQUFBO0FBQ0o7O0FBRUE7RUFDSSx1QkFBQTtBQUNKOztBQUVBO0VBQ0ksaUJBQUE7QUFDSjs7QUFFQTtFQUNJLGNBQUE7RUFDQSxlQUFBO0FBQ0o7O0FBRUE7RUFDSSxxQkFBQTtBQUNKOztBQUVBO0VBQ0ksY0FBQTtFQUNBLGVBQUE7QUFDSjs7QUFFQTtFQUNDLDRCQUFBO0FBQ0Q7O0FBRUE7RUFDSSxjQUFBO0VBQ0Esa0JBQUE7QUFDSjs7QUFFQTtFQUNJLFlBQUE7QUFDSjs7QUFFQTtFQUNJLHVCQUFBO0VBRUEsOENBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBO0FBQUo7O0FBR0E7RUFDSSxrQkFBQTtFQUNBLHNCQUFBO0FBQUo7O0FBR0E7RUFDSSx3QkFBQTtBQUFKOztBQUdBO0VBQ0ksOEJBQUE7RUFDQSwyQkFBQTtBQUFKOztBQUdBO0VBQ0kscUJBQUE7QUFBSjs7QUFHQTtFQUNJLGlCQUFBO0FBQUo7O0FBR0E7RUFDSSx5QkFBQTtBQUFKOztBQUdBO0VBQ0ksaUJBQUE7QUFBSjs7QUFJQTtFQUNJO0lBQ0ksZ0JBQUE7RUFETjtBQUNGIiwiZmlsZSI6InByb2R1Y3RzLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJhZGdlLXBpbGx7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTZweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXTpjaGVja2VkK2xhYmVsIHtcclxuICAgIGJhY2tncm91bmQ6ICNkZmVmZmM7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGZlZmZjO1xyXG59XHJcblxyXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXSB7XHJcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgdG9wOiAwO1xyXG59XHJcblxyXG4ucmFkLWJ0biBsYWJlbCB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbiAgICBjb2xvcjogIzAwMDtcclxuICAgIHdpZHRoOiA4MHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4ubW9kYWwtZGlhbG9nIHtcclxuICAgIG1heC13aWR0aDogMzAlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wcm9kdWN0e1xyXG4gICAgaGVpZ2h0OjEwMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnRleHQtbGFyZ2VyIHtcclxuICAgIGZvbnQtc2l6ZTogbGFyZ2VyO1xyXG59XHJcblxyXG4ucm93e1xyXG4gICAgbWFyZ2luLWxlZnQ6IDA7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XHJcbn1cclxuXHJcbnVsIHtcclxuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcclxufVxyXG5cclxuLmxpbmsge1xyXG4gICAgY29sb3I6ICMwMjAyYWI7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbi5weC0xIHtcclxuIHBhZGRpbmctbGVmdDogNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5za3Uge1xyXG4gICAgY29sb3I6ZGltZ3JheTsgXHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuXHJcbi5iYWRnZS1waWxse1xyXG4gICAgaGVpZ2h0OiAxNnB4IDtcclxufVxyXG5cclxuLml0ZW1UaXRsZXtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG5cclxuICAgIC8qIFJlcXVpcmVkIGZvciB0ZXh0LW92ZXJmbG93IHRvIGRvIGFueXRoaW5nICovXHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuLm5vLXRpdGxle1xyXG4gICAgbWFyZ2luLXRvcDogMC4zM2VtO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMC4zM3JlbTtcclxufVxyXG5cclxuLm1iLXVwbG9hZHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAwLjYyNXJlbTtcclxufVxyXG5cclxuLm15LTFyZW0ge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMXJlbSAhaW1wb3J0YW50O1xyXG4gICAgbWFyZ2luLXRvcDogMXJlbSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucHItcmVtIHtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDAuNnJlbTtcclxufVxyXG5cclxuLnRleHQtbGFyZ2VyIHtcclxuICAgIGZvbnQtc2l6ZTogbGFyZ2VyO1xyXG59XHJcblxyXG4uYmctbGlnaHRwaW5rIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmOWRlZGU7XHJcbn1cclxuXHJcbi5ib3R0b20tYnV0dG9uc3tcclxuICAgIG1hcmdpbi1sZWZ0OiA5N3B4O1xyXG59XHJcblxyXG4vLyBFeHRyYSBsYXJnZSBkZXZpY2VzIChsYXJnZSBkZXNrdG9wcywgMTIwMHB4IGFuZCB1cClcclxuQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkge1xyXG4gICAgLm1heC13LXhse1xyXG4gICAgICAgIG1heC13aWR0aDogMjA1cHg7XHJcbiAgICB9XHJcbn1cclxuXHJcbiJdfQ== */"] });
+
+
+/***/ }),
+
+/***/ 6678:
+/*!****************************************************************************!*\
+  !*** ./src/app/menu/products/sold-in-channel/sold-in-channel.component.ts ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "SoldInChannelComponent": () => (/* binding */ SoldInChannelComponent)
+/* harmony export */ });
+/* harmony import */ var _scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../scan-dialog/scan-dialog.component */ 5241);
+/* harmony import */ var src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/model/ProductFilter */ 1290);
+/* harmony import */ var _modal_variant_list_modal_variant_list_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modal-variant-list/modal-variant-list.component */ 982);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var _angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/material/dialog */ 1484);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/material/tooltip */ 6896);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+
+
+
+
+
+
+
+
+
+
+function SoldInChannelComponent_div_8_img_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 24);
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("src", item_r1 == null ? null : item_r1.ImageUrl, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵsanitizeUrl"]);
+} }
+function SoldInChannelComponent_div_8_img_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](0, "img", 25);
+} }
+function SoldInChannelComponent_div_8_span_14_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "span", 26);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate1"](" ", item_r1 == null ? null : item_r1.Variants.length, "");
+} }
+function SoldInChannelComponent_div_8_div_17_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "div")(1, "span", 27);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](3, "span", 27);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Model);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Code);
+} }
+function SoldInChannelComponent_div_8_div_18_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "div")(1, "span", 28);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](3, "span", 27);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Model);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate"](item_r1 == null ? null : item_r1.Variants[0].Code);
+} }
+function SoldInChannelComponent_div_8_ng_container_20_a_2_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 32);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "img", 33);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const c_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("href", c_r13.Url, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵsanitizeUrl"]);
+} }
+function SoldInChannelComponent_div_8_ng_container_20_a_3_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 32);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "img", 34);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const c_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("href", c_r13.Url, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵsanitizeUrl"]);
+} }
+function SoldInChannelComponent_div_8_ng_container_20_a_4_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 32);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "img", 35);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const c_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("href", c_r13.Url, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵsanitizeUrl"]);
+} }
+function SoldInChannelComponent_div_8_ng_container_20_a_5_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "a", 36);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](1, "img", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const c_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("href", c_r13.Url, _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpropertyInterpolate"]("matTooltip", c_r13.Title);
+} }
+function SoldInChannelComponent_div_8_ng_container_20_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "div", 29);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](2, SoldInChannelComponent_div_8_ng_container_20_a_2_Template, 2, 1, "a", 30);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](3, SoldInChannelComponent_div_8_ng_container_20_a_3_Template, 2, 1, "a", 30);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](4, SoldInChannelComponent_div_8_ng_container_20_a_4_Template, 2, 1, "a", 30);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](5, SoldInChannelComponent_div_8_ng_container_20_a_5_Template, 2, 2, "a", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const c_r13 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", c_r13.TypeID == 0 || c_r13.TypeID == 5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", c_r13.TypeID == 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", c_r13.TypeID == 2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", c_r13.TypeID == 6);
+} }
+const _c0 = function () { return { "no-title": "item?.Variants.length <= 1" }; };
+function SoldInChannelComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "div", 6)(1, "div", 7)(2, "div", 8)(3, "div", 9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](4, SoldInChannelComponent_div_8_img_4_Template, 1, 1, "img", 10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](5, SoldInChannelComponent_div_8_img_5_Template, 1, 0, "img", 11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](6, "div", 12)(7, "div", 13)(8, "div", 14)(9, "a", 15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function SoldInChannelComponent_div_8_Template_a_click_9_listener() { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵrestoreView"](_r24); const i_r2 = restoredCtx.index; const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵresetView"](ctx_r23.DialogVariant(i_r2)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](10, "h4", 16);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](12, "div", 17)(13, "h4");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](14, SoldInChannelComponent_div_8_span_14_Template, 2, 1, "span", 18);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](15, "div", 19)(16, "div", 20);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](17, SoldInChannelComponent_div_8_div_17_Template, 5, 2, "div", 21);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](18, SoldInChannelComponent_div_8_div_18_Template, 5, 2, "div", 21);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](19, "div", 22);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](20, SoldInChannelComponent_div_8_ng_container_20_Template, 6, 4, "ng-container", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", item_r1 == null ? null : item_r1.ImageUrl);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", !(item_r1 == null ? null : item_r1.ImageUrl));
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵpureFunction0"](8, _c0));
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtextInterpolate1"]("", item_r1 == null ? null : item_r1.Name, " ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Variants.length) > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Variants.length) > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngIf", (item_r1 == null ? null : item_r1.Variants.length) == 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", ctx_r0.sortVariant(item_r1 == null ? null : item_r1.Variants));
+} }
+class SoldInChannelComponent {
+    constructor(http, dialog, toastr) {
+        this.http = http;
+        this.dialog = dialog;
+        this.toastr = toastr;
+        this.filter = new src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_1__.ProductFilter();
+        this.loading = false;
+        this.syncupdatefull = false;
+        this.Load();
+        this.GetProducts();
+    }
+    ngOnInit() { }
+    Load() {
+        this.http.post("/api/product/Load", {}).subscribe((result) => {
+            this.Channel = result.Options.Channel;
+            this.filter = result.Filter;
+            this.filter.ChannelID = null;
+            this.filter.sync = false;
+            this.filter.mode = 1;
+        });
+    }
+    GetProducts() {
+        this.http
+            .post("/api/product/GetSoldInChannel", {})
+            .subscribe((result) => {
+            this.data = result.Data;
+            this.temp = result.Data;
+        });
+    }
+    //Function: SearchProduct() will search the product by name
+    //If not found, it will search by variant code.
+    //If still not found, it will show the whole product list
+    SearchProduct(event) {
+        if (event != "") {
+            let result = this.temp.filter((ex) => ex.Name.toLowerCase().indexOf(event.toLowerCase()) !== -1);
+            if (result.length == 0) {
+                for (let item of this.temp) {
+                    var u = item.Variants.filter((v) => v.Code.toLowerCase().indexOf(event.toLowerCase()) !== -1);
+                    if (u.length > 0) {
+                        result.push(item);
+                        continue;
+                    }
+                }
+            }
+            this.data = result;
+        }
+        else {
+            this.data = this.temp;
+        }
+    }
+    SyncProduct() {
+        if (this.filter.ChannelID === null || this.filter.mode == null) {
+            alert("Please select channel");
+            return;
+        }
+        let params = {
+            ID: this.filter.ChannelID,
+            ScanFull: this.filter.ScanFull,
+        };
+        this.http
+            .post("/api/product/ScanOptimized", params)
+            .subscribe((res) => {
+            let productNotInPOS = res.NotInPOS ? res.NotInPOS.Product : 0;
+            let productInChannel = res.InChannel ? res.InChannel.Product : 0;
+            this.toastr.success(productNotInPOS +
+                productInChannel +
+                " found in " +
+                this.getChannelName(this.filter.ChannelID) +
+                "</br> ( " +
+                productInChannel +
+                " In POS + " +
+                productNotInPOS +
+                " Not In POS )", "Scan Complete!", {
+                timeOut: 5000,
+                enableHtml: true,
+            });
+        })
+            .add(() => {
+            // always gets called
+            this.GetProducts();
+        });
+    }
+    SyncProductMap() {
+        let params = {
+            ID: this.filter.ChannelID,
+        };
+        this.http
+            .post("/api/product/SyncUpdateMap", params)
+            .subscribe((result) => {
+            this.data = result.Data;
+        })
+            .add(() => {
+            // always gets called
+            this.GetProducts();
+        });
+    }
+    DialogVariant(index) {
+        this.variant = this.data[index].Variants;
+        this.dialogName = this.data[index].Name;
+        this.dialog.open(_modal_variant_list_modal_variant_list_component__WEBPACK_IMPORTED_MODULE_2__.ModalVariantListComponent, {
+            data: { variants: this.variant, title: this.data[index].Name },
+            width: "40%"
+        });
+    }
+    //Function: sortVariant() will look through all variants and make a list of all the unique channels
+    //Then it will return a sorted channel list
+    sortVariant(variants) {
+        var list = [];
+        for (let x of variants) {
+            if (x.Channel == null) {
+                continue;
+            }
+            else {
+                for (let ch of x.Channel) {
+                    if (list.filter((y) => y.ChannelID == ch.ChannelID).length == 0) {
+                        list.push(ch);
+                    }
+                }
+            }
+        }
+        return this.sortChannel(list);
+    }
+    //Function: sortChannel(list) will sort the list in decending order based on its TypeID
+    //It is used so that tokopedia link will be printed first
+    //Source : https://stackoverflow.com/questions/48403154/orderby-with-ngfor-array
+    sortChannel(list) {
+        return list.sort((a, b) => a["TypeID"] < b["TypeID"] ? 1 : a["TypeID"] === b["TypeID"] ? 0 : -1);
+    }
+    //Function: openScanDialog() will open 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(_scan_dialog_scan_dialog_component__WEBPACK_IMPORTED_MODULE_0__.ScanDialogComponent, {
+            data: {
+                filter: this.filter,
+                Channel: this.Channel,
+            },
+            width: "40%",
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result != null) {
+                this.filter = result.filter;
+                this.SyncProduct();
+            }
+        });
+    }
+    //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;
+    }
+}
+SoldInChannelComponent.ɵfac = function SoldInChannelComponent_Factory(t) { return new (t || SoldInChannelComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_3__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdirectiveInject"](_angular_material_dialog__WEBPACK_IMPORTED_MODULE_6__.MatDialog), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_7__.ToastrService)); };
+SoldInChannelComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdefineComponent"]({ type: SoldInChannelComponent, selectors: [["app-sold-in-channel"]], decls: 9, vars: 2, consts: [["hideSearchDropdown", "false", 3, "Title", "onSubmit"], ["type", "button", "data-cy", "scanSoldinChannel", 1, "btn", "btn-outline-secondary", "shadow", "rounded", 3, "click"], [1, "fas", "fa-lg", "fa-crosshairs"], [1, "container-fluid"], [1, "row", "mt-8"], ["class", "col-12 col-md-6 col-xl-4 px-3 my-3", 4, "ngFor", "ngForOf"], [1, "col-12", "col-md-6", "col-xl-4", "px-3", "my-3"], [1, "card", "product"], [1, "row", "h-100", "gx-0", "px-6"], [1, "col-auto", "pe-xl-0"], ["class", "border rounded-lg mx-auto text-center mt-5", "style", "width: 80px;max-height:80px; ", 3, "src", 4, "ngIf"], ["class", " text-center border rounded-lg mx-auto mt-5", "style", "width: 80px;max-height:80px;", "src", "//res.cloudinary.com/pos/image/upload/w_80/POS/Images/Icon/products_thumb.png", 4, "ngIf"], [1, "col", "mt-5", "px-xl-0"], [1, "row", "align-items-center", "justify-content-start"], [1, "col-auto", "pt-0", "pe-4", "max-w-xl"], ["role", "button", 1, "text-start", 3, "click"], [1, "itemTitle", 3, "ngClass"], [1, "col-auto", "px-0"], ["class", "badge badge-pill bg-warning m-2", 4, "ngIf"], [1, "row"], [1, "col-12"], [4, "ngIf"], [1, "row", "bottom-buttons", "me-0", "me-md-5", "justify-content-end"], [4, "ngFor", "ngForOf"], [1, "border", "rounded-lg", "mx-auto", "text-center", "mt-5", 2, "width", "80px", "max-height", "80px", 3, "src"], ["src", "//res.cloudinary.com/pos/image/upload/w_80/POS/Images/Icon/products_thumb.png", 1, "text-center", "border", "rounded-lg", "mx-auto", "mt-5", 2, "width", "80px", "max-height", "80px"], [1, "badge", "badge-pill", "bg-warning", "m-2"], [1, "d-block", "default"], [1, "d-none", "default"], [1, "col-auto", "px-1", "px-md-3", "mt-5", "mb-1", "pb-3"], ["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", "data-placement", "top", 3, "href", "matTooltip", 4, "ngIf"], ["target", "_blank", 3, "href"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262220/icons/marketplace_icons/shopee.png"], ["src", "https://res.cloudinary.com/pos/image/upload/v1598262221/icons/marketplace_icons/tokopedia.png"], ["src", "https://res.cloudinary.com/pos/image/upload/w_50/v1632447439/icons/WooCommerce/woocommerce-icon.webp"], ["target", "_blank", "data-placement", "top", 3, "href", "matTooltip"], ["src", "https://res.cloudinary.com/pos/image/upload/w_30/v1645761611/icons/Marketplace%20logo/tiktok.png"]], template: function SoldInChannelComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("onSubmit", function SoldInChannelComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.SearchProduct($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](1, "actions")(2, "button", 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵlistener"]("click", function SoldInChannelComponent_Template_button_click_2_listener() { return ctx.openScanDialog(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelement"](3, "i", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtext"](4, " Scan Channel ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementStart"](5, "content")(6, "div", 3)(7, "div", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵtemplate"](8, SoldInChannelComponent_div_8_Template, 21, 9, "div", 5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵelementEnd"]()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("Title", "Sold in Channel" + " (" + (ctx.data ? ctx.data.length : "0") + ")");
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵadvance"](8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵproperty"]("ngForOf", ctx.data);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_8__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_8__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_8__.NgIf, _angular_material_tooltip__WEBPACK_IMPORTED_MODULE_9__.MatTooltip, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_4__.MainPanelComponent], styles: [".badge-pill[_ngcontent-%COMP%] {\n  padding-bottom: 16px !important;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: #000;\n  width: 80px;\n  text-align: center;\n}\n\n.modal-dialog[_ngcontent-%COMP%] {\n  max-width: 30% !important;\n}\n\n.product[_ngcontent-%COMP%] {\n  height: 100% !important;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.row[_ngcontent-%COMP%] {\n  margin-left: 0;\n  margin-right: 0;\n}\n\nul[_ngcontent-%COMP%] {\n  list-style-type: none;\n}\n\n.link[_ngcontent-%COMP%] {\n  color: #0202ab;\n  cursor: pointer;\n}\n\n.px-1[_ngcontent-%COMP%] {\n  padding-left: 5px !important;\n}\n\n.sku[_ngcontent-%COMP%] {\n  color: dimgray;\n  font-style: italic;\n}\n\n.badge-pill[_ngcontent-%COMP%] {\n  height: 16px;\n}\n\n.itemTitle[_ngcontent-%COMP%] {\n  text-overflow: ellipsis;\n  \n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.no-title[_ngcontent-%COMP%] {\n  margin-top: 0.33em;\n  margin-bottom: 0.33rem;\n}\n\n.mb-upload[_ngcontent-%COMP%] {\n  padding-bottom: 0.625rem;\n}\n\n.my-1rem[_ngcontent-%COMP%] {\n  margin-bottom: 1rem !important;\n  margin-top: 1rem !important;\n}\n\n.pr-rem[_ngcontent-%COMP%] {\n  padding-right: 0.6rem;\n}\n\n.text-larger[_ngcontent-%COMP%] {\n  font-size: larger;\n}\n\n.bg-lightpink[_ngcontent-%COMP%] {\n  background-color: #f9dede;\n}\n\n.bottom-buttons[_ngcontent-%COMP%] {\n  margin-left: 97px;\n}\n\n@media (min-width: 1200px) {\n  .max-w-xl[_ngcontent-%COMP%] {\n    max-width: 205px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFxwcm9kdWN0cy5jb21wb25lbnQuc2NzcyIsInNvbGQtaW4tY2hhbm5lbC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLCtCQUFBO0FDQ0o7O0FERUE7RUFDSSxtQkFBQTtFQUNBLHlCQUFBO0FDQ0o7O0FERUE7RUFDSSxrQkFBQTtFQUNBLGtCQUFBO0VBQ0EsT0FBQTtFQUNBLE1BQUE7QUNDSjs7QURFQTtFQUNJLHNCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtFQUNBLGVBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSx5QkFBQTtBQ0NKOztBREVBO0VBQ0ksdUJBQUE7QUNDSjs7QURFQTtFQUNJLGlCQUFBO0FDQ0o7O0FERUE7RUFDSSxjQUFBO0VBQ0EsZUFBQTtBQ0NKOztBREVBO0VBQ0kscUJBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7RUFDQSxlQUFBO0FDQ0o7O0FERUE7RUFDQyw0QkFBQTtBQ0NEOztBREVBO0VBQ0ksY0FBQTtFQUNBLGtCQUFBO0FDQ0o7O0FERUE7RUFDSSxZQUFBO0FDQ0o7O0FERUE7RUFDSSx1QkFBQTtFQUVBLDhDQUFBO0VBQ0EsbUJBQUE7RUFDQSxnQkFBQTtBQ0FKOztBREdBO0VBQ0ksa0JBQUE7RUFDQSxzQkFBQTtBQ0FKOztBREdBO0VBQ0ksd0JBQUE7QUNBSjs7QURHQTtFQUNJLDhCQUFBO0VBQ0EsMkJBQUE7QUNBSjs7QURHQTtFQUNJLHFCQUFBO0FDQUo7O0FER0E7RUFDSSxpQkFBQTtBQ0FKOztBREdBO0VBQ0kseUJBQUE7QUNBSjs7QURHQTtFQUNJLGlCQUFBO0FDQUo7O0FESUE7RUFDSTtJQUNJLGdCQUFBO0VDRE47QUFDRiIsImZpbGUiOiJzb2xkLWluLWNoYW5uZWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYmFkZ2UtcGlsbHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxNnB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5yYWQtYnRuIGlucHV0W3R5cGU9cmFkaW9dOmNoZWNrZWQrbGFiZWwge1xyXG4gICAgYmFja2dyb3VuZDogI2RmZWZmYztcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZmVmZmM7XHJcbn1cclxuXHJcbi5yYWQtYnRuIGlucHV0W3R5cGU9cmFkaW9dIHtcclxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICB0b3A6IDA7XHJcbn1cclxuXHJcbi5yYWQtYnRuIGxhYmVsIHtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcclxuICAgIGNvbG9yOiAjMDAwO1xyXG4gICAgd2lkdGg6IDgwcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuXHJcbi5tb2RhbC1kaWFsb2cge1xyXG4gICAgbWF4LXdpZHRoOiAzMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuLnByb2R1Y3R7XHJcbiAgICBoZWlnaHQ6MTAwJSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4udGV4dC1sYXJnZXIge1xyXG4gICAgZm9udC1zaXplOiBsYXJnZXI7XHJcbn1cclxuXHJcbi5yb3d7XHJcbiAgICBtYXJnaW4tbGVmdDogMDtcclxuICAgIG1hcmdpbi1yaWdodDogMDtcclxufVxyXG5cclxudWwge1xyXG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xyXG59XHJcblxyXG4ubGluayB7XHJcbiAgICBjb2xvcjogIzAyMDJhYjtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLnB4LTEge1xyXG4gcGFkZGluZy1sZWZ0OiA1cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLnNrdSB7XHJcbiAgICBjb2xvcjpkaW1ncmF5OyBcclxuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcclxufVxyXG5cclxuLmJhZGdlLXBpbGx7XHJcbiAgICBoZWlnaHQ6IDE2cHggO1xyXG59XHJcblxyXG4uaXRlbVRpdGxle1xyXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcblxyXG4gICAgLyogUmVxdWlyZWQgZm9yIHRleHQtb3ZlcmZsb3cgdG8gZG8gYW55dGhpbmcgKi9cclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG59XHJcblxyXG4ubm8tdGl0bGV7XHJcbiAgICBtYXJnaW4tdG9wOiAwLjMzZW07XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwLjMzcmVtO1xyXG59XHJcblxyXG4ubWItdXBsb2Fke1xyXG4gICAgcGFkZGluZy1ib3R0b206IDAuNjI1cmVtO1xyXG59XHJcblxyXG4ubXktMXJlbSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxcmVtICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW4tdG9wOiAxcmVtICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wci1yZW0ge1xyXG4gICAgcGFkZGluZy1yaWdodDogMC42cmVtO1xyXG59XHJcblxyXG4udGV4dC1sYXJnZXIge1xyXG4gICAgZm9udC1zaXplOiBsYXJnZXI7XHJcbn1cclxuXHJcbi5iZy1saWdodHBpbmsge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y5ZGVkZTtcclxufVxyXG5cclxuLmJvdHRvbS1idXR0b25ze1xyXG4gICAgbWFyZ2luLWxlZnQ6IDk3cHg7XHJcbn1cclxuXHJcbi8vIEV4dHJhIGxhcmdlIGRldmljZXMgKGxhcmdlIGRlc2t0b3BzLCAxMjAwcHggYW5kIHVwKVxyXG5AbWVkaWEgKG1pbi13aWR0aDogMTIwMHB4KSB7XHJcbiAgICAubWF4LXcteGx7XHJcbiAgICAgICAgbWF4LXdpZHRoOiAyMDVweDtcclxuICAgIH1cclxufVxyXG5cclxuIiwiLmJhZGdlLXBpbGwge1xuICBwYWRkaW5nLWJvdHRvbTogMTZweCAhaW1wb3J0YW50O1xufVxuXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXTpjaGVja2VkICsgbGFiZWwge1xuICBiYWNrZ3JvdW5kOiAjZGZlZmZjO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZGZlZmZjO1xufVxuXG4ucmFkLWJ0biBpbnB1dFt0eXBlPXJhZGlvXSB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG59XG5cbi5yYWQtYnRuIGxhYmVsIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RkZDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZzogMTBweDtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgY29sb3I6ICMwMDA7XG4gIHdpZHRoOiA4MHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5tb2RhbC1kaWFsb2cge1xuICBtYXgtd2lkdGg6IDMwJSAhaW1wb3J0YW50O1xufVxuXG4ucHJvZHVjdCB7XG4gIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xufVxuXG4udGV4dC1sYXJnZXIge1xuICBmb250LXNpemU6IGxhcmdlcjtcbn1cblxuLnJvdyB7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBtYXJnaW4tcmlnaHQ6IDA7XG59XG5cbnVsIHtcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xufVxuXG4ubGluayB7XG4gIGNvbG9yOiAjMDIwMmFiO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5weC0xIHtcbiAgcGFkZGluZy1sZWZ0OiA1cHggIWltcG9ydGFudDtcbn1cblxuLnNrdSB7XG4gIGNvbG9yOiBkaW1ncmF5O1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG59XG5cbi5iYWRnZS1waWxsIHtcbiAgaGVpZ2h0OiAxNnB4O1xufVxuXG4uaXRlbVRpdGxlIHtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC8qIFJlcXVpcmVkIGZvciB0ZXh0LW92ZXJmbG93IHRvIGRvIGFueXRoaW5nICovXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5uby10aXRsZSB7XG4gIG1hcmdpbi10b3A6IDAuMzNlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC4zM3JlbTtcbn1cblxuLm1iLXVwbG9hZCB7XG4gIHBhZGRpbmctYm90dG9tOiAwLjYyNXJlbTtcbn1cblxuLm15LTFyZW0ge1xuICBtYXJnaW4tYm90dG9tOiAxcmVtICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi10b3A6IDFyZW0gIWltcG9ydGFudDtcbn1cblxuLnByLXJlbSB7XG4gIHBhZGRpbmctcmlnaHQ6IDAuNnJlbTtcbn1cblxuLnRleHQtbGFyZ2VyIHtcbiAgZm9udC1zaXplOiBsYXJnZXI7XG59XG5cbi5iZy1saWdodHBpbmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlkZWRlO1xufVxuXG4uYm90dG9tLWJ1dHRvbnMge1xuICBtYXJnaW4tbGVmdDogOTdweDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAubWF4LXcteGwge1xuICAgIG1heC13aWR0aDogMjA1cHg7XG4gIH1cbn0iXX0= */"] });
+
+
+/***/ }),
+
+/***/ 1290:
+/*!****************************************!*\
+  !*** ./src/app/model/ProductFilter.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ProductFilter": () => (/* binding */ ProductFilter)
+/* harmony export */ });
+class ProductFilter {
+}
+
+
+/***/ }),
+
+/***/ 4461:
+/*!*************************************************!*\
+  !*** ./src/app/model/enums/ChannelLogo.enum.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ChannelLogo": () => (/* binding */ ChannelLogo)
+/* harmony export */ });
+var ChannelLogo;
+(function (ChannelLogo) {
+    ChannelLogo["SHOOPE"] = "//res.cloudinary.com/pos/image/upload/v1598262220/icons/marketplace_icons/shopee.png";
+    ChannelLogo["WOOCOMMERCE"] = "//res.cloudinary.com/pos/image/upload/w_50/v1632447439/icons/WooCommerce/woocommerce-icon.webp";
+    ChannelLogo["TOKOPEDIA"] = "//res.cloudinary.com/pos/image/upload/v1598262221/icons/marketplace_icons/tokopedia.png";
+    ChannelLogo["TIKTOK"] = "//res.cloudinary.com/pos/image/upload/w_30/v1645761611/icons/Marketplace%20logo/tiktok.png";
+})(ChannelLogo || (ChannelLogo = {}));
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=src_app_menu_products_product_module_ts.js.map