webpackJsonp([1],{"+wTJ":function(e,t){e.exports="<router-outlet></router-outlet>\n"},0:function(e,t,n){e.exports=n("cDNt")},"1DI4":function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,"",""]),e.exports=e.exports.toString()},"2/c7":function(e,t){e.exports='<div class="s-order-dash-pg">\n    <div class="chart-box">\n      <h4> Orders by Status </h4>\n      <ngx-charts-advanced-pie-chart\n        style="position:relative"\n        [view]="view"\n        [scheme]="colorScheme"\n        [results]="ordersByStatusData"\n      >\n      </ngx-charts-advanced-pie-chart>\n    </div>\n\n    <div class="chart-box">\n      <h4> Orders By Payment Type </h4>\n      <ngx-charts-advanced-pie-chart\n        style="position:relative"\n        [view]="view"\n        [scheme]="colorScheme"\n        [results]="ordersByPaymentData"\n      >\n      </ngx-charts-advanced-pie-chart>\n    </div>\n\n  <div class="chart-box">\n    <h4> Orders By Country </h4>\n        <ngx-charts-bar-vertical\n            [view]="[990, 270]"\n            [barPadding]="1"\n            [scheme]="barColorScheme"\n            [results]="ordersByCountryData"\n            [roundDomains]="true"\n            [showGridLines]="true"\n            [xAxis]="true"\n            [yAxis]="true"\n            [legend]="false"\n            [roundEdges]="false"\n        >\n        </ngx-charts-bar-vertical>\n  </div>\n\n\x3c!--ngx-datatable\n  style=\'height:248px; width:585px;margin:16px;border-radius:2px;\'\n  [rows]="rows"\n  [columns]="columns"\n  [headerHeight]="45"\n  [rowHeight]="32"\n  [columnMode]="\'standard\'"\n  [scrollbarV]="false"\n  >\n  </ngx-datatable--\x3e\n\n\n\n</div>\n'},"3vpJ":function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,".s-page-not-found{position:fixed;top:0;left:0;width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;background-color:#005d84;color:#eee;font-size:24px}",""]),e.exports=e.exports.toString()},"8c6Q":function(e,t){e.exports='<div class="s-product-dash-pg">\n\n    <div class="chart-box">\n        <h4> Products By Quantity Ordered</h4>\n        <ngx-charts-bar-vertical\n            [view]="[990, 270]"\n            [barPadding]="1"\n            [scheme]="barColorScheme"\n            [results]="productByQuantityData"\n            [roundDomains]="true"\n            [showGridLines]="true"\n            [xAxis]="true"\n            [yAxis]="true"\n            [legend]="false"\n            [roundEdges]="false"\n        >\n        </ngx-charts-bar-vertical>\n    </div>\n\n</div>\n'},BTuw:function(e,t){e.exports='<div class="s-page-not-found"> 404 Page Not Found </div>\n'},C3f6:function(e,t){e.exports='<div class="s-login-pg">\n    <div class="s-login-pg-head">\n        <div style="width:100px;"><s-logo></s-logo></div>\n        <p style="text-align: center"> Sample app done with SpringBoot backend and Angular frontend </p>\n    </div>\n    <form class="s-login-pg-form" name="form" (ngSubmit)="login()" #f="ngForm" novalidate>\n        <input type="text"     placeholder="Username (demo)" name="username" [(ngModel)]="model.username" #username="ngModel" required/>\n        <input type="password" placeholder="Password (demo)" name="password" [(ngModel)]="model.password" #password="ngModel" required/>\n        <button type="submit" class="btn btn-primary">LOG IN</button>\n    </form>\n    <div class="s-login-pg-foot">\n        <div *ngIf="errMsg" style="color:indianred; font-weight: bold">{{errMsg}}</div>\n    </div>\n\n</div>\n'},C90b:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,"h4{margin-top:16px}.s-order-dash-pg{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s-order-dash-pg .chart-box{margin:16px;padding:0 16px;background-color:#fff;border:1px solid #ccc;border-radius:2px}",""]),e.exports=e.exports.toString()},Drkw:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,"",""]),e.exports=e.exports.toString()},FHir:function(e,t){e.exports='<div class="pad-16">\n<h3> Large Dataset with - Dynamic DOM</h3>\n<p style="width:1140px"> Here we are loading about 600 rows in one ajax call.\n    However to keep the DOM footprint low we don not create those many DOM elements.\n    As the user scrolls up and down , DOM elements are added and removed based on the data in memory.\n</p>\n\n<div class="row">\n    <div class="col-lg-12">\n        <div style="width:1140px">\n        <div class="s-info-bar">\n            \x3c!-- clr-dropdown [clrMenuPosition]="\'right-bottom\'">\n                <button class="btn btn-sm btn-primary"clrDropdownToggle>\n                    Filter <clr-icon shape="caret right"></clr-icon>\n                </button>\n                <div class="dropdown-menu">\n                    <label class="dropdown-header">By status</label>\n                    <button clrDropdownItem > On Hold  </button>\n                    <button clrDropdownItem > Shipped  </button>\n                    <button clrDropdownItem > Complete </button>\n                    <button clrDropdownItem > New      </button>\n                    <label class="dropdown-header">By Payment Type</label>\n                    <button clrDropdownItem > Cash  </button>\n                    <button clrDropdownItem > Check </button>\n                    <button clrDropdownItem > Card  </button>\n                </div>\n            </clr-dropdown --\x3e\n            <div style="flex:1"></div>\n            <div *ngIf="isLoading" class="spinner spinner-md" style="margin:0 10px;">Loading...</div>\n            <s-legend [legend]="orderByStatusData" ></s-legend>\n        </div>\n        <ngx-datatable\n            style=\'height:450px; width:100%;\'\n            [rows]=\'rows\'\n            [columns]="columns"\n            [columnMode]="\'standard\'"\n            [headerHeight]="45"\n            [footerHeight]="45"\n            [rowHeight]="36"\n            [scrollbarV]="true"\n        >\n        </ngx-datatable>\n        </div>\n\n\n    </div>\n</div>\n</div>\n\n<ng-template #orderIdTpl let-row="row" let-value="value" let-i="index">\n  <a routerLink="/home/orders/{{value}}" attr.data-itemid="{{value}}">{{value}}</a>\n</ng-template>\n\n\n<ng-template #orderStatusCellTpl let-row="row" let-value="value" let-i="index">\n  <s-badge [text]=value [badgeCls]="\'s-badge-\'+value.toLowerCase().replace(\' \',\'\')"></s-badge>\n</ng-template>\n\n\n\n\n\n'},JSjx:function(e,t){e.exports='<div class="pad-16">\n\n    <ngx-datatable\n        style=\'width:900px;\'\n        [rows]="rows"\n        [columns]="columns"\n        [headerHeight]="45"\n        [rowHeight]="\'auto\'"\n        [columnMode]="\'standard\'"\n        [scrollbarV]="false"\n    >\n    </ngx-datatable>\n</div>\n'},OTVk:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,".s-legend-wrap{margin:5px 0}.s-legend-wrap,.s-legend-wrap .s-legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.s-legend-wrap .s-legend-item{height:32px;margin-right:20px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.s-legend-wrap .s-legend-item .s-legend-color{width:5px}.s-legend-wrap .s-legend-item .s-legend-value-wrap{margin:0 3px}.s-legend-wrap .s-legend-item .s-legend-label{font-size:12px;height:14px;line-height:15px}.s-legend-wrap .s-legend-item .s-legend-value{font-size:18px;height:18px}",""]),e.exports=e.exports.toString()},"Qq/u":function(e,t){e.exports='\x3c!--\n<svg style="width:100%; height:100%" viewBox="0 0 210 36">\n    <path d="m33.9 2.5c-1.8 0-3.4 0.5-5 1.4 -1.5 0.9-2.7 2.1-3.6 3.6 -0.9 1.5-1.3 3.2-1.3 5.1 0 2.8 1 5.1 2.9 7.1 1.9 1.9 4.2 2.8 7 2.8 1.8 0 3.4-0.4 5-1.3 1.5-0.9 2.7-2.1 3.6-3.6 0.9-1.5 1.3-3.2 1.3-5.1 0-1.8-0.4-3.5-1.3-5 -0.9-1.5-2.1-2.7-3.6-3.6 -1.6-0.9-3.3-1.4-5-1.4l0 0zm-0.2-2.3c3.6 0 6.6 1.2 8.9 3.6 2.4 2.4 3.6 5.3 3.6 8.7 0 3.4-1.2 6.3-3.6 8.7 -2.3 2.4-5.2 3.6-8.7 3.6 -3.4 0-6.4-1.2-8.7-3.6 -2.4-2.3-3.6-5.2-3.6-8.6 0-2.2 0.5-4.3 1.6-6.2 1.1-1.9 2.6-3.4 4.5-4.5 1.8-1.1 3.9-1.7 6-1.7l0 0z" [style.fill]="fontColor"/>\n    <polyline points="52.6 25 52.6 0.2 53.1 0.2 69.6 19.2 69.6 0.2 72.1 0.2 72.1 25 71.5 25 55.1 6.2 55.1 25 52.6 25 " [style.fill]="fontColor"/>\n    <polygon points="78.8 25 81.1 25 81.1 0.1 78.8 0.1 " [style.fill]="fontColor"/>\n    <path d="m157.2 15.2l3.3-8.5 3.3 8.5 -6.6 0 0 0zm5.7-15l-4.8 0 -6.7 17.9 13.5 0 2.6 6.8 4.9 0 -9.5-24.7 0 0z" [style.fill]="fontColor"/>\n    <polyline points="177.4 0.2 182.1 0.2 182.1 20.3 191.5 20.3 191.5 24.8 177.4 24.8 177.4 0.2 " [style.fill]="fontColor"/>\n    <polyline points="196.5 0.2 201.2 0.2 201.2 20.3 210.5 20.3 210.5 24.8 196.5 24.8 196.5 0.2 " [style.fill]="fontColor"/>\n    <path d="m144.7 24.2c-2.8-7.7 7.7-9.4 18.4-9.1 5.8 0.2 12.9 1 12.9 1 0 0-16.7 2.2-22.8 7 -5.9 4.8 5.5 12.2 5.5 12.2 0 0-11.5-4.2-14-11.1z" [style.fill]="iconColor"/>\n    <path d="m100.7 22.7c-3 0-5.5-1-7.4-2.9 -2-1.9-3-4.3-3-7.2 0-1.9 0.5-3.6 1.3-5.1 0.9-1.5 2.2-2.7 3.8-3.6 1.5-0.9 3.3-1.4 5.2-1.4 1.7 0 3.3 0.4 4.7 1.1 1.4 0.6 2.5 1.6 3.5 2.8l0-3.2c-0.7-0.5-1.5-1.3-2.3-1.7 -1.8-0.8-3.8-1.3-6-1.3 -3.6 0-6.6 1.2-9 3.5 -2.5 2.4-3.7 5.3-3.7 8.7 0 3.3 1 6.1 3 8.4 2.4 2.7 5.6 4.1 9.8 4.1 2.1 0 4.1-0.4 5.8-1.2 0.9-0.4 1.7-1.1 2.4-1.7l0-3c-2.2 2.4-4.9 3.7-8.1 3.7z" [style.fill]="fontColor"/>\n    <path d="m8.9 11.4c-5.6-1.2-6.7-2.6-6.7-4.9l0-0.1c0-2.4 2.4-4.2 5.5-4.2 2.7 0 4.8 0.8 6.9 2.6l0.2 0.2 0.1-0.1 0-2.7c-2.2-1.4-4.3-2-7.1-2 -4.4 0-7.8 2.7-7.8 6.4l0 0.1c0 3.7 2.4 5.7 8.1 6.8 5.5 1.1 6.5 2.5 6.5 4.8l0 0.1c0 2.6-2.4 4.4-5.7 4.4 -3.3 0-5.6-1-8.3-3.4l-0.2-0.2 0 0 0 2.9c2.6 1.9 5.2 2.8 8.4 2.8 4.7 0 8-2.8 8-6.7l0-0.1c0-3.6-2.3-5.6-7.9-6.7" [style.fill]="fontColor"/>\n    <polyline points="144.3 0.2 138.6 17.3 132.9 0.1 128.4 0.1 122.8 16.9 122.7 17.3 116.9 0.2 111.3 0.2 120.3 24.9 124.8 24.9 130.4 8.8 130.6 8.4 130.7 8.8 136.3 24.9 140.9 24.9 149.8 0.2 144.3 0.2 " [style.fill]="fontColor"/>\n</svg>\n--\x3e\n<svg style="width:100%; height:100%" viewBox="0 0 80 100">\n  <path fill="none" d="M-1-1h82v102H-1z"/>\n  <g>\n    <g stroke="null">\n      <path fill="#FECD57" d="M77.7 40.2c0 20.2-16.4 36.6-36.7 36.6-20.3 0-36.8-16.4-36.8-36.6C4.2 20 20.7 3.5 41 3.5c20.3 0 36.7 16.4 36.7 36.7z"/>\n      <path fill="#9ED36A" d="M53.6 31.6l-9.3 2.8-8 7V50l3.3 7.4 8.5 2.3 9.7-3.5 5-10.6V29.3z"/>\n      <path fill="#8AC054" d="M36.3 50.4L37 40l-3-1.3-12.3-2.5.6 10 3 7.2 4 3.7 5.4 1.6 3.5-2z"/>\n      <path fill="#CBD0D8" d="M29.2 76.5h20.4v17.3H29.2z"/>\n      <path d="M79.5 40.3C79.5 18.6 61.8 1 40 1S.5 18.6.5 40.3C.5 58 12 72.7 28 77.8h-.4-.2c-1 .3-1.8 1.4-1.5 2.5 0 1 1 1.5 1.8 1.6v3.8h-.2-.2c-1 .4-1.8 1.5-1.5 2.6 0 1 1 1.5 1.8 1.5v4h-.2-.2c-1 .2-1.8 1.3-1.5 2.4.2 1 1.2 1.7 2.2 1.5l9.7-1.5v.2c0 1 1 2 2.2 1.8 1 0 2-1 1.8-2.2V96l10.4-1.7h.2c1-.3 1.7-1.4 1.5-2.5-.2-1-1-1.5-1.8-1.5v-4h.4c1-.3 1.7-1.4 1.5-2.5-.2-1-1-1.5-1.8-1.6v-4.5c15.8-5 27.3-20 27.3-37.4zM15 65.3c-3.3-3.3-5.8-7-7.6-11.2-2-4.3-2.8-9-2.8-13.7 0-4.7 1-9.3 2.8-13.7 1.8-4.2 4.3-8 7.6-11.2 3.2-3.2 7-5.8 11.2-7.6C30.6 6 35.2 5 40 5c4.8 0 9.4 1 13.8 2.8 4.2 1.8 8 4.4 11.2 7.6 3.3 3.2 5.8 7 7.6 11.2 1.8 4.4 2.8 9 2.8 13.7 0 4.8-1 9.4-2.8 13.8-1.8 4.3-4.3 8-7.6 11.3-3.2 3.2-7 5.8-11.2 7.5-3 1.3-6.2 2-9.4 2.5H44c-1.2.2-2.6.3-4 .3h-1.2C37.6 70 38 64.3 40.3 59c2.4 1.6 5.2 2.4 8 2.4 4.5 0 9-2 11.8-5.8 8.3-10.6 4.7-30.2 4.7-30.2S45.7 27 37 36.8C30.8 33.4 22.3 33 19.6 33h-1s-1 15.6 6.4 23c2.2 2.4 5.2 3.5 8.2 3.5 1 0 1.8 0 2.7-.3-.4.8-.6 1.5-.8 2.3-1.2 4.5-1.4 9-.6 13.7-3-.4-5.7-1.2-8.4-2.4-4.2-1.7-8-4.3-11.2-7.5zM53 43c.6-.5 1-1.3.8-2-.2-1.2-1.3-2-2.4-1.8-.3 0-.5.2-.8.4-.2 0-5.3 3.6-9.8 10L39 52.2c-.6-1.3-1-2.7-1.3-4.2-.4-3 .4-5.7 2-8 3.6-4.6 10-7.2 15-8.6 2.4-.7 4.7-1 6.5-1.4 0 1.8.3 4 .2 6.6 0 5-1 12-4.5 16.5-2 2.8-5.3 4.3-8.7 4.3-2.2 0-4.4-.7-6.3-2l2-3.2c4-5.7 9-9 9-9zm-19.5 3l-1-1.2c-.5-.4-1-.6-1.5-.7-1.2 0-2 1-2.2 2 0 .6.2 1 .5 1.5C31.6 50 34 53 35.6 55c-.8.3-1.6.5-2.4.5-2 0-4-.8-5.4-2.3-2.3-2.4-4-6.5-4.7-11.8 0-1.5-.3-3-.3-4 1.7 0 3.7.3 5.8.7 2.5.7 4.6 1.4 6.4 2.3-1 1.8-1.4 3.8-1.5 5.8zM48 91L32 93.3v-4L48 87v3.8zm0-8L32 85.2v-4l13-1.8 3.3-.6v4z"/>\n    </g>\n  </g>\n</svg>\n'},R31P:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,".s-info-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s-info-bar button{outline:none}",""]),e.exports=e.exports.toString()},VgkJ:function(e,t){e.exports='<div class="pad-16">\n\n    <h3> Lazy Loading Data </h3>\n    <p style="width:1000px"> This is an example of lazy loading data. There are about 100 customer and\n        the page initially loads 10 customer.\n        When you scroll to bottom it loads another 10, till it loads all the 100 customer\n    </p>\n    <br/>\n    <ngx-datatable\n        style=\'width:1000px;\'\n        [rows]="rows"\n        [columns]="columns"\n        [headerHeight]="45"\n        [rowHeight]="\'auto\'"\n        [columnMode]="\'standard\'"\n        [scrollbarV]="false"\n        trackScroll\n        (bottom)=\'onScroll()\'\n    >\n    </ngx-datatable>\n\n    <div *ngIf="isLoading" class="spinner spinner-lg">Loading...</div>\n</div>\n'},YuZA:function(e,t){function n(e){return Promise.resolve().then(function(){throw new Error("Cannot find module '"+e+"'.")})}n.keys=function(){return[]},n.resolve=n,e.exports=n,n.id="YuZA"},ahMg:function(e,t){e.exports='<div class="tile column center white" style="width:500px">\n    <h3> You are now signed out </h3>\n    <p> You may <a [routerLink]="\'/login\'"> Sign in again </a></p>\n\n</div>\n'},b2zX:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,":host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s-login-pg{width:400px;padding:0;margin:48px 16px 16px 16px;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.15)}.s-login-pg,.s-login-pg .s-login-pg-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-login-pg .s-login-pg-head{width:100%;height:220px;background-color:#998;padding:16px;color:#fff}.s-login-pg .s-login-pg-form{width:100%;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:24px 16px}.s-login-pg .s-login-pg-form input{margin:16px}.s-login-pg .s-login-pg-foot{width:100%;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}",""]),e.exports=e.exports.toString()},b8t2:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,".s-dashboard-pg{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s-dashboard-pg .chart-box{margin:16px;padding:0 16px;background-color:#fff;border:1px solid #ccc;border-radius:2px}",""]),e.exports=e.exports.toString()},cDNt:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n("x8Hs"),o=n("LMZF"),i=n("RyBE"),a=n("MCDL"),s=n("9iV4"),c=n("0nO6"),l=n("cLB8"),d=n("TZiP"),p=n("tvxM"),u=n("UHIZ"),f=n("Dqrr"),h=(n("GQSG"),n("HT7u"),this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}),g=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},m=function(){function e(){this.currentUserKey="currentUser",this.storage=sessionStorage}return e.prototype.storeUserInfo=function(e){this.storage.setItem(this.currentUserKey,e)},e.prototype.removeUserInfo=function(){this.storage.removeItem(this.currentUserKey)},e.prototype.getUserInfo=function(){try{if(this.storage.getItem(this.currentUserKey)){return JSON.parse(this.storage.getItem(this.currentUserKey))}return null}catch(e){return null}},e.prototype.isLoggedIn=function(){return!!this.storage.getItem(this.currentUserKey)},e.prototype.getUserName=function(){var e=this.getUserInfo();return null!==e?e.displayName:"no-user"},e.prototype.getStoredToken=function(){var e=this.getUserInfo();return null!==e?e.token:null},e=h([Object(o.Injectable)(),g("design:paramtypes",[])],e)}(),b=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},y=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},v=function(){function e(){this.version="1.0.0",this.locale="en-US",this.currencyFormat={style:"currency",currency:"USD"},this.dateFormat={year:"numeric",month:"short",day:"numeric"},this.apiPort="9119",void 0===this.apiProtocol&&(this.apiProtocol=window.location.protocol),void 0===this.apiHostName&&(this.apiHostName=window.location.hostname),void 0===this.apiPort&&(this.apiPort=window.location.port),this.apiHostName.includes("infomud")||this.apiHostName.includes("heroku")?this.baseApiPath=this.apiProtocol+"//"+this.apiHostName+"/":this.baseApiPath=this.apiProtocol+"//"+this.apiHostName+":"+this.apiPort+"/",void 0===this.locale&&(this.locale=navigator.language)}return e=b([Object(o.Injectable)(),y("design:paramtypes",[])],e)}(),x=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},w=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},R=function(){function e(e,t,n,r){this.appConfig=e,this.http=t,this.router=n,this.userInfoService=r}return e.prototype.getHeaders=function(){var e=new s.c,t=this.userInfoService.getStoredToken();return e=e.append("Content-Type","application/json"),null!==t&&(e=e.append("Authorization",t)),e},e.prototype.get=function(e,t){var n=this;return this.http.get(this.appConfig.baseApiPath+e,{headers:this.getHeaders(),params:t}).catch(function(e){return console.log("Some error in catch"),401!==e.status&&403!==e.status||n.router.navigate(["/logout"]),f.Observable.throw(e||"Server error")})},e.prototype.post=function(e,t){var n=this;return this.http.post(this.appConfig.baseApiPath+e,JSON.stringify(t),{headers:this.getHeaders()}).catch(function(e){return 401===e.status&&n.router.navigate(["/logout"]),f.Observable.throw(e||"Server error")})},e.prototype.put=function(e,t){var n=this;return this.http.put(this.appConfig.baseApiPath+e,JSON.stringify(t),{headers:this.getHeaders()}).catch(function(e){return 401===e.status&&n.router.navigate(["/logout"]),f.Observable.throw(e||"Server error")})},e.prototype.delete=function(e){var t=this;return this.http.delete(this.appConfig.baseApiPath+e,{headers:this.getHeaders()}).catch(function(e){return 401===e.status&&t.router.navigate(["/logout"]),f.Observable.throw(e||"Server error")})},e=x([Object(o.Injectable)(),w("design:paramtypes",[v,s.a,u.c,m])],e)}(),O=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},j=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},S=function(){function e(e,t,n){this.router=e,this.userInfoService=t,this.apiRequest=n,this.landingPage="/home/dashboard/order"}return e.prototype.getToken=function(e,t){var n,r=this,o={username:e,password:t},i=new f.Subject;return this.apiRequest.post("session",o).subscribe(function(e){void 0!==e&&null!==e&&"SUCCESS"===e.operationStatus?(n={success:!0,message:e.operationMessage,landingPage:r.landingPage,user:{userId:e.item.userId,email:e.item.emailAddress,displayName:e.item.firstName+" "+e.item.lastName,token:e.item.token}},r.userInfoService.storeUserInfo(JSON.stringify(n.user))):n={success:!1,message:e.msgDesc,landingPage:"/login"},i.next(n)}),i},e.prototype.logout=function(e){void 0===e&&(e=!0),this.userInfoService.removeUserInfo(),e&&this.router.navigate(["logout"])},e=O([Object(o.Injectable)(),j("design:paramtypes",[u.c,m,R])],e)}(),I=(n("Wi6i"),n("+DIC"),n("RSzd"),this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}),D=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},P=function(){function e(e,t,n,r){var o=this;this.router=e,this.activeRoute=t,this.loginService=n,this.userInfoService=r,this.showAppAlert=!1,this.appHeaderItems=[{label:"Dashboard",href:"/home/dashboard",subNav:[{label:"Order Stats",href:"/home/dashboard/order"},{label:"Product Stats",href:"/home/dashboard/product"}]},{label:"Orders",href:"/home/orders",subNav:[]},{label:"Products",href:"/home/products",subNav:[]},{label:"Customers",href:"/home/customers",subNav:[]},{label:"Employees",href:"/home/employees",subNav:[]}],this.selectedHeaderItemIndex=0,this.selectedSubNavItemIndex=1,this.userName="",e.events.filter(function(e){return e instanceof u.b}).map(function(e){return o.router.routerState.root}).map(function(e){for(;e.firstChild;)e=e.firstChild;return e}).mergeMap(function(e){return e.data}).subscribe(function(e){console.log("Route data===: ",e[0]),o.selectedHeaderItemIndex=e[0]?e[0].selectedHeaderItemIndex:-1,o.selectedSubNavItemIndex=e[0]?e[0].selectedSubNavItemIndex:-1}),this.userName=this.userInfoService.getUserName()}return e.prototype.navbarSelectionChange=function(e){},e.prototype.closeAppAlert=function(){this.showAppAlert=!1},e=I([Object(o.Component)({selector:"home-comp",template:n("l71Y"),styles:[n("pHUR")],encapsulation:o.ViewEncapsulation.None}),D("design:paramtypes",[u.c,u.a,S,m])],e)}(),C=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},_=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},k=function(){function e(e,t){this.router=e,this.loginService=t,this.model={},this.errMsg=""}return e.prototype.ngOnInit=function(){this.loginService.logout(!1)},e.prototype.login=function(){var e=this;this.loginService.getToken(this.model.username,this.model.password).subscribe(function(t){void 0!==t.user&&void 0!==t.user.token&&"INVALID"!==t.user.token?e.router.navigate([t.landingPage]):e.errMsg="Username or password is incorrect"},function(t){switch(t.status){case 401:e.errMsg="Username or password is incorrect";break;case 404:e.errMsg="Service not found";case 408:e.errMsg="Request Timedout";case 500:e.errMsg="Internal Server Error";default:e.errMsg="Server Error"}})},e.prototype.onSignUp=function(){this.router.navigate(["signup"])},e=C([Object(o.Component)({selector:"s-login-pg",template:n("C3f6"),styles:[n("b2zX")]}),_("design:paramtypes",[u.c,S])],e)}(),N=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},H=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},L=function(){function e(e,t){this.router=e,this.activatedRoute=t,localStorage.clear()}return e=N([Object(o.Component)({selector:"s-logout-pg",template:n("ahMg"),styles:[n("fhdE")]}),H("design:paramtypes",[u.c,u.a])],e)}(),M=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},T=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},A=function(){function e(){}return e=M([Object(o.Component)({selector:"s-dashboard-pg",template:n("+wTJ"),styles:[n("b8t2")]}),T("design:paramtypes",[])],e)}(),z=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},B=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},q=function(){function e(e){this.appConfig=e}return e.prototype.getDateString=function(e){return new Date(e).toLocaleDateString(this.appConfig.locale,this.appConfig.dateFormat)},e.prototype.getCurrencyString=function(e){return e.toLocaleString(this.appConfig.locale,this.appConfig.currencyFormat)},e=z([Object(o.Injectable)(),B("design:paramtypes",[v])],e)}(),U=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},E=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},F=function(){function e(e,t){this.apiRequest=e,this.translate=t}return e.prototype.getProducts=function(e,t){var n=this,r=new s.d;r=(r=r.append("page","number"==typeof e?e.toString():"0")).append("size","number"==typeof t?t.toString():"1000");var o=new f.Subject;return this.apiRequest.get("api/products",r).subscribe(function(e){var t=e.items.map(function(e,t,r){return Object.assign({},e,{listPrice:n.translate.getCurrencyString(e.listPrice),standardCost:n.translate.getCurrencyString(e.standardCost)})});o.next(t)}),o},e.prototype.getProductStatsByQuantityOrdered=function(){return this.apiRequest.get("api/product-stats-by-quantity")},e=U([Object(o.Injectable)(),E("design:paramtypes",[R,q])],e)}(),Y=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},V=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},J=function(){function e(e,t){this.router=e,this.productService=t,this.productByQuantityData=[],this.barColorScheme={domain:["#007cbb"]}}return e.prototype.ngOnInit=function(){this.getPageData()},e.prototype.getPageData=function(){var e=this;e.productService.getProductStatsByQuantityOrdered().subscribe(function(t){e.productByQuantityData=t.items,console.log("Received Orders By Country")})},e=Y([Object(o.Component)({selector:"s-product_stats-pg",template:n("8c6Q"),styles:[n("kzoI")]}),V("design:paramtypes",[u.c,F])],e)}(),Q=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},G=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},K=function(){function e(e,t){this.apiRequest=e,this.translate=t}return e.prototype.getOrderInfo=function(e,t){var n=this,r=new s.d;r=(r=r.append("page","number"==typeof e?e.toString():"0")).append("size","number"==typeof t?t.toString():"1000");var o=new f.Subject;return this.apiRequest.get("api/orders",r).subscribe(function(e){var t=e.items.map(function(e,t,r){return Object.assign({},e,{orderDate:n.translate.getDateString(e.orderDate),paidDate:n.translate.getDateString(e.paidDate),shippedDate:n.translate.getDateString(e.shippedDate)})});o.next(t)}),o},e.prototype.getOrderDetails=function(e){var t=this,n=new s.d;e&&(n=n.append("orderid",e.toString()));var r=new f.Subject;return this.apiRequest.get("api/order-details",n).subscribe(function(e){var n=e.items.map(function(e,n,r){return Object.assign({},e,{orderDate:t.translate.getDateString(e.orderDate),paidDate:t.translate.getDateString(e.paidDate),shippedDate:t.translate.getDateString(e.shippedDate)})});r.next(n)}),r},e.prototype.getOrderStats=function(e){return this.apiRequest.get("api/order-stats/"+e)},e=Q([Object(o.Injectable)(),G("design:paramtypes",[R,q])],e)}(),X=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Z=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},W=function(){function e(e,t){this.router=e,this.orderService=t,this.view=[460,180],this.ordersByStatusData=[],this.ordersByPaymentData=[],this.ordersByCountryData=[],this.colorScheme={domain:["#007cbb","#61c673","#ff8e28","#ef2e2e"]},this.barColorScheme={domain:["#007cbb"]}}return e.prototype.ngOnInit=function(){this.getPageData()},e.prototype.getPageData=function(){var e=this;e.orderService.getOrderStats("status").mergeMap(function(t){return e.ordersByStatusData=t.items,console.log("Received Orders By Status"),e.orderService.getOrderStats("paytype")}).mergeMap(function(t){return e.ordersByPaymentData=t.items,console.log("Received Orders By Payment Type"),e.orderService.getOrderStats("country")}).subscribe(function(t){e.ordersByCountryData=t.items,console.log("Received Orders By Country")})},e=X([Object(o.Component)({selector:"s-order_stats-pg",template:n("2/c7"),styles:[n("C90b")]}),Z("design:paramtypes",[u.c,K])],e)}(),$=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ee=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},te=function(){function e(e,t){this.router=e,this.productService=t}return e.prototype.ngOnInit=function(){this.getPolicyData(),this.columns=[{prop:"productCode",name:"Code",width:60},{prop:"productName",name:"Name",width:200},{prop:"standardCost",name:"Standard Cost",width:100},{prop:"listPrice",name:"List Price",width:100},{prop:"category",name:"Category",width:100},{prop:"targetLevel",name:"Target Level",width:100},{prop:"reorderLevel",name:"Reorder Level",width:100},{prop:"minimumReorderQuantity",name:"Min Order",width:100},{prop:"discontinued",name:"Discontinued",width:90,cellTemplate:this.productDiscontinuedTpl}]},e.prototype.getPolicyData=function(){var e=this;this.productService.getProducts().subscribe(function(t){e.rows=t})},$([Object(o.ViewChild)("productDiscontinuedTpl"),ee("design:type",o.TemplateRef)],e.prototype,"productDiscontinuedTpl",void 0),e=$([Object(o.Component)({selector:"s-products-pg",template:n("esXr"),styles:[n("1DI4")]}),ee("design:paramtypes",[u.c,F])],e)}(),ne=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},re=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},oe=function(){function e(e,t){this.apiRequest=e,this.translate=t}return e.prototype.getCustomers=function(e,t){var n=new s.d;n=(n=n.append("page","number"==typeof e?e.toString():"0")).append("size","number"==typeof t?t.toString():"1000");var r=new f.Subject;return this.apiRequest.get("api/customers",n).subscribe(function(e){var t=e.items.map(function(e,t,n){return Object.assign({},e,{address:e.address1+", <br/> "+e.city+", "+e.state+" "+e.postalCode+" <br/> "+e.country})}),n=Object.assign({},e,{items:t});r.next(n)}),r},e=ne([Object(o.Injectable)(),re("design:paramtypes",[R,q])],e)}(),ie=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ae=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},se=function(){function e(e,t){this.router=e,this.customerService=t,this.pageSize=10,this.currentPage=0,this.isLastPageLoaded=!1,this.isLoading=!1}return e.prototype.ngOnInit=function(){this.getPageData(),this.columns=[{prop:"id",name:"ID",width:50},{prop:"firstName",name:"First Name",width:120},{prop:"lastName",name:"Last Name",width:120},{prop:"company",name:"Company",width:120},{prop:"email",name:"Email",width:200},{prop:"phone",name:"Phone",width:160},{prop:"address",name:"Address",width:220}]},e.prototype.getPageData=function(e){if(void 0===e&&(e=!1),!1===this.isLastPageLoaded){var t=this;t.isLoading=!0,this.customerService.getCustomers(this.currentPage,this.pageSize).subscribe(function(n){t.isLastPageLoaded=n.last,t.currentPage=n.currentPageNumber+1,t.rows=!0===e?t.rows.concat(n.items):n.items,t.isLoading=!1})}},e.prototype.onScroll=function(){console.log("bottom"),!1===this.isLoading&&this.getPageData(!0)},e=ie([Object(o.Component)({selector:"s-customers-pg",template:n("VgkJ"),styles:[n("gK1X")]}),ae("design:paramtypes",[u.c,oe])],e)}(),ce=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},le=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},de=function(){function e(e,t){this.router=e,this.orderService=t,this.orderByStatusData=[],this.isLoading=!1}return e.prototype.ngOnInit=function(){this.getPageData(),this.columns=[{prop:"orderId",name:"ID",width:65,cellTemplate:this.orderIdTpl},{prop:"orderDate",name:"Order Date",width:105},{prop:"orderStatus",name:"Status",width:85,cellTemplate:this.statusCellTpl},{prop:"customerName",name:"Name",width:150},{prop:"customerEmail",name:"Email",width:200},{prop:"customerCompany",name:"Company",width:110},{prop:"paymentType",name:"Pay Type",width:80},{prop:"paidDate",name:"Pay Date",width:105},{prop:"shippedDate",name:"Ship Date",width:105},{prop:"shipCountry",name:"Ship Country",width:110}]},e.prototype.getPageData=function(){var e=this,t={"On Hold":"#ef2e2e",Shipped:"#ff8e28",Complete:"#61c673",New:"#007cbb"};e.isLoading=!0,e.orderService.getOrderStats("status").mergeMap(function(n){return e.orderByStatusData=n.items.map(function(e,n,r){return{name:e.name,value:e.value,color:t[e.name]}}),console.log("Got Order Stats"),e.orderService.getOrderInfo()}).subscribe(function(t){e.rows=t,e.isLoading=!1,console.log("Got Order Data")})},ce([Object(o.ViewChild)("orderStatusCellTpl"),le("design:type",o.TemplateRef)],e.prototype,"statusCellTpl",void 0),ce([Object(o.ViewChild)("orderIdTpl"),le("design:type",o.TemplateRef)],e.prototype,"orderIdTpl",void 0),e=ce([Object(o.Component)({selector:"s-orders-pg",template:n("FHir"),styles:[n("R31P")]}),le("design:paramtypes",[u.c,K])],e)}(),pe=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ue=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},fe=function(){function e(e,t,n,r){this.route=e,this.router=t,this.formBuilder=n,this.orderService=r,this.orderDetailsRec={id:"",orderLine:[]},this.isOrderOnHold=!1,this.rows=[],this.columns=[{prop:"productName",name:"Product",width:200},{prop:"productCode",name:"Code",width:70},{prop:"category",name:"Category",width:100},{prop:"listPrice",name:"List Price",width:70}]}return e.prototype.ngOnInit=function(){this.frmOrderDetail=this.formBuilder.group({customerName:["",c.e.required],customerEmail:["",c.e.required],customerCompany:["",c.e.required],orderStatus:["",c.e.required],orderDate:["",c.e.required],paymentType:[""],paidDate:[""],shipAddress1:["",c.e.required],shipAddress2:["",c.e.required],shipCity:["",c.e.required],shipCountry:["",c.e.required],shipState:["",c.e.required],shippedDate:["",c.e.required],shippedFee:["",c.e.required]}),this.getData()},e.prototype.getData=function(){var e=this;this.route.params.switchMap(function(t){return e.orderId=t.id,e.orderService.getOrderDetails(t.id)}).subscribe(function(t){console.log("Order details",t[0]),e.frmOrderDetail.setValue({customerName:[t[0].customerName],customerEmail:[t[0].customerEmail],customerCompany:[t[0].customerCompany],orderStatus:[t[0].orderStatus],orderDate:[t[0].orderDate],paymentType:[t[0].paymentType],paidDate:[t[0].paidDate],shipAddress1:[t[0].shipAddress1],shipAddress2:[t[0].shipAddress2],shipCity:[t[0].shipCity],shipCountry:[t[0].shipCountry],shipState:[t[0].shipState],shippedDate:[t[0].shippedDate],shippedFee:[t[0].shippingFee]}),e.orderDetailsRec=t[0]})},e.prototype.goBack=function(){console.log("Back")},e=pe([Object(o.Component)({selector:"s-orders-pg",template:n("zTDT"),styles:[n("wueI")]}),ue("design:paramtypes",[u.a,u.c,c.a,K])],e)}(),he=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ge=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},me=function(){function e(e,t){this.apiRequest=e,this.translate=t}return e.prototype.getEmployees=function(e,t){var n=new s.d;return n=n.append("page","number"==typeof e?e.toString():"0"),n=n.append("size","number"==typeof t?t.toString():"1000"),this.apiRequest.get("api/employees",n)},e=he([Object(o.Injectable)(),ge("design:paramtypes",[R,q])],e)}(),be=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ye=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},ve=function(){function e(e,t){this.router=e,this.employeeService=t}return e.prototype.ngOnInit=function(){this.getPageData(),this.columns=[{prop:"id",name:"ID",width:50},{prop:"firstName",name:"First Name",width:120},{prop:"lastName",name:"Last Name",width:120},{prop:"email",name:"Email",width:250},{prop:"phone",name:"Phone",width:160},{prop:"department",name:"Department",width:220}]},e.prototype.getPageData=function(){var e=this;this.employeeService.getEmployees().subscribe(function(t){e.rows=t.items})},e=be([Object(o.Component)({selector:"s-employees-pg",template:n("JSjx"),styles:[n("Drkw")]}),ye("design:paramtypes",[u.c,me])],e)}(),xe=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},we=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},Re=function(){function e(e,t,n){this.router=e,this.loginService=t,this.userInfoService=n}return e.prototype.canActivate=function(e,t){var n=t.url;return this.checkLogin(n)},e.prototype.canActivateChild=function(e,t){return this.canActivate(e,t)},e.prototype.checkLogin=function(e){return!!this.userInfoService.isLoggedIn()||(this.loginService.landingPage=e,this.router.navigate(["login"]),!1)},e=xe([Object(o.Injectable)(),we("design:paramtypes",[u.c,S,m])],e)}(),Oe=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},je=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},Se=function(){function e(e,t){this.router=e,this.activatedRoute=t,console.log("404 : %s",e.url)}return e=Oe([Object(o.Component)({selector:"page-not-found",template:n("BTuw"),styles:[n("3vpJ")]}),je("design:paramtypes",[u.c,u.a])],e)}(),Ie=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},De=[{path:"",redirectTo:"/home/dashboard/order",pathMatch:"full"},{path:"home",component:P,canActivate:[Re],children:[{path:"",redirectTo:"/home/dashboard/order",pathMatch:"full",data:[{selectedHeaderItemIndex:1,selectedSubNavItemIndex:-1}]},{path:"dashboard",component:A,data:[{selectedHeaderItemIndex:0,selectedSubNavItemIndex:-1}],children:[{path:"",redirectTo:"/home/dashboard/order",pathMatch:"full"},{path:"order",component:W,data:[{selectedHeaderItemIndex:0,selectedSubNavItemIndex:0}]},{path:"product",component:J,data:[{selectedHeaderItemIndex:0,selectedSubNavItemIndex:1}]}]},{path:"orders",component:de,data:[{selectedHeaderItemIndex:1,selectedSubNavItemIndex:-1}]},{path:"orders/:id",component:fe,data:[{selectedHeaderItemIndex:1,selectedSubNavItemIndex:-1}]},{path:"products",component:te,data:[{selectedHeaderItemIndex:2,selectedSubNavItemIndex:-1}]},{path:"customers",component:se,data:[{selectedHeaderItemIndex:3,selectedSubNavItemIndex:-1}]},{path:"employees",component:ve,data:[{selectedHeaderItemIndex:4,selectedSubNavItemIndex:-1}]}]},{path:"login",component:k,data:[{selectedHeaderItemIndex:-1,selectedSubNavItemIndex:-1}]},{path:"logout",component:L,data:[{selectedHeaderItemIndex:-1,selectedSubNavItemIndex:-1}]},{path:"**",component:Se,data:[{selectedHeaderItemIndex:-1,selectedSubNavItemIndex:-1}]}],Pe=function(){function e(){}return e=Ie([Object(o.NgModule)({imports:[u.d.forRoot(De,{useHash:!0})],exports:[u.d],declarations:[Se]})],e)}(),Ce=n("Un6q"),_e=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ke=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},Ne=this&&this.__param||function(e,t){return function(n,r){t(n,r,e)}},He=function(){function e(e){this.document=e,this.bottom=new o.EventEmitter}return e.prototype.track=function(){Math.abs(document.body.scrollHeight-(window.scrollY+window.innerHeight))<=100&&this.bottom.emit(!0)},_e([Object(o.Output)(),ke("design:type",Object)],e.prototype,"bottom",void 0),_e([Object(o.HostListener)("document:scroll",[]),ke("design:type",Function),ke("design:paramtypes",[]),ke("design:returntype",void 0)],e.prototype,"track",null),e=_e([Object(o.Directive)({selector:"[trackScroll]"}),Ne(0,Object(o.Inject)(Ce.DOCUMENT)),ke("design:paramtypes",[Document])],e)}(),Le=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Me=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},Te=function(){function e(){}return e.prototype.ngOnInit=function(){},Le([Object(o.Input)(),Me("design:type",String)],e.prototype,"text",void 0),Le([Object(o.Input)(),Me("design:type",String)],e.prototype,"badgeCls",void 0),e=Le([Object(o.Component)({selector:"s-badge",template:'<span class="s-badge {{badgeCls}}">{{text}}</span>'}),Me("design:paramtypes",[])],e)}(),Ae=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ze=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},Be=function(){function e(){}return Ae([Object(o.Input)(),ze("design:type",Array)],e.prototype,"legend",void 0),e=Ae([Object(o.Component)({selector:"s-legend",styles:[n("OTVk")],template:'\n    <div class="s-legend-wrap">\n        <div *ngFor=" let l of legend " class="s-legend-item">\n        <div  [ngStyle]="{\'background-color\':l.color}" class="s-legend-color"></div>\n        <div class="s-legend-value-wrap">\n            <div class="s-legend-value">{{l.value}}</div>\n            <div class="s-legend-label">{{l.name}}</div>\n        </div>\n        </div>\n    </div>\n    '})],e)}(),qe=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Ue=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},Ee=function(){function e(){this.fontColor="#63666A",this.iconColor="#E3642B"}return qe([Object(o.Input)(),Ue("design:type",Object)],e.prototype,"fontColor",void 0),qe([Object(o.Input)(),Ue("design:type",String)],e.prototype,"iconColor",void 0),e=qe([Object(o.Component)({selector:"s-logo",template:n("Qq/u")})],e)}(),Fe=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Ye=function(){function e(){}return e=Fe([Object(o.Component)({selector:"app-root",template:"<router-outlet></router-outlet>"})],e)}(),Ve=this&&this.__decorate||function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Je=function(){function e(){}return e=Ve([Object(o.NgModule)({imports:[i.BrowserModule,a.a,c.b,c.d,s.b,l.NgxDatatableModule,d.NgxChartsModule,p.a.forChild(),Pe],declarations:[Te,Be,Ee,Ye,P,k,L,A,J,W,te,ve,se,de,fe,He],providers:[Re,m,q,R,S,K,F,oe,me,v],bootstrap:[Ye]})],e)}();Object(o.enableProdMode)(),Object(r.a)().bootstrapModule(Je)},esXr:function(e,t){e.exports='<div class="pad-16">\n\n    <ngx-datatable\n        style=\'width:1000px;\'\n        [rows]="rows"\n        [columns]="columns"\n        [headerHeight]="45"\n        [rowHeight]="\'auto\'"\n        [columnMode]="\'standard\'"\n        [scrollbarV]="false"\n    >\n    </ngx-datatable>\n</div>\n<ng-template #productDiscontinuedTpl let-row="row" let-value="value">\n   <div class="toggle-switch">\n        <input type="checkbox" [attr.checked]="value==1?true:null" checked [id]="row.productCode"/>\n        <label [for]="row.productCode"></label>\n   </div>\n</ng-template>\n\n\n'},fhdE:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,":host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fafafa}",""]),e.exports=e.exports.toString()},gK1X:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,"",""]),e.exports=e.exports.toString()},kzoI:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,"h4{margin-top:16px}.s-product-dash-pg{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s-product-dash-pg .chart-box{margin:16px;padding:0 16px;background-color:#fff;border:1px solid #ccc;border-radius:2px}",""]),e.exports=e.exports.toString()},l71Y:function(e,t){e.exports='<div class="no-margin">  \x3c!-- class="main-container" will create fixed height container --\x3e\n\n    \x3c!--Alert --\x3e\n    <div *ngIf="showAppAlert" class="alert alert-app-level ">\n        <button type="button" class="close" aria-label="Close" (click)="closeAppAlert()">\n            <clr-icon aria-hidden="true" shape="close"></clr-icon>\n        </button>\n        <div class="alert-item">\n            <div class="alert-text">\n                Alert Type: Info\n            </div>\n            <div class="alert-actions">\n                <button class="btn alert-action">Action</button>\n            </div>\n        </div>\n    </div>\n\n    \x3c!-- Main App Header --\x3e\n    <header class="header header-2">\n        <div class="branding">\n            <div style="width:40px;margin-right:10px;"><s-logo></s-logo></div>\n            \x3c!-- clr-icon shape="target" class="is-solid is-inverse"></clr-icon --\x3e\n            <span class="title">SprinGular</span>\n        </div>\n        <div class="header-nav">\n            <a *ngFor="let header of appHeaderItems let idx = index" class="nav-link" [routerLink]="header.href" routerLinkActive="active" ><span class="nav-text">{{ header.label }}</span></a>\n        </div>\n        <div class="header-actions">\n            <label style="line-height: 60px;"> {{userName}}</label>\n            <a [routerLink]="\'/logout\'" class="nav-link nav-text"> <clr-icon shape="power"></clr-icon></a>\n        </div>\n    </header>\n\n    \x3c!-- Sub Nav Item for Header Items --\x3e\n    <nav *ngIf ="appHeaderItems[selectedHeaderItemIndex].subNav && appHeaderItems[selectedHeaderItemIndex].subNav.length > 0 " class="subnav" >\n        <ul class="nav">\n            <li *ngFor="let subNavItem of appHeaderItems[selectedHeaderItemIndex].subNav let idx=index" class="nav-item">\n                <a class="nav-link" [routerLink]="subNavItem.href" routerLinkActive="active" >{{ subNavItem.label }}</a>\n            </li>\n        </ul>\n    </nav>\n    <router-outlet></router-outlet>\n</div>\n'},pHUR:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,"",""]),e.exports=e.exports.toString()},wueI:function(e,t,n){(e.exports=n("rP7Y")(!1)).push([e.i,".order-detail-pg{width:750px}",""]),e.exports=e.exports.toString()},zTDT:function(e,t){e.exports='<div class="order-detail-pg pad-16">\n    <form [formGroup]="frmOrderDetail" novalidate>\n        <h3> Order:{{orderId}} </h3>\n        <br/>\n        <clr-tabs>\n            <clr-tab>\n                <button clrTabLink>Order Line</button>\n                <clr-tab-content>\n                    <br/>\n                    <table class="s-order-header">\n                        <tr><td style="width:125px">Customer     </td> <td> {{orderDetailsRec.customerName}} ({{orderDetailsRec.customerId}}) </td></tr>\n                        <tr><td>Email        </td> <td> {{orderDetailsRec.customerEmail}} </td></tr>\n                        <tr><td>Order Status </td> <td> {{orderDetailsRec.orderStatus}} </td></tr>\n                    </table>\n                    <table class="s-order-line table" style="width:100%;">\n                        <thead>\n                            <tr>\n                                <th class="left" style="width:60px;">Code</th>\n                                <th class="left" style="width:110px;">Line Status</th>\n                                <th class="left" style="width:200px;">Product Name</th>\n                                <th class="left" style="width:150px;">Category</th>\n                                <th class="right" style="width:90px;">Quantity</th>\n                                <th class="right" style="width:90px;">Unit Price</th>\n                                <th style="width:50px;" colspan="2">Actions</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            <tr *ngFor="let o of orderDetailsRec.orderLine">\n                                <td class="left">{{o.productCode}}</td>\n                                <td class="left">{{o.orderItemStatus}}</td>\n                                <td class="left">{{o.productName}}</td>\n                                <td class="left">{{o.category}}</td>\n                                <td class="right">{{o.quantity}}</td>\n                                <td class="right">{{o.unitPrice}}</td>\n                                <td style="width:40px;"><clr-icon shape="edit"  class="is-info"></clr-icon></td>\n                                <td style="width:40px;"><clr-icon shape="trash" class="is-error"></clr-icon></td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </clr-tab-content>\n            </clr-tab>\n\n            <clr-tab>\n                <button clrTabLink>Shipping Info</button>\n                <clr-tab-content>\n                    <section class="form-block" style="margin-top:32px">\n                        <table>\n                            <tr>\n                                <td style="width:125px;">Shipped Date </td>\n                                <td><input colspan="2" type="text" formControlName="shippedDate" style="width:120px"></td>\n                            </tr>\n                            <tr>\n                                <td>Fee</td>\n                                <td colspan="2"><input type="text" formControlName="shippedFee" style="width:60px"> </td>\n                            </tr>\n                            <tr>\n                                <td>Address</td>\n                                <td colspan="2"><input type="text" formControlName="shipAddress1"> </td>\n                            </tr>\n                            <tr>\n                                <td></td>\n                                <td colspan="2"><input type="text" formControlName="shipAddress2"> </td>\n                            </tr>\n                            <tr>\n                                <td>City</td>\n                                <td colspan="2"><input type="text" formControlName="shipCity" style="width:150px"> </td>\n                            </tr>\n                            <tr>\n                                <td>State</td>\n                                <td colspan="2"><input type="text" formControlName="shipState" style="width:150px"> </td>\n                            </tr>\n                            <tr>\n                                <td>Country</td>\n                                <td colspan="2"><input type="text" formControlName="shipCountry" style="width:150px"> </td>\n                            </tr>\n                        </table>\n                    </section>\n                </clr-tab-content>\n            </clr-tab>\n        </clr-tabs>\n    </form>\n    <br/>\n    <button [routerLink]="\'/home/orders\'" type="submit" class="btn btn-primary" >\n        <clr-icon shape="caret left"></clr-icon>Back to Orders\n    </button>\n</div>\n'}},[0]);