marketplacepos 2.2.5 → 2.2.8

package/Marketplace/src_app_menu_orders_orders_module_ts.js

@@ -0,0 +1,2449 @@
+"use strict";
+(self["webpackChunkpos_marketplace"] = self["webpackChunkpos_marketplace"] || []).push([["src_app_menu_orders_orders_module_ts"],{
+
+/***/ 1144:
+/*!**************************************************************!*\
+  !*** ./src/app/menu/orders/all-order/all-order.component.ts ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "AllOrderComponent": () => (/* binding */ AllOrderComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __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_4__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __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 _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+
+
+
+
+
+
+
+
+const _c0 = function () { return ["/menu/Order/detail"]; };
+const _c1 = function (a0, a1) { return { Number: a0, Outlet: a1 }; };
+function AllOrderComponent_tr_36_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "td")(4, "a", 13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](10, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](13, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Outlet);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](13, _c0))("queryParams", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction2"](14, _c1, item_r1.Number, item_r1.Outlet));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Customer);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](10, 8, item_r1.Amount));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind2"](13, 10, item_r1.Created, "dd MMM yyyy HH:mm"));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.State);
+} }
+class AllOrderComponent {
+    constructor(http) {
+        this.http = http;
+        this.filter = {
+            PageNumber: null,
+            PageSize: null
+        };
+        this.totaldata = 0;
+        this.paginationTotal = 0;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    Load() {
+        this.http.post('/api/ordersLoader/GetOrder', {}).subscribe(result => {
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.PageSize = result.Filter.RowCount;
+            this.outlets = result.Options.Outlet;
+            this.Get();
+        });
+    }
+    Get(event) {
+        var params = {
+            Number: event,
+            PageNumber: this.filter.PageNumber,
+            PageSize: this.filter.PageSize,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetAll ', params).subscribe(result => {
+            this.data = result.Data;
+            this.totaldata = this.data.length;
+        });
+    }
+    changePage(pageEvent) {
+        this.filter = pageEvent;
+        this.Get();
+    }
+    StoreRowsCountAPIResult() {
+        var params = {
+            PaymentState: "",
+            DeliveryState: "",
+            Bin: false,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetRowCount', params).subscribe(result => {
+            this.paginationTotal = result.Total;
+        });
+    }
+    NextPage() {
+        this.filter.PageNumber = this.filter.PageNumber + 1;
+        this.Get();
+    }
+    PreviousPage() {
+        this.filter.PageNumber = this.filter.PageNumber - 1;
+        this.Get();
+    }
+}
+AllOrderComponent.ɵfac = function AllOrderComponent_Factory(t) { return new (t || AllOrderComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService)); };
+AllOrderComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: AllOrderComponent, selectors: [["app-all-order"]], decls: 38, vars: 10, consts: [["searchBoxPlaceHolder", "Search Orders...", 3, "Title", "onSubmit"], ["container", "", 1, ""], ["bindLabel", "Name", "bindValue", "ID", "placeholder", "Choose...", 1, "outlet-multiple", 3, "multiple", "ngModel", "items", "ngModelChange"], ["type", "number", "name", "PageNumber", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "number", "name", "PageSize", 1, "w-100", 3, "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "table-light"], [4, "ngFor", "ngForOf"], [3, "filter", "totaldata", "paginationTotal", "total", "next", "previous"], [3, "routerLink", "queryParams"]], template: function AllOrderComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("onSubmit", function AllOrderComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Get($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function AllOrderComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.selectedOutlets = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div")(8, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9, "Page Number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "input", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function AllOrderComponent_Template_input_ngModelChange_10_listener($event) { return ctx.filter.PageNumber = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Page Size");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "input", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function AllOrderComponent_Template_input_ngModelChange_14_listener($event) { return ctx.filter.PageSize = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "content")(16, "div", 5)(17, "div", 6)(18, "div", 7)(19, "div", 8)(20, "table", 9)(21, "thead")(22, "tr", 10)(23, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](24, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](25, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](26, "Order number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](27, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](28, "Customer");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](29, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](30, "Amount");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](31, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](32, "Created On");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](34, "Status");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](35, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](36, AllOrderComponent_tr_36_Template, 16, 17, "tr", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](37, "app-mat-paginator-no-count", 12);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("total", function AllOrderComponent_Template_app_mat_paginator_no_count_total_37_listener() { return ctx.StoreRowsCountAPIResult(); })("next", function AllOrderComponent_Template_app_mat_paginator_no_count_next_37_listener() { return ctx.NextPage(); })("previous", function AllOrderComponent_Template_app_mat_paginator_no_count_previous_37_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "All");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("multiple", true)("ngModel", ctx.selectedOutlets)("items", ctx.outlets);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageNumber);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageSize);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](22);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("filter", ctx.filter)("totaldata", ctx.totaldata)("paginationTotal", ctx.paginationTotal);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.NgForOf, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _angular_router__WEBPACK_IMPORTED_MODULE_6__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgSelectComponent, _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__.MatPaginatorNoCountComponent, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJhbGwtb3JkZXIuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 4632:
+/*!**************************************************************!*\
+  !*** ./src/app/menu/orders/cancelled/cancelled.component.ts ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "CancelledComponent": () => (/* binding */ CancelledComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var src_app_services_http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/services/http.service */ 6858);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __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 _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+
+
+
+
+
+
+
+
+const _c0 = function () { return ["/menu/Order/detail"]; };
+const _c1 = function (a0, a1) { return { Number: a0, Outlet: a1 }; };
+function CancelledComponent_tr_34_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "td")(4, "a", 13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](10, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](13, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Outlet);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](12, _c0))("queryParams", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction2"](13, _c1, item_r1.Number, item_r1.Outlet));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Customer);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](10, 7, item_r1.Amount));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind2"](13, 9, item_r1.Created, "dd MMM yyyy HH:mm"));
+} }
+class CancelledComponent {
+    constructor(http) {
+        this.http = http;
+        this.filter = {
+            PageNumber: null,
+            PageSize: null
+        };
+        this.totaldata = 0;
+        this.paginationTotal = 0;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    Load() {
+        this.http.post('/api/ordersLoader/GetOrder', {}).subscribe(result => {
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.PageSize = result.Filter.RowCount;
+            this.outlets = result.Options.Outlet;
+            this.Get();
+        });
+    }
+    Get(event) {
+        var params = {
+            Number: event,
+            PageNumber: this.filter.PageNumber,
+            PageSize: this.filter.PageSize,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetCancelled ', params).subscribe(result => {
+            this.data = result.Data;
+            this.totaldata = this.data.length;
+        });
+    }
+    changePage(pageEvent) {
+        this.filter.PageNumber = pageEvent.pageIndex + 1;
+        this.Get();
+    }
+    StoreRowsCountAPIResult() {
+        var params = {
+            PaymentState: "",
+            DeliveryState: "",
+            Bin: true,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetRowCount', params).subscribe(result => {
+            this.paginationTotal = result.Total;
+        });
+    }
+    NextPage() {
+        this.filter.PageNumber = this.filter.PageNumber + 1;
+        this.Get();
+    }
+    PreviousPage() {
+        this.filter.PageNumber = this.filter.PageNumber - 1;
+        this.Get();
+    }
+}
+CancelledComponent.ɵfac = function CancelledComponent_Factory(t) { return new (t || CancelledComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService)); };
+CancelledComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: CancelledComponent, selectors: [["app-cancelled"]], decls: 36, vars: 10, consts: [["searchBoxPlaceHolder", "Search Orders...", 3, "Title", "onSubmit"], ["container", "", 1, ""], ["bindLabel", "Name", "bindValue", "ID", "placeholder", "Choose...", 1, "outlet-multiple", 3, "multiple", "ngModel", "items", "ngModelChange"], ["type", "number", "name", "PageNumber", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "number", "name", "PageSize", 1, "w-100", 3, "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "table-light"], [4, "ngFor", "ngForOf"], [3, "filter", "totaldata", "paginationTotal", "total", "next", "previous"], [3, "routerLink", "queryParams"]], template: function CancelledComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("onSubmit", function CancelledComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Get($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function CancelledComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.selectedOutlets = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div")(8, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9, "Page Number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "input", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function CancelledComponent_Template_input_ngModelChange_10_listener($event) { return ctx.filter.PageNumber = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Page Size");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "input", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function CancelledComponent_Template_input_ngModelChange_14_listener($event) { return ctx.filter.PageSize = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "content")(16, "div", 5)(17, "div", 6)(18, "div", 7)(19, "div", 8)(20, "table", 9)(21, "thead")(22, "tr", 10)(23, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](24, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](25, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](26, "Order number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](27, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](28, "Customer");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](29, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](30, "Amount");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](31, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](32, "Created On");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](34, CancelledComponent_tr_34_Template, 14, 16, "tr", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](35, "app-mat-paginator-no-count", 12);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("total", function CancelledComponent_Template_app_mat_paginator_no_count_total_35_listener() { return ctx.StoreRowsCountAPIResult(); })("next", function CancelledComponent_Template_app_mat_paginator_no_count_next_35_listener() { return ctx.NextPage(); })("previous", function CancelledComponent_Template_app_mat_paginator_no_count_previous_35_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "99 - Cancelled");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("multiple", true)("ngModel", ctx.selectedOutlets)("items", ctx.outlets);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageNumber);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageSize);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](20);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("filter", ctx.filter)("totaldata", ctx.totaldata)("paginationTotal", ctx.paginationTotal);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.NgForOf, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _angular_router__WEBPACK_IMPORTED_MODULE_6__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgSelectComponent, _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__.MatPaginatorNoCountComponent, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjYW5jZWxsZWQuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 8474:
+/*!**************************************************************!*\
+  !*** ./src/app/menu/orders/delivered/delivered.component.ts ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DeliveredComponent": () => (/* binding */ DeliveredComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var src_app_services_http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/services/http.service */ 6858);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __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 _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+
+
+
+
+
+
+
+
+const _c0 = function () { return ["/menu/Order/detail"]; };
+const _c1 = function (a0, a1) { return { Number: a0, Outlet: a1 }; };
+function DeliveredComponent_tr_34_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "td")(4, "a", 13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](10, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](13, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Outlet);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](12, _c0))("queryParams", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction2"](13, _c1, item_r1.Number, item_r1.Outlet));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Customer);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](10, 7, item_r1.Amount));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind2"](13, 9, item_r1.Created, "dd MMM yyyy HH:mm"));
+} }
+class DeliveredComponent {
+    constructor(http) {
+        this.http = http;
+        this.filter = {
+            PageNumber: null,
+            PageSize: null
+        };
+        this.totaldata = 0;
+        this.paginationTotal = 0;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    Load() {
+        this.http.post('/api/ordersLoader/GetOrder', {}).subscribe(result => {
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.PageSize = result.Filter.RowCount;
+            this.outlets = result.Options.Outlet;
+            this.Get();
+        });
+    }
+    Get(event) {
+        var params = {
+            Number: event,
+            PageNumber: this.filter.PageNumber,
+            PageSize: this.filter.PageSize,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetDelivered ', params).subscribe(result => {
+            this.data = result.Data;
+            this.totaldata = this.data.length;
+        });
+    }
+    changePage(pageEvent) {
+        this.filter.PageNumber = pageEvent.pageIndex + 1;
+        this.Get();
+    }
+    StoreRowsCountAPIResult() {
+        var params = {
+            PaymentState: "Paid",
+            DeliveryState: "Sent",
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetRowCount', params).subscribe(result => {
+            this.paginationTotal = result.Total;
+        });
+    }
+    NextPage() {
+        this.filter.PageNumber = this.filter.PageNumber + 1;
+        this.Get();
+    }
+    PreviousPage() {
+        this.filter.PageNumber = this.filter.PageNumber - 1;
+        this.Get();
+    }
+}
+DeliveredComponent.ɵfac = function DeliveredComponent_Factory(t) { return new (t || DeliveredComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService)); };
+DeliveredComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: DeliveredComponent, selectors: [["app-delivered"]], decls: 36, vars: 11, consts: [["searchBoxPlaceHolder", "Search Orders...", 3, "Title", "hideSearchBox", "onSubmit"], ["container", "", 1, ""], ["bindLabel", "Name", "bindValue", "ID", "placeholder", "Choose...", 1, "outlet-multiple", 3, "multiple", "ngModel", "items", "ngModelChange"], ["type", "number", "name", "PageNumber", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "number", "name", "PageSize", 1, "w-100", 3, "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "table-light"], [4, "ngFor", "ngForOf"], [3, "filter", "totaldata", "paginationTotal", "total", "next", "previous"], [3, "routerLink", "queryParams"]], template: function DeliveredComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("onSubmit", function DeliveredComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Get($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function DeliveredComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.selectedOutlets = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div")(8, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9, "Page Number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "input", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function DeliveredComponent_Template_input_ngModelChange_10_listener($event) { return ctx.filter.PageNumber = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Page Size");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "input", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function DeliveredComponent_Template_input_ngModelChange_14_listener($event) { return ctx.filter.PageSize = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "content")(16, "div", 5)(17, "div", 6)(18, "div", 7)(19, "div", 8)(20, "table", 9)(21, "thead")(22, "tr", 10)(23, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](24, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](25, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](26, "Order number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](27, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](28, "Customer");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](29, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](30, "Amount");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](31, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](32, "Created On");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](34, DeliveredComponent_tr_34_Template, 14, 16, "tr", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](35, "app-mat-paginator-no-count", 12);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("total", function DeliveredComponent_Template_app_mat_paginator_no_count_total_35_listener() { return ctx.StoreRowsCountAPIResult(); })("next", function DeliveredComponent_Template_app_mat_paginator_no_count_next_35_listener() { return ctx.NextPage(); })("previous", function DeliveredComponent_Template_app_mat_paginator_no_count_previous_35_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "4 - Completed")("hideSearchBox", true);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("multiple", true)("ngModel", ctx.selectedOutlets)("items", ctx.outlets);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageNumber);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageSize);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](20);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("filter", ctx.filter)("totaldata", ctx.totaldata)("paginationTotal", ctx.paginationTotal);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.NgForOf, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _angular_router__WEBPACK_IMPORTED_MODULE_6__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgSelectComponent, _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__.MatPaginatorNoCountComponent, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJkZWxpdmVyZWQuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 9241:
+/*!********************************************************************!*\
+  !*** ./src/app/menu/orders/detail-order/detail-order.component.ts ***!
+  \********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DetailOrderComponent": () => (/* binding */ DetailOrderComponent)
+/* 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_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../main-panel/main-panel.component */ 7481);
+
+
+
+
+
+function DetailOrderComponent_tr_72_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](5, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](8, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](item_r1.Code);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](5, 3, item_r1.Quantity));
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](8, 5, item_r1.Price));
+} }
+const _c0 = function () { return ["/menu/Order"]; };
+class DetailOrderComponent {
+    constructor(http, url) {
+        this.http = http;
+        this.url = url;
+        this.number = this.url.snapshot.queryParams.Number;
+        this.outlet = this.url.snapshot.queryParams.Outlet;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    Load() {
+        var obj = {
+            Number: this.number,
+            Outlet: this.outlet
+        };
+        this.http.post('/api/orders/GetInvoiceDetail', obj).subscribe(result => {
+            this.model = result;
+        });
+    }
+}
+DetailOrderComponent.ɵfac = function DetailOrderComponent_Factory(t) { return new (t || DetailOrderComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_3__.ActivatedRoute)); };
+DetailOrderComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({ type: DetailOrderComponent, selectors: [["app-detail-order"]], decls: 73, vars: 20, consts: [[3, "Title", "hideSearchBox", "hideSearchDropdown"], ["role", "button", 1, "btn", "btn-secondary", "btn-fill", "btn-lg", "me-3", 3, "routerLink"], [1, "container"], [1, "row"], [1, "col-4"], [1, "border", "my-3", "py-3", "col-12"], [1, "row", "m-2"], [1, "text-center"], [1, "col"], [1, "col-8"], [1, "text-center", "my-3", "py-3"], [1, "table-responsive"], [1, "table"], [1, "table-light"], [4, "ngFor", "ngForOf"]], template: function DetailOrderComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "mainpanel", 0)(1, "actions")(2, "a", 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](3, "Back");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "content")(5, "div", 2)(6, "div", 3)(7, "div", 4)(8, "div", 5)(9, "div", 6)(10, "h3", 7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](11, "Outlet Info");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](12, "div", 3)(13, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](14, " Outlet : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](15, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](16);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](17, "div", 3)(18, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](19, " Date : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](20, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](21);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](22, "date");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](23, "div", 3)(24, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](25, " Status : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](26, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](27);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](28, "div", 3)(29, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](30, " Tax Type : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](31, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](32);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](33, "div", 3)(34, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](35, " Due Date : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](36, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](37);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](38, "date");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](39, "div", 5)(40, "div", 6)(41, "h3", 7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](42, "Customer Info");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](43, "div", 3)(44, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](45, " Name : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](46, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](47);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](48, "div", 3)(49, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](50, " Email : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](51, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](52);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](53, "div", 3)(54, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](55, " Mobile : ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](56, "div", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](57);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](58, "div", 9)(59, "h3", 10);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](60, "Products Sold");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](61, "div", 11)(62, "table", 12)(63, "thead")(64, "tr", 13)(65, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](66, "Code");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](67, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](68, "Quantity");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](69, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](70, "Price");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](71, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](72, DetailOrderComponent_tr_72_Template, 9, 7, "tr", 14);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("Title", "Order #" + ctx.number)("hideSearchBox", true)("hideSearchDropdown", true);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](19, _c0));
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](14);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", ctx.model.Outlet, " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind2"](22, 13, ctx.model.Date, "dd MMM yyyy"), " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", ctx.model.Delivery, " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", ctx.model.TaxType, " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind2"](38, 16, ctx.model.DueDate, "dd MMM yyyy"), " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](10);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", ctx.model.Customer.Name, " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", ctx.model.Customer.Email, " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", ctx.model.Customer.Mobile, " ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](15);
+        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx.model.Variants);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.NgForOf, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterLinkWithHref, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJkZXRhaWwtb3JkZXIuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 7633:
+/*!************************************************************!*\
+  !*** ./src/app/menu/orders/download/download.component.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DownloadComponent": () => (/* binding */ DownloadComponent)
+/* 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 ngx_toastr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_6__ = __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_7__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/material/datepicker */ 2298);
+
+
+
+
+
+
+
+
+
+
+function DownloadComponent_button_2_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
+
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "button", 8);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_button_2_Template_button_click_0_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r6);
+      const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r5.preview());
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](1, "i", 9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2, " Preview");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+}
+
+function DownloadComponent_button_3_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
+
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "button", 10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_button_3_Template_button_click_0_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r8);
+      const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r7.download());
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](1, "i", 11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2, " Download ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+}
+
+function DownloadComponent_div_9_ng_option_9_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "ng-option", 25);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](1, "img", 26);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+
+  if (rf & 2) {
+    const c_r11 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("value", c_r11.ID);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpropertyInterpolate"]("src", c_r11.Img, _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](c_r11.Name);
+  }
+}
+
+function DownloadComponent_div_9_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r13 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
+
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 12)(1, "div", 13)(2, "div", 12)(3, "div", 14)(4, "div")(5, "label", 15)(6, "h5");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7, "Select a Channel");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "ng-select", 16);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("ngModelChange", function DownloadComponent_div_9_Template_ng_select_ngModelChange_8_listener($event) {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r13);
+      const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r12.ChannelID = $event);
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](9, DownloadComponent_div_9_ng_option_9_Template, 3, 3, "ng-option", 17);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "div", 18)(11, "div", 19)(12, "label", 20)(13, "h5");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](14, "Enter date range ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](15, "small");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](16, "(Maximum two weeks)");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](17, "div", 19)(18, "mat-date-range-input", 21)(19, "input", 22);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("ngModelChange", function DownloadComponent_div_9_Template_input_ngModelChange_19_listener($event) {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r13);
+      const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r14.startDate = $event);
+    })("click", function DownloadComponent_div_9_Template_input_click_19_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r13);
+
+      const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵreference"](22);
+
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](_r10.open());
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](20, "input", 23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("ngModelChange", function DownloadComponent_div_9_Template_input_ngModelChange_20_listener($event) {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r13);
+      const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r16.endDate = $event);
+    })("click", function DownloadComponent_div_9_Template_input_click_20_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r13);
+
+      const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵreference"](22);
+
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](_r10.open());
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](21, "mat-date-range-picker", null, 24);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+  }
+
+  if (rf & 2) {
+    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵreference"](22);
+
+    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](8);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("clearable", false)("ngModel", ctx_r2.ChannelID);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r2.Channel);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("rangePicker", _r10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngModel", ctx_r2.startDate);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngModel", ctx_r2.endDate);
+  }
+}
+
+const _c0 = function (a0) {
+  return {
+    "over-due": a0
+  };
+};
+
+function DownloadComponent_div_10_tr_13_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "tr", 33)(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](8);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+  }
+
+  if (rf & 2) {
+    const order_r19 = ctx.$implicit;
+    const i_r20 = ctx.index;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction1"](5, _c0, order_r19.Exception));
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](i_r20 + 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](order_r19.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](order_r19.Status);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](order_r19.Exception);
+  }
+}
+
+function DownloadComponent_div_10_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 27)(1, "div", 28)(2, "table", 29)(3, "thead", 30)(4, "tr");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](5, "th", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "th");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7, "Order Number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "th");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](9, "Status");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "th");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](11, "Exception");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](12, "tbody");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](13, DownloadComponent_div_10_tr_13_Template, 9, 7, "tr", 32);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+  }
+
+  if (rf & 2) {
+    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r3.infodownload);
+  }
+}
+
+function DownloadComponent_div_11_tr_32_span_17_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+
+  if (rf & 2) {
+    const item_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r22.ActionString, " ");
+  }
+}
+
+function DownloadComponent_div_11_tr_32_ul_18_li_1_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "li");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+
+  if (rf & 2) {
+    const action_r29 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](action_r29);
+  }
+}
+
+function DownloadComponent_div_11_tr_32_ul_18_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "ul", 45);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](1, DownloadComponent_div_11_tr_32_ul_18_li_1_Template, 2, 1, "li", 41);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+
+  if (rf & 2) {
+    const item_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", item_r22.ActionString);
+  }
+}
+
+function DownloadComponent_div_11_tr_32_span_20_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "span", 46);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](1, "i", 47);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+  }
+
+  if (rf & 2) {
+    const item_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpropertyInterpolate2"]("title", "Delivery : ", item_r22.DeliveryState, " \nPayment : ", item_r22.PaymentState, "");
+  }
+}
+
+const _c1 = function (a0, a1) {
+  return {
+    "over-due-today": a0,
+    "over-due": a1
+  };
+};
+
+function DownloadComponent_div_11_tr_32_Template(rf, ctx) {
+  if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](7, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "td")(9, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](12, "td", 33)(13, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](16, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](17, DownloadComponent_div_11_tr_32_span_17_Template, 2, 1, "span", 42);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](18, DownloadComponent_div_11_tr_32_ul_18_Template, 2, 1, "ul", 43);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](19, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](20, DownloadComponent_div_11_tr_32_span_20_Template, 2, 2, "span", 44);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+  }
+
+  if (rf & 2) {
+    const item_r22 = ctx.$implicit;
+    const i_r23 = ctx.index;
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](i_r23 + 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](item_r22.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind2"](7, 11, item_r22.Date, "dd MMM yyyy HH:mm:ss"));
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", item_r22.ChannelStatus, " - ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](item_r22.ChannelStatusDescription);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction2"](14, _c1, item_r22.Update, item_r22.Create));
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", item_r22.POSStatus, " - ");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](item_r22.POSStatusDescription);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", item_r22.ActionString.length == 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", item_r22.ActionString.length > 1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", item_r22.ChannelStatus != 99 && item_r22.POSStatus != 99);
+  }
+}
+
+function DownloadComponent_div_11_Template(rf, ctx) {
+  if (rf & 1) {
+    const _r33 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
+
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 12)(1, "div", 28)(2, "div", 34)(3, "ul", 35)(4, "li", 36)(5, "button", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_div_11_Template_button_click_5_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r33);
+      const ctx_r32 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r32.filter("all"));
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "li", 36)(8, "button", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_div_11_Template_button_click_8_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r33);
+      const ctx_r34 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r34.filter("sync"));
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "li", 36)(11, "button", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_div_11_Template_button_click_11_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r33);
+      const ctx_r35 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r35.filter("wrong"));
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](13, "li", 36)(14, "button", 37);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_div_11_Template_button_click_14_listener() {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r33);
+      const ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r36.filter("unsync"));
+    });
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](16, "table", 29)(17, "thead", 30)(18, "tr");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](19, "th", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](20, "th", 38);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](21, "Number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](22, "th", 39);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](23);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](24, "th", 40);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](25, "Channel Status");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](26, "th", 40);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](27, "POS Status");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](28, "th");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](29, "Action");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](30, "th", 31);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](31, "tbody");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](32, DownloadComponent_div_11_tr_32_Template, 21, 17, "tr", 41);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
+  }
+
+  if (rf & 2) {
+    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r4.pillStatus == "all" ? "btn-secondary text-white" : "btn-outline-dark");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("All (", ctx_r4.data.length, ")");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r4.pillStatus == "sync" ? "btn-success" : "btn-outline-success");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("Existing (", ctx_r4.data.length - ctx_r4.updateQty - ctx_r4.createQty, ")");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r4.pillStatus == "wrong" ? "btn-warning text-white" : "btn-outline-warning");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("Wrong Status (", ctx_r4.updateQty, ")");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r4.pillStatus == "unsync" ? "btn-danger" : "btn-outline-danger");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("Missing (", ctx_r4.createQty, ")");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](8);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](ctx_r4.getTypeID() == 0 ? "Last Status Update" : "Created Date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r4.displayData);
+  }
+}
+
+class DownloadComponent {
+  constructor(http, toastr, datePipe, url) {
+    this.http = http;
+    this.toastr = toastr;
+    this.datePipe = datePipe;
+    this.url = url;
+    this.ispreview = false;
+    this.isresult = false;
+    this.PageTitle = "Download to POS";
+    this.pillStatus = "all";
+    this.filterfromDashboard = false;
+    this.downloadOrderData = [];
+    this.filterfromDashboard = false;
+  }
+
+  ngOnInit() {
+    this.maxDate = new Date();
+    this.async = true;
+    this.loadChannel();
+    this.url.queryParams.subscribe(m => {
+      this.ChannelID = m.ChannelID;
+      this.startDate = new Date(m.Date);
+      this.endDate = new Date(m.Date);
+      this.async = false;
+      this.filterfromDashboard = true;
+      this.LoadPreview();
+    });
+  } //Function: loadChannel() will get the Channel list
+
+
+  loadChannel() {
+    this.http.post("/api/product/Load", {}).subscribe(result => {
+      this.Channel = result.Options.Channel;
+    });
+  } //Function: getDayDiff() will get the difference between two dates
+  //Source: https://www.geeksforgeeks.org/how-to-calculate-the-number-of-days-between-two-dates-in-javascript/
+
+
+  getDayDiff(dateStart, dateEnd) {
+    var timeDiff = dateEnd.getTime() - dateStart.getTime();
+    var dayDiff = timeDiff / (1000 * 60 * 60 * 24);
+    return dayDiff;
+  } //Function: download() will call the download API with params
+  //If successful, will show success toaster
+
+
+  download() {
+    this.callApi("Download");
+  }
+
+  LoadPreview() {
+    this.async = false;
+    this.filterfromDashboard = false;
+
+    if (!isNaN(this.startDate) && !isNaN(this.endDate)) {
+      this.callApi("Preview");
+    }
+  }
+
+  preview() {
+    this.async = false;
+    this.filterfromDashboard = false;
+
+    if (!isNaN(this.startDate) && !isNaN(this.endDate)) {
+      this.callApi("Preview");
+    } else {
+      this.toastr.warning("please select a date and outlet", "Information");
+    }
+  }
+
+  getTypeID() {
+    var typeID = this.Channel.find(x => x.ID == this.ChannelID).TypeID;
+
+    if (typeID != null) {
+      return typeID;
+    } else return 0;
+  }
+
+  callApi(api) {
+    if (this.ChannelID == null && this.filterfromDashboard) {
+      this.toastr.warning("Channel cannot be empty!", "Failed");
+      return;
+    }
+
+    if (this.startDate == null || this.endDate == null) {
+      this.toastr.warning("Please enter both the start and end dates!", "Failed");
+      return;
+    }
+
+    if (this.getDayDiff(this.startDate, this.endDate) > 14) {
+      this.toastr.warning("Dates cannot be more than 14 days apart!", "Failed");
+      return;
+    }
+
+    let params = null;
+
+    if (api == "Download") {
+      params = {
+        ID: this.ChannelID,
+        From: this.startDate,
+        To: this.endDate,
+        Async: this.async,
+        ListPreview: this.downloadOrderData
+      };
+    } else {
+      params = {
+        ID: this.ChannelID,
+        From: this.startDate,
+        To: this.endDate,
+        Async: this.async
+      };
+    }
+
+    this.http.post("/api/Orders/" + api, params).subscribe(result => {
+      if (this.async) {
+        this.toastr.success("Download is successful", "Success!");
+        this.new();
+      } else {
+        if (!this.ispreview) {
+          if (result.length == 0 && api == "Preview") {
+            this.toastr.info("There is no orders from " + this.datePipe.transform(this.startDate, "dd MMM yyyy") + " to " + this.datePipe.transform(this.endDate, "dd MMM yyyy") + " !", "No Orders!");
+            return;
+          }
+
+          this.updateQty = 0;
+          this.createQty = 0;
+          this.data = result;
+          this.displayData = result;
+          this.hasAction = this.data.some(x => x.ActionString != "Do Nothing");
+
+          for (let i of this.data) {
+            if (i.Action === 1) {
+              i.Create = true;
+              i.Update = false;
+              this.createQty++;
+            }
+
+            if (i.Action > 1) {
+              i.Create = false;
+              i.Update = true;
+              this.updateQty++;
+            }
+          }
+
+          this.ispreview = true;
+          this.isresult = false;
+          this.PageTitle = "Preview (" + this.datePipe.transform(this.startDate, "dd MMM yyyy") + " - " + this.datePipe.transform(this.endDate, "dd MMM yyyy" + ")");
+        } else {
+          this.infodownload = result.Body;
+          this.data = null;
+          this.isresult = true;
+          this.ispreview = false;
+          this.PageTitle = "Result (" + this.datePipe.transform(this.startDate, "dd MMM yyyy") + " - " + this.datePipe.transform(this.endDate, "dd MMM yyyy" + ")");
+        }
+      } // filter download order
+
+
+      if (api == "Preview") {
+        this.filterDownloadedOrder();
+      }
+    });
+  }
+
+  filterDownloadedOrder() {
+    let unsyncData = this.filterDataByStatus("unsync");
+    let wrongData = this.filterDataByStatus("wrong");
+    this.downloadOrderData = [...unsyncData, ...wrongData];
+  } //Function: new() will reset the download page
+
+
+  new() {
+    this.ispreview = false;
+    this.isresult = false;
+    this.data = null;
+    this.infodownload = null;
+    this.ChannelID = null;
+    this.startDate = null;
+    this.endDate = null;
+    this.hasAction = true;
+    this.PageTitle = "Download to POS";
+  }
+
+  filter(status) {
+    this.pillStatus = status;
+    this.displayData = this.filterDataByStatus(status);
+  }
+
+  filterDataByStatus(status) {
+    let filteredData = [];
+
+    switch (status) {
+      case "all":
+        filteredData = this.data;
+        break;
+
+      case "sync":
+        filteredData = this.data.filter(x => !x.Update && !x.Create);
+        break;
+
+      case "wrong":
+        filteredData = this.data.filter(x => x.Update);
+        break;
+
+      case "unsync":
+        filteredData = this.data.filter(x => x.Create);
+        break;
+    }
+
+    return filteredData;
+  }
+
+}
+
+DownloadComponent.ɵfac = function DownloadComponent_Factory(t) {
+  return new (t || DownloadComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_3__.ToastrService), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_5__.ActivatedRoute));
+};
+
+DownloadComponent.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({
+  type: DownloadComponent,
+  selectors: [["app-download"]],
+  decls: 12,
+  vars: 8,
+  consts: [[3, "Title", "hideSearchBox", "hideSearchDropdown"], ["class", "btn btn-success btn-fill btn-lg text-white", 3, "click", 4, "ngIf"], ["class", "btn btn-success btn-fill btn-lg text-white", "type", "button", 3, "click", 4, "ngIf"], [1, "btn", "btn-outline-secondary", "btn-fill", "btn-lg", "ms-2", 3, "click"], ["aria-hidden", "true", 1, "fa", "fa-file-alt", "me-2"], [1, "container-fluid", "pt-5", "mt-5"], ["class", "row", 4, "ngIf"], ["class", "row mt-4", 4, "ngIf"], [1, "btn", "btn-success", "btn-fill", "btn-lg", "text-white", 3, "click"], [1, "fas", "fa-search"], ["type", "button", 1, "btn", "btn-success", "btn-fill", "btn-lg", "text-white", 3, "click"], ["aria-hidden", "true", 1, "fa", "fa-download", "me-2"], [1, "row"], [1, "col-6"], [1, "col"], ["for", "channelSelect"], [3, "clearable", "ngModel", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [1, "row", "mt-1rem"], [1, "col-12"], ["for", "dates"], ["id", "dates", 1, "form-control", "rounded", "dateRange", "w-75", 3, "rangePicker"], ["matStartDate", "", "placeholder", "Start date", 3, "ngModel", "ngModelChange", "click"], ["matEndDate", "", "placeholder", "End date", 3, "ngModel", "ngModelChange", "click"], ["picker", ""], [3, "value"], [2, "width", "18px", "margin-right", "10px", 3, "src"], [1, "row", "mt-4"], [1, "col-md-12"], [1, "table"], [1, "thead-light", "sticky-top-thead"], ["width", "1%"], [3, "ngClass", 4, "ngFor", "ngForOf"], [3, "ngClass"], [1, "row", "mx-1", "mb-5"], [1, "nav", "nav-pills"], [1, "nav-item", "mx-3"], [1, "btn", "btn-sm", "rounded-pill", 3, "ngClass", "click"], ["width", "25%"], ["width", "15%"], ["width", "10%"], [4, "ngFor", "ngForOf"], [4, "ngIf"], ["class", "ps-5", 4, "ngIf"], [3, "title", 4, "ngIf"], [1, "ps-5"], [3, "title"], [1, "fas", "fa-info-circle", "ms-2"]],
+  template: function DownloadComponent_Template(rf, ctx) {
+    if (rf & 1) {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "mainpanel", 0)(1, "actions");
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](2, DownloadComponent_button_2_Template, 3, 0, "button", 1);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](3, DownloadComponent_button_3_Template, 3, 0, "button", 2);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "button", 3);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function DownloadComponent_Template_button_click_4_listener() {
+        return ctx.new();
+      });
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](5, "i", 4);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6, " New ");
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "content")(8, "div", 5);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](9, DownloadComponent_div_9_Template, 23, 6, "div", 6);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](10, DownloadComponent_div_10_Template, 14, 1, "div", 7);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](11, DownloadComponent_div_11_Template, 33, 10, "div", 6);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()();
+    }
+
+    if (rf & 2) {
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("Title", ctx.PageTitle)("hideSearchBox", true)("hideSearchDropdown", true);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", !ctx.ispreview && !ctx.isresult);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.ispreview && ctx.hasAction && ctx.downloadOrderData.length !== 0);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](6);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", !ctx.ispreview && !ctx.isresult);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.isresult);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
+      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.ispreview);
+    }
+  },
+  dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_4__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_4__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgSelectComponent, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgOptionComponent, _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_8__.MatDateRangeInput, _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_8__.MatStartDate, _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_8__.MatEndDate, _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_8__.MatDateRangePicker, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe],
+  styles: [".vertical-radio[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  margin: 15px 0;\n}\n\n.mt-1rem[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n}\n\n.dateRange[_ngcontent-%COMP%] {\n  padding-top: 0.8rem;\n  padding-bottom: 0.8rem;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRvd25sb2FkLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksYUFBQTtFQUNBLHNCQUFBO0VBQ0EsY0FBQTtBQUNKOztBQUVBO0VBQ0ksZ0JBQUE7QUFDSjs7QUFFQTtFQUNJLG1CQUFBO0VBQ0Esc0JBQUE7QUFDSiIsImZpbGUiOiJkb3dubG9hZC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi52ZXJ0aWNhbC1yYWRpb3tcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgbWFyZ2luOiAxNXB4IDA7XHJcbn1cclxuXHJcbi5tdC0xcmVte1xyXG4gICAgbWFyZ2luLXRvcDogMXJlbTtcclxufVxyXG5cclxuLmRhdGVSYW5nZXtcclxuICAgIHBhZGRpbmctdG9wOiAwLjhyZW07XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMC44cmVtO1xyXG59Il19 */"]
+});
+
+/***/ }),
+
+/***/ 414:
+/*!**************************************************************!*\
+  !*** ./src/app/menu/orders/new-order/new-order.component.ts ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NewOrderComponent": () => (/* binding */ NewOrderComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_6__ = __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_7__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+
+
+
+
+
+
+
+
+function NewOrderComponent_tr_35_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](5, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](6);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](8);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](9, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](12, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Outlet);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Customer);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](9, 5, item_r1.Amount));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind2"](12, 7, item_r1.Created, "dd MMM yyyy HH:mm"));
+} }
+class NewOrderComponent {
+    constructor(http, toastr) {
+        this.http = http;
+        this.toastr = toastr;
+        this.filter = {
+            PageNumber: null,
+            PageSize: null
+        };
+        this.totaldata = 0;
+        this.paginationTotal = 0;
+        this.checkboxState = false;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    /**
+     * Load will get the filter options and outlets list, then will call get
+     */
+    Load() {
+        this.http.post('/api/ordersLoader/GetOrder', {}).subscribe(result => {
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.PageSize = result.Filter.RowCount;
+            this.outlets = result.Options.Outlet;
+            this.Get();
+        });
+    }
+    /**
+     * Calls GetNewOrder API to get the Orders list
+     * @param event
+     */
+    Get(event) {
+        var params = {
+            Number: event,
+            PageNumber: this.filter.PageNumber,
+            PageSize: this.filter.PageSize,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetNewOrder', params).subscribe(result => {
+            this.data = result.Data;
+            this.totaldata = this.data.length;
+        });
+    }
+    changePage(pageEvent) {
+    }
+    /**
+     * Updates the state of delivery
+     */
+    UpdateDelivery() {
+        let listSelected = this.getSelected();
+        if (listSelected.length > 0) {
+            let listIds = [];
+            listSelected.forEach(m => listIds.push(m));
+            this.http.post('/api/Orders/UpdateStateDelivery', listIds).subscribe(result => {
+                this.toastr.success("Successfully updated", "Success");
+            });
+        }
+    }
+    /**
+     * Get the total amount of orders
+     */
+    StoreRowsCountAPIResult() {
+        var params = {
+            PaymentState: "Unpaid",
+            DeliveryState: "Unsent",
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetRowCount', params).subscribe(result => {
+            this.paginationTotal = result.Total;
+        });
+    }
+    /**
+     * Selects the item when clicking the checkbox
+     * @param Number The item's number
+     */
+    onCheckboxStateProduct(Number) {
+        let selectedProduct = this.data.filter(x => x.Number == Number);
+        if (selectedProduct.length > 0) {
+            for (let item of selectedProduct) {
+                item.selected = item.selected;
+            }
+        }
+        else {
+        }
+    }
+    /**
+     * Checks all variants in the product
+     */
+    onCheckboxStateChange() {
+        for (let item of this.data) {
+            item.selected = this.checkboxState;
+        }
+    }
+    /**
+     * Returns the list of all selected item
+     * @returns the selected variants list
+     */
+    getSelected() {
+        let listvariant = [];
+        if (this.data) {
+            for (let p of this.data) {
+                if (p.selected) {
+                    listvariant.push(p);
+                }
+            }
+            return listvariant;
+        }
+        else {
+            return [];
+        }
+    }
+    /**
+     * Check if any variant has been selected or not
+     * @returns true or false
+     */
+    hasSelection() {
+        if (this.data) {
+            let selected = this.getSelected();
+            if (selected.length > 0) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * Opens the next page
+     */
+    NextPage() {
+        this.filter.PageNumber = this.filter.PageNumber + 1;
+        this.Get();
+    }
+    /**
+     * Opens the previous page
+     */
+    PreviousPage() {
+        this.filter.PageNumber = this.filter.PageNumber - 1;
+        this.Get();
+    }
+}
+NewOrderComponent.ɵfac = function NewOrderComponent_Factory(t) { return new (t || NewOrderComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_4__.ToastrService)); };
+NewOrderComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: NewOrderComponent, selectors: [["app-new-order"]], decls: 37, vars: 11, consts: [["searchBoxPlaceHolder", "Search Orders...", 3, "Title", "hideSearchBox", "onSubmit"], ["container", "", 1, ""], ["bindLabel", "Name", "bindValue", "ID", "placeholder", "Choose...", 1, "outlet-multiple", 3, "multiple", "ngModel", "items", "ngModelChange"], ["type", "number", "name", "PageNumber", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "number", "name", "PageSize", 1, "w-100", 3, "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "table-light"], [4, "ngFor", "ngForOf"], [3, "filter", "totaldata", "paginationTotal", "total", "next", "previous"]], template: function NewOrderComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("onSubmit", function NewOrderComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Get($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function NewOrderComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.selectedOutlets = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div")(8, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9, "Page Number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "input", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function NewOrderComponent_Template_input_ngModelChange_10_listener($event) { return ctx.filter.PageNumber = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Page Size");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "input", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function NewOrderComponent_Template_input_ngModelChange_14_listener($event) { return ctx.filter.PageSize = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](15, "actions");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](16, "content")(17, "div", 5)(18, "div", 6)(19, "div", 7)(20, "div", 8)(21, "table", 9)(22, "thead")(23, "tr", 10)(24, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](25, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](26, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](27, "Order number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](28, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](29, "Customer");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](30, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](31, "Amount");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](32, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](33, "Created On");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](34, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](35, NewOrderComponent_tr_35_Template, 13, 10, "tr", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](36, "app-mat-paginator-no-count", 12);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("total", function NewOrderComponent_Template_app_mat_paginator_no_count_total_36_listener() { return ctx.StoreRowsCountAPIResult(); })("next", function NewOrderComponent_Template_app_mat_paginator_no_count_next_36_listener() { return ctx.NextPage(); })("previous", function NewOrderComponent_Template_app_mat_paginator_no_count_previous_36_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "1 - New Order")("hideSearchBox", true);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("multiple", true)("ngModel", ctx.selectedOutlets)("items", ctx.outlets);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageNumber);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageSize);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](21);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("filter", ctx.filter)("totaldata", ctx.totaldata)("paginationTotal", ctx.paginationTotal);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.NgForOf, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgSelectComponent, _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__.MatPaginatorNoCountComponent, _angular_common__WEBPACK_IMPORTED_MODULE_5__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_5__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJuZXctb3JkZXIuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 1901:
+/*!******************************************************!*\
+  !*** ./src/app/menu/orders/orders-routing.module.ts ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "OrdersRoutingModule": () => (/* binding */ OrdersRoutingModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _orders_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./orders.component */ 6385);
+/* harmony import */ var _new_order_new_order_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./new-order/new-order.component */ 414);
+/* harmony import */ var _detail_order_detail_order_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./detail-order/detail-order.component */ 9241);
+/* harmony import */ var _ready_to_ship_ready_to_ship_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ready-to-ship/ready-to-ship.component */ 7133);
+/* harmony import */ var _shipped_shipped_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shipped/shipped.component */ 7595);
+/* harmony import */ var _delivered_delivered_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./delivered/delivered.component */ 8474);
+/* harmony import */ var _all_order_all_order_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./all-order/all-order.component */ 1144);
+/* harmony import */ var _cancelled_cancelled_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./cancelled/cancelled.component */ 4632);
+/* harmony import */ var _download_download_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./download/download.component */ 7633);
+/* harmony import */ var src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/services/auth.guard */ 8063);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const routes = [
+    {
+        path: "",
+        component: _orders_component__WEBPACK_IMPORTED_MODULE_0__.OrdersComponent,
+        children: [
+            {
+                path: "",
+                redirectTo: "new",
+                pathMatch: "full",
+            },
+            {
+                path: "new",
+                component: _new_order_new_order_component__WEBPACK_IMPORTED_MODULE_1__.NewOrderComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "New Order" },
+            },
+            {
+                path: "detail",
+                component: _detail_order_detail_order_component__WEBPACK_IMPORTED_MODULE_2__.DetailOrderComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "Orders detail" },
+            },
+            {
+                path: "ready_to_ship",
+                component: _ready_to_ship_ready_to_ship_component__WEBPACK_IMPORTED_MODULE_3__.ReadyToShipComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "Ready To Ship" },
+            },
+            {
+                path: "Shipped",
+                component: _shipped_shipped_component__WEBPACK_IMPORTED_MODULE_4__.ShippedComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "Shipped" },
+            },
+            {
+                path: "Delivered",
+                component: _delivered_delivered_component__WEBPACK_IMPORTED_MODULE_5__.DeliveredComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "Delivered" },
+            },
+            {
+                path: "All",
+                component: _all_order_all_order_component__WEBPACK_IMPORTED_MODULE_6__.AllOrderComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "All Order" },
+            },
+            {
+                path: "Cancelled",
+                component: _cancelled_cancelled_component__WEBPACK_IMPORTED_MODULE_7__.CancelledComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "Cancelled" },
+            },
+            {
+                path: "Download",
+                component: _download_download_component__WEBPACK_IMPORTED_MODULE_8__.DownloadComponent,
+                canActivate: [src_app_services_auth_guard__WEBPACK_IMPORTED_MODULE_9__.AuthGuard],
+                data: { title: "Download" },
+            },
+        ],
+    },
+];
+class OrdersRoutingModule {
+}
+OrdersRoutingModule.ɵfac = function OrdersRoutingModule_Factory(t) { return new (t || OrdersRoutingModule)(); };
+OrdersRoutingModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_10__["ɵɵdefineNgModule"]({ type: OrdersRoutingModule });
+OrdersRoutingModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_10__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_11__.CommonModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_12__.RouterModule.forChild(routes)] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_10__["ɵɵsetNgModuleScope"](OrdersRoutingModule, { imports: [_angular_common__WEBPACK_IMPORTED_MODULE_11__.CommonModule, _angular_router__WEBPACK_IMPORTED_MODULE_12__.RouterModule] }); })();
+
+
+/***/ }),
+
+/***/ 6385:
+/*!*************************************************!*\
+  !*** ./src/app/menu/orders/orders.component.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "OrdersComponent": () => (/* binding */ OrdersComponent)
+/* 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 OrdersComponent {
+    constructor() {
+        this.ObjectOrderTabs = [
+            { Title: '1 - New Order', Url: '/menu/Order/new' },
+            { Title: '2 - Ready to Ship', Url: '/menu/Order/ready_to_ship' },
+            { Title: '3 - Shipped', Url: '/menu/Order/Shipped' },
+            { Title: '4 - Completed', Url: '/menu/Order/Delivered' },
+            { Title: 'All', Url: '/menu/Order/All' },
+            { Title: '99 - Cancelled', Url: '/menu/Order/Cancelled' },
+            { Title: 'Download', Url: '/menu/Order/Download' }
+        ];
+    }
+    ngOnInit() {
+    }
+}
+OrdersComponent.ɵfac = function OrdersComponent_Factory(t) { return new (t || OrdersComponent)(); };
+OrdersComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: OrdersComponent, selectors: [["app-orders"]], decls: 5, vars: 1, consts: [[1, "navbar", "page-nav", "navbar-default", "py-0", "navbar-expand-lg"], [1, "container-fluid"], [3, "Tabs"]], template: function OrdersComponent_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.ObjectOrderTabs);
+    } }, dependencies: [_nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_0__.NavTabComponent, _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterOutlet], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJvcmRlcnMuY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 7889:
+/*!**********************************************!*\
+  !*** ./src/app/menu/orders/orders.module.ts ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "OrdersModule": () => (/* binding */ OrdersModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _orders_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./orders-routing.module */ 1901);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _new_order_new_order_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./new-order/new-order.component */ 414);
+/* harmony import */ var _detail_order_detail_order_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./detail-order/detail-order.component */ 9241);
+/* harmony import */ var _ready_to_ship_ready_to_ship_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ready-to-ship/ready-to-ship.component */ 7133);
+/* harmony import */ var _shipped_shipped_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shipped/shipped.component */ 7595);
+/* harmony import */ var _delivered_delivered_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./delivered/delivered.component */ 8474);
+/* harmony import */ var _all_order_all_order_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./all-order/all-order.component */ 1144);
+/* harmony import */ var _cancelled_cancelled_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./cancelled/cancelled.component */ 4632);
+/* harmony import */ var _download_download_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./download/download.component */ 7633);
+/* harmony import */ var _orders_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./orders.component */ 6385);
+/* harmony import */ var _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../nav-tab/nav-tab.component */ 7398);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../main-panel/main-panel.component */ 7481);
+/* harmony import */ var _angular_material_paginator__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @angular/material/paginator */ 6060);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/material/datepicker */ 2298);
+/* harmony import */ var _angular_material_core__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/material/core */ 9121);
+/* harmony import */ var src_app_sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/app/sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+class OrdersModule {
+}
+OrdersModule.ɵfac = function OrdersModule_Factory(t) { return new (t || OrdersModule)(); };
+OrdersModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_13__["ɵɵdefineNgModule"]({ type: OrdersModule });
+OrdersModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_13__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_14__.CommonModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_15__.FormsModule,
+        _orders_routing_module__WEBPACK_IMPORTED_MODULE_0__.OrdersRoutingModule,
+        _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_10__.NavTabModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_11__.MainPanelModule,
+        _angular_material_paginator__WEBPACK_IMPORTED_MODULE_16__.MatPaginatorModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_17__.RouterModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_18__.NgSelectModule,
+        _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_19__.MatDatepickerModule,
+        _angular_material_core__WEBPACK_IMPORTED_MODULE_20__.MatNativeDateModule,
+        src_app_sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_12__.MatPaginatorNoCountModule] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_13__["ɵɵsetNgModuleScope"](OrdersModule, { declarations: [_orders_component__WEBPACK_IMPORTED_MODULE_9__.OrdersComponent,
+        _new_order_new_order_component__WEBPACK_IMPORTED_MODULE_1__.NewOrderComponent,
+        _detail_order_detail_order_component__WEBPACK_IMPORTED_MODULE_2__.DetailOrderComponent,
+        _ready_to_ship_ready_to_ship_component__WEBPACK_IMPORTED_MODULE_3__.ReadyToShipComponent,
+        _shipped_shipped_component__WEBPACK_IMPORTED_MODULE_4__.ShippedComponent,
+        _delivered_delivered_component__WEBPACK_IMPORTED_MODULE_5__.DeliveredComponent,
+        _all_order_all_order_component__WEBPACK_IMPORTED_MODULE_6__.AllOrderComponent,
+        _cancelled_cancelled_component__WEBPACK_IMPORTED_MODULE_7__.CancelledComponent,
+        _download_download_component__WEBPACK_IMPORTED_MODULE_8__.DownloadComponent], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_14__.CommonModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_15__.FormsModule,
+        _orders_routing_module__WEBPACK_IMPORTED_MODULE_0__.OrdersRoutingModule,
+        _nav_tab_nav_tab_component__WEBPACK_IMPORTED_MODULE_10__.NavTabModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_11__.MainPanelModule,
+        _angular_material_paginator__WEBPACK_IMPORTED_MODULE_16__.MatPaginatorModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_17__.RouterModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_18__.NgSelectModule,
+        _angular_material_datepicker__WEBPACK_IMPORTED_MODULE_19__.MatDatepickerModule,
+        _angular_material_core__WEBPACK_IMPORTED_MODULE_20__.MatNativeDateModule,
+        src_app_sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_12__.MatPaginatorNoCountModule] }); })();
+
+
+/***/ }),
+
+/***/ 7133:
+/*!**********************************************************************!*\
+  !*** ./src/app/menu/orders/ready-to-ship/ready-to-ship.component.ts ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ReadyToShipComponent": () => (/* binding */ ReadyToShipComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../services/http.service */ 6858);
+/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ngx-toastr */ 4817);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_6__ = __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 _angular_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+
+
+
+
+
+
+
+
+
+const _c0 = function () { return ["/menu/Order/detail"]; };
+const _c1 = function (a0, a1) { return { Number: a0, Outlet: a1 }; };
+function ReadyToShipComponent_tr_39_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr")(1, "td")(2, "input", 16);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ReadyToShipComponent_tr_39_Template_input_ngModelChange_2_listener($event) { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r3); const item_r1 = restoredCtx.$implicit; return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](item_r1.selected = $event); })("ngModelChange", function ReadyToShipComponent_tr_39_Template_input_ngModelChange_2_listener() { const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r3); const item_r1 = restoredCtx.$implicit; const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r4.onCheckboxStateProduct(item_r1.Number)); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](5, "td")(6, "a", 17);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](12, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](13, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](15, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", item_r1.selected);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Outlet);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](13, _c0))("queryParams", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction2"](14, _c1, item_r1.Number, item_r1.Outlet));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Customer);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](12, 8, item_r1.Amount));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind2"](15, 10, item_r1.Created, "dd MMM yyyy HH:mm"));
+} }
+class ReadyToShipComponent {
+    constructor(http, toastr) {
+        this.http = http;
+        this.toastr = toastr;
+        this.filter = {
+            PageNumber: null,
+            PageSize: null
+        };
+        this.totaldata = 0;
+        this.paginationTotal = 0;
+        this.checkboxState = false;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    /**
+     * Load will get the filter options and outlets list, then will call get
+     */
+    Load() {
+        this.http.post('/api/ordersLoader/GetOrder', {}).subscribe(result => {
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.PageSize = result.Filter.RowCount;
+            this.outlets = result.Options.Outlet;
+            this.Get();
+        });
+    }
+    /**
+     * Calls GetNewOrder API to get the Orders list
+     * @param event
+     */
+    Get(event) {
+        var params = {
+            Number: event,
+            PageNumber: this.filter.PageNumber,
+            PageSize: this.filter.PageSize,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetReadyToShip', params).subscribe(result => {
+            this.data = result.Data;
+            this.totaldata = this.data.length;
+        });
+    }
+    changePage(pageEvent) {
+    }
+    /**
+     * Updates the state of delivery
+     */
+    UpdateDelivery() {
+        let listSelected = this.getSelected();
+        if (listSelected.length > 0) {
+            let listIds = [];
+            listSelected.forEach(m => listIds.push(m));
+            this.http.post('/api/Orders/UpdateStateDelivery', listIds).subscribe(result => {
+                this.toastr.success("Successfully updated", "Success");
+            });
+        }
+    }
+    /**
+     * Get the total amount of orders
+     */
+    StoreRowsCountAPIResult() {
+        var params = {
+            PaymentState: "Paid",
+            DeliveryState: "Unsent",
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetRowCount', params).subscribe(result => {
+            this.paginationTotal = result.Total;
+        });
+    }
+    /**
+     * Selects the item when clicking the checkbox
+     * @param Number The item's number
+     */
+    onCheckboxStateProduct(Number) {
+        let selectedProduct = this.data.filter(x => x.Number == Number);
+        if (selectedProduct.length > 0) {
+            for (let item of selectedProduct) {
+                item.selected = item.selected;
+            }
+        }
+        else {
+        }
+    }
+    /**
+     * Checks all variants in the product
+     */
+    onCheckboxStateChange() {
+        for (let item of this.data) {
+            item.selected = this.checkboxState;
+        }
+    }
+    /**
+     * Returns the list of all selected item
+     * @returns the selected variants list
+     */
+    getSelected() {
+        let listvariant = [];
+        if (this.data) {
+            for (let p of this.data) {
+                if (p.selected) {
+                    listvariant.push(p);
+                }
+            }
+            return listvariant;
+        }
+        else {
+            return [];
+        }
+    }
+    /**
+     * Check if any variant has been selected or not
+     * @returns true or false
+     */
+    hasSelection() {
+        if (this.data) {
+            let selected = this.getSelected();
+            if (selected.length > 0) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * Opens the next page
+     */
+    NextPage() {
+        this.filter.PageNumber = this.filter.PageNumber + 1;
+        this.Get();
+    }
+    /**
+     * Opens the previous page
+     */
+    PreviousPage() {
+        this.filter.PageNumber = this.filter.PageNumber - 1;
+        this.Get();
+    }
+}
+ReadyToShipComponent.ɵfac = function ReadyToShipComponent_Factory(t) { return new (t || ReadyToShipComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_4__.ToastrService)); };
+ReadyToShipComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: ReadyToShipComponent, selectors: [["app-ready-to-ship"]], decls: 41, vars: 12, consts: [["searchBoxPlaceHolder", "Search Ready To Ship...", 3, "Title", "onSubmit"], ["container", "", 1, ""], ["bindLabel", "Name", "bindValue", "ID", "placeholder", "Choose...", 1, "outlet-multiple", 3, "multiple", "ngModel", "items", "ngModelChange"], ["type", "number", "name", "PageNumber", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "number", "name", "PageSize", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "button", 1, "btn", "btn-success", "shadow-sm", "rounded", "me-3", 3, "hidden", "click"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "table-light"], [2, "width", "5px"], ["type", "checkbox", 3, "ngModel", "ngModelChange"], [4, "ngFor", "ngForOf"], [3, "filter", "totaldata", "paginationTotal", "total", "next", "previous"], ["type", "checkbox", 1, "me-3", 3, "ngModel", "ngModelChange"], [3, "routerLink", "queryParams"]], template: function ReadyToShipComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("onSubmit", function ReadyToShipComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Get($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ReadyToShipComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.selectedOutlets = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div")(8, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9, "Page Number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "input", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ReadyToShipComponent_Template_input_ngModelChange_10_listener($event) { return ctx.filter.PageNumber = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Page Size");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "input", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ReadyToShipComponent_Template_input_ngModelChange_14_listener($event) { return ctx.filter.PageSize = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "actions")(16, "button", 5);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function ReadyToShipComponent_Template_button_click_16_listener() { return ctx.UpdateDelivery(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](17, " Dispatch ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](18, "content")(19, "div", 6)(20, "div", 7)(21, "div", 8)(22, "div", 9)(23, "table", 10)(24, "thead")(25, "tr", 11)(26, "th", 12)(27, "input", 13);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ReadyToShipComponent_Template_input_ngModelChange_27_listener($event) { return ctx.checkboxState = $event; })("ngModelChange", function ReadyToShipComponent_Template_input_ngModelChange_27_listener() { return ctx.onCheckboxStateChange(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](28, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](29, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](30, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](31, "Order number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](32, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](33, "Customer");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](34, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](35, "Amount");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](36, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](37, "Created On");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](38, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](39, ReadyToShipComponent_tr_39_Template, 16, 17, "tr", 14);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](40, "app-mat-paginator-no-count", 15);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("total", function ReadyToShipComponent_Template_app_mat_paginator_no_count_total_40_listener() { return ctx.StoreRowsCountAPIResult(); })("next", function ReadyToShipComponent_Template_app_mat_paginator_no_count_next_40_listener() { return ctx.NextPage(); })("previous", function ReadyToShipComponent_Template_app_mat_paginator_no_count_previous_40_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "2 - Ready to Ship");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("multiple", true)("ngModel", ctx.selectedOutlets)("items", ctx.outlets);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageNumber);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageSize);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("hidden", !ctx.hasSelection());
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.checkboxState);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](12);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("filter", ctx.filter)("totaldata", ctx.totaldata)("paginationTotal", ctx.paginationTotal);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.NgForOf, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_6__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _angular_router__WEBPACK_IMPORTED_MODULE_7__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_8__.NgSelectComponent, _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__.MatPaginatorNoCountComponent, _angular_common__WEBPACK_IMPORTED_MODULE_5__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_5__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJyZWFkeS10by1zaGlwLmNvbXBvbmVudC5zY3NzIn0= */"] });
+
+
+/***/ }),
+
+/***/ 7595:
+/*!**********************************************************!*\
+  !*** ./src/app/menu/orders/shipped/shipped.component.ts ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ShippedComponent": () => (/* binding */ ShippedComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var src_app_services_http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/services/http.service */ 6858);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_5__ = __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 _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../sharing-module/mat-paginator-no-count/mat-paginator-no-count.component */ 2594);
+
+
+
+
+
+
+
+
+const _c0 = function () { return ["/menu/Order/detail"]; };
+const _c1 = function (a0, a1) { return { Number: a0, Outlet: a1 }; };
+function ShippedComponent_tr_34_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "td")(4, "a", 13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](10, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](13, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Outlet);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](12, _c0))("queryParams", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction2"](13, _c1, item_r1.Number, item_r1.Outlet));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Number);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r1.Customer);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](10, 7, item_r1.Amount));
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind2"](13, 9, item_r1.Created, "dd MMM yyyy HH:mm"));
+} }
+class ShippedComponent {
+    constructor(http) {
+        this.http = http;
+        this.filter = {
+            PageNumber: null,
+            PageSize: null
+        };
+        this.totaldata = 0;
+        this.paginationTotal = 0;
+    }
+    ngOnInit() {
+        this.Load();
+    }
+    Load() {
+        this.http.post('/api/ordersLoader/GetOrder', {}).subscribe(result => {
+            this.filter.PageNumber = result.Filter.PageNumber;
+            this.filter.PageSize = result.Filter.RowCount;
+            this.outlets = result.Options.Outlet;
+            this.Get();
+        });
+    }
+    Get(event) {
+        var params = {
+            Number: event,
+            PageNumber: this.filter.PageNumber,
+            PageSize: this.filter.PageSize,
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetShipped', params).subscribe(result => {
+            this.data = result.Data;
+            this.totaldata = this.data.length;
+        });
+    }
+    changePage(pageEvent) {
+        this.filter.PageNumber = pageEvent.pageIndex + 1;
+        this.Get();
+    }
+    StoreRowsCountAPIResult() {
+        var params = {
+            PaymentState: "Unpaid",
+            DeliveryState: "Sent",
+            Outlet: (this.selectedOutlets != null ? this.selectedOutlets : this.outlets)
+        };
+        this.http.post('api/orders/GetRowCount', params).subscribe(result => {
+            this.paginationTotal = result.Total;
+        });
+    }
+    NextPage() {
+        this.filter.PageNumber = this.filter.PageNumber + 1;
+        this.Get();
+    }
+    PreviousPage() {
+        this.filter.PageNumber = this.filter.PageNumber - 1;
+        this.Get();
+    }
+}
+ShippedComponent.ɵfac = function ShippedComponent_Factory(t) { return new (t || ShippedComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService)); };
+ShippedComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: ShippedComponent, selectors: [["app-shipped"]], decls: 36, vars: 10, consts: [["searchBoxPlaceHolder", "Search Orders...", 3, "Title", "onSubmit"], ["container", ""], ["bindLabel", "Name", "bindValue", "ID", "placeholder", "Choose...", 1, "outlet-multiple", 3, "multiple", "ngModel", "items", "ngModelChange"], ["type", "number", "name", "PageNumber", 1, "w-100", 3, "ngModel", "ngModelChange"], ["type", "number", "name", "PageSize", 1, "w-100", 3, "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "table-light"], [4, "ngFor", "ngForOf"], [3, "filter", "totaldata", "paginationTotal", "total", "next", "previous"], [3, "routerLink", "queryParams"]], template: function ShippedComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("onSubmit", function ShippedComponent_Template_mainpanel_onSubmit_0_listener($event) { return ctx.Get($event); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ShippedComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.selectedOutlets = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div")(8, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](9, "Page Number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "input", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ShippedComponent_Template_input_ngModelChange_10_listener($event) { return ctx.filter.PageNumber = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div")(12, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Page Size");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "input", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function ShippedComponent_Template_input_ngModelChange_14_listener($event) { return ctx.filter.PageSize = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "content")(16, "div", 5)(17, "div", 6)(18, "div", 7)(19, "div", 8)(20, "table", 9)(21, "thead")(22, "tr", 10)(23, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](24, "Outlet");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](25, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](26, "Order number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](27, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](28, "Customer");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](29, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](30, "Amount");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](31, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](32, "Created On");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](34, ShippedComponent_tr_34_Template, 14, 16, "tr", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](35, "app-mat-paginator-no-count", 12);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("total", function ShippedComponent_Template_app_mat_paginator_no_count_total_35_listener() { return ctx.StoreRowsCountAPIResult(); })("next", function ShippedComponent_Template_app_mat_paginator_no_count_next_35_listener() { return ctx.NextPage(); })("previous", function ShippedComponent_Template_app_mat_paginator_no_count_previous_35_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()()()()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("Title", "3 - Shipped");
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("multiple", true)("ngModel", ctx.selectedOutlets)("items", ctx.outlets);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageNumber);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.filter.PageSize);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](20);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.data);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("filter", ctx.filter)("totaldata", ctx.totaldata)("paginationTotal", ctx.paginationTotal);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_4__.NgForOf, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NumberValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_5__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_1__.MainPanelComponent, _angular_router__WEBPACK_IMPORTED_MODULE_6__.RouterLinkWithHref, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_7__.NgSelectComponent, _sharing_module_mat_paginator_no_count_mat_paginator_no_count_component__WEBPACK_IMPORTED_MODULE_2__.MatPaginatorNoCountComponent, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DecimalPipe, _angular_common__WEBPACK_IMPORTED_MODULE_4__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzaGlwcGVkLmNvbXBvbmVudC5zY3NzIn0= */"] });
+
+
+/***/ }),
+
+/***/ 2594:
+/*!*******************************************************************************************!*\
+  !*** ./src/app/sharing-module/mat-paginator-no-count/mat-paginator-no-count.component.ts ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "MatPaginatorNoCountComponent": () => (/* binding */ MatPaginatorNoCountComponent),
+/* harmony export */   "MatPaginatorNoCountModule": () => (/* binding */ MatPaginatorNoCountModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+function MatPaginatorNoCountComponent_span_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 10);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MatPaginatorNoCountComponent_span_6_Template_span_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r3); const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); ctx_r2.getTotal(); return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r2.hasClicked = true); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "i", 11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "?");
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
+} }
+function MatPaginatorNoCountComponent_span_7_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "number");
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
+} if (rf & 2) {
+    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
+    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, ctx_r1.paginationTotal));
+} }
+class MatPaginatorNoCountComponent {
+    constructor() {
+        this.get = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
+        this.change = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
+        this.next = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
+        this.previous = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
+        this.total = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
+        this.hasClicked = false;
+    }
+    changePage(pageEvent) {
+        this.filter.PageNumber = pageEvent.pageIndex + 1;
+        this.change.emit(this.filter);
+    }
+    getTotal() {
+        this.total.emit();
+    }
+    PreviousPage() {
+        this.previous.emit();
+    }
+    NextPage() {
+        this.next.emit();
+    }
+}
+MatPaginatorNoCountComponent.ɵfac = function MatPaginatorNoCountComponent_Factory(t) { return new (t || MatPaginatorNoCountComponent)(); };
+MatPaginatorNoCountComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: MatPaginatorNoCountComponent, selectors: [["app-mat-paginator-no-count"]], inputs: { filter: "filter", paginationTotal: "paginationTotal", totaldata: "totaldata" }, outputs: { get: "get", change: "change", next: "next", previous: "previous", total: "total" }, decls: 13, vars: 10, consts: [[1, "d-flex", "justify-content-end", "mt-5"], [1, "d-sm-block", "collapse", "mt-3", "me-5"], [1, "text-dark", "hidden-xxs"], ["style", "cursor:pointer", 3, "click", 4, "ngIf"], [4, "ngIf"], [1, "btn-group"], ["role", "button", "title", "Load more for 500 variants", 1, "btn", "btn-outline-secondary", "btn-sm", "me-3", "border-0", 3, "disabled", "click"], [1, "fas", "fa-chevron-left"], ["role", "button", "title", "Load more for 500 variants", 1, "btn", "btn-outline-secondary", "btn-sm", "border-0", 3, "disabled", "click"], [1, "fas", "fa-chevron-right"], [2, "cursor", "pointer", 3, "click"], ["title", "Retreive rows count", 1, "border", "p-3"]], template: function MatPaginatorNoCountComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](4, "number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](5, "number");
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, MatPaginatorNoCountComponent_span_6_Template, 3, 0, "span", 3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, MatPaginatorNoCountComponent_span_7_Template, 3, 3, "span", 4);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 5)(9, "button", 6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MatPaginatorNoCountComponent_Template_button_click_9_listener() { return ctx.PreviousPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "i", 7);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "button", 8);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MatPaginatorNoCountComponent_Template_button_click_11_listener() { return ctx.NextPage(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "i", 9);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate2"](" Showing ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](4, 6, ctx.filter.PageSize * (ctx.filter.PageNumber - 1) + 1), " - ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](5, 8, ctx.filter.PageSize * (ctx.filter.PageNumber - 1) + ctx.totaldata), " of ");
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.hasClicked);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.hasClicked);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("disabled", ctx.filter.PageNumber == 1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("disabled", ctx.filter.PageSize * (ctx.filter.PageNumber - 1) + ctx.totaldata == ctx.paginationTotal || ctx.totaldata < ctx.filter.PageSize);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.NgIf, _angular_common__WEBPACK_IMPORTED_MODULE_1__.DecimalPipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJtYXQtcGFnaW5hdG9yLW5vLWNvdW50LmNvbXBvbmVudC5zY3NzIn0= */"] });
+class MatPaginatorNoCountModule {
+}
+MatPaginatorNoCountModule.ɵfac = function MatPaginatorNoCountModule_Factory(t) { return new (t || MatPaginatorNoCountModule)(); };
+MatPaginatorNoCountModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineNgModule"]({ type: MatPaginatorNoCountModule });
+MatPaginatorNoCountModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsetNgModuleScope"](MatPaginatorNoCountModule, { declarations: [MatPaginatorNoCountComponent], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule], exports: [MatPaginatorNoCountComponent] }); })();
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=src_app_menu_orders_orders_module_ts.js.map