8644.41505cbe13926c54c436.js

"use strict";(self.webpackChunkchekt_web_wcs=self.webpackChunkchekt_web_wcs||[]).push([[8644],{18644:(E,C,r)=>{r.r(C),r.d(C,{RetailInvoicesModule:()=>j});var s=r(16274),M=r(93324),b=r(56447),p=r(29535),P=r(76052),l=r.n(P),t=r(42741),f=r(35460),x=r(7611),_=r(43076);function h(e,c){if(1&e&&(t.ynx(0),t.TgZ(1,"div",30),t._uU(2),t.qZA(),t.BQk()),2&e){const n=t.oxw();t.xp6(1),t.Udp("left","calc("+n.recurring.curDayPosition+"% - 10px)"),t.xp6(1),t.Oqu(n.recurring.curDate+1)}}function u(e,c){1&e&&(t.ynx(0),t.TgZ(1,"div",31),t.TgZ(2,"div",32),t.O4$(),t.TgZ(3,"svg",33),t._UZ(4,"circle",34),t.qZA(),t.qZA(),t.qZA(),t.BQk())}function m(e,c){if(1&e){const n=t.EpF();t.TgZ(0,"tr",37),t.TgZ(1,"td"),t._uU(2),t.qZA(),t.TgZ(3,"td",29),t._uU(4),t.qZA(),t.TgZ(5,"td",38),t.TgZ(6,"div",39),t.TgZ(7,"span",40),t.NdJ("click",function(i){const d=t.CHM(n).$implicit,a=t.oxw(2);return i.stopPropagation(),a.moveToDetail(d)}),t._uU(8,"View Detail"),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&e){const n=c.$implicit;t.xp6(2),t.Oqu(n.month),t.xp6(2),t.Oqu(n.event_signal_count)}}function v(e,c){if(1&e&&(t.ynx(0),t.TgZ(1,"div",35),t.TgZ(2,"table"),t.TgZ(3,"colgroup"),t._UZ(4,"col",26),t._UZ(5,"col",27),t._UZ(6,"col",28),t.qZA(),t.TgZ(7,"tbody"),t.YNc(8,m,9,2,"tr",36),t.qZA(),t.qZA(),t.qZA(),t.BQk()),2&e){const n=t.oxw();t.xp6(8),t.Q6J("ngForOf",n.filtered_invoices)}}let w=(()=>{class e{constructor(n,o,i){this.helper=n,this.usersService=o,this.invoicesService=i,this.invoices=[],this.filtered_invoices=[],this.is_loading=!0,this.recurring=new Object}ngOnInit(){this.usersService.getMe().subscribe(n=>{this.me=n,this.fetchInvoices()})}fetchInvoices(){this.is_loading=!0,setTimeout(n=>{this.invoicesService.getInvoiceStatistics(this.me.dealer_id,0,0).subscribe(o=>{this.invoices=o,this.invoices.forEach(i=>{this.parseDate(i)}),this.filtered_invoices=this.invoices,this.is_loading=!1},o=>{console.log("get invoice list error"),console.log(o),this.invoices=[],this.is_loading=!1}),this.getReccuring()},500)}getReccuring(){this.invoicesService.getInvoiceRecurring(this.me.dealer_id,{currency_id:1}).subscribe(o=>{this.recurring=o;const i=l()(this.recurring.begin_period.split("T")[0]).daysInMonth();this.recurring.beginDate=l()(this.recurring.begin_period.split("T")[0]).format("M/D"),this.recurring.endDate=l()(this.recurring.begin_period.split("T")[0]).endOf("month").format("D"),this.recurring.curDate=l()(this.recurring.end_period.split("T")[0]).date()-l()(this.recurring.begin_period.split("T")[0]).date();const g=i-l()(this.recurring.begin_period.split("T")[0]).date();this.recurring.curDayPosition=Math.floor(this.recurring.curDate/g*100)})}parseDate(n){const o=n.timestamp.toString(),i=l()(o,"YYYYMM"),g=i.format("MMM YYYY");n.month=g,n.unixTime=i.unix()}moveToDetail(n){this.helper.router.navigate_to(`/settings/retail-statistics/${n.timestamp}/detail`)}moveToRealtime(){this.helper.router.navigate_to("/settings/retail-statistics/real-time")}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(f.W),t.Y36(x.f),t.Y36(_.x))},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-retail-invoices"]],decls:57,vars:8,consts:[[1,"container"],[1,"full-widget"],[1,"header"],[1,"title",2,"flex","0.5"],[1,"space",2,"flex","0.5"],[1,"this-month-container"],[1,"this-month-layout"],[2,"display","flex"],[1,"this-month-amount"],[1,"label"],[2,"margin-top","10px"],[1,"amount"],[1,"spt-line",2,"height","77px","border","solid .7px #d1d2d2"],[1,"this-month-billdate"],[2,"display","flex","margin-top","10px"],[2,"width","25px","text-align","center","margin-right","8px"],[1,"billdate"],[1,"bill-box"],[1,"bill-percent"],[4,"ngIf"],[2,"width","25px","text-align","center"],[1,"this-month-detail-box"],[1,"this-month-detail-inner"],[2,"margin-top","5px"],[1,"label-btn",3,"click"],[1,"table-header"],["width","45%"],["width","30%"],["width","25%"],[2,"text-align","right"],[1,"bill-curdate"],[1,"table-loading"],[1,"loader"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"],[1,"table-body"],["class","has-child","style","cursor:default",4,"ngFor","ngForOf"],[1,"has-child",2,"cursor","default"],[1,"invoice-btn-field"],[2,"display","flex","justify-content","flex-end"],[1,"link",3,"click"]],template:function(n,o){1&n&&(t.TgZ(0,"div",0),t.TgZ(1,"div",1),t.TgZ(2,"div",2),t.TgZ(3,"div",3),t._uU(4,"Current month-to-date statistics"),t.qZA(),t._UZ(5,"div",4),t.qZA(),t.TgZ(6,"div",5),t.TgZ(7,"div",6),t.TgZ(8,"div",7),t.TgZ(9,"div",8),t.TgZ(10,"div"),t.TgZ(11,"span",9),t._uU(12,"Estimated Event Signal"),t.qZA(),t.qZA(),t.TgZ(13,"div",10),t.TgZ(14,"span",11),t._uU(15),t.qZA(),t.qZA(),t.qZA(),t._UZ(16,"div",12),t.TgZ(17,"div",13),t.TgZ(18,"div"),t.TgZ(19,"span",9),t._uU(20,"Date"),t.qZA(),t.qZA(),t.TgZ(21,"div",14),t.TgZ(22,"div",15),t.TgZ(23,"span",16),t._uU(24),t.qZA(),t.qZA(),t.TgZ(25,"div",17),t._UZ(26,"div",18),t.YNc(27,h,3,3,"ng-container",19),t.qZA(),t.TgZ(28,"div",20),t.TgZ(29,"span",16),t._uU(30),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(31,"div",21),t.TgZ(32,"div",22),t.TgZ(33,"div"),t.TgZ(34,"span",9),t._uU(35,"Curious about signals so far?"),t.qZA(),t.qZA(),t.TgZ(36,"div",23),t.TgZ(37,"span",24),t.NdJ("click",function(){return o.moveToRealtime()}),t._uU(38,"View details"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(39,"div",2),t.TgZ(40,"div",3),t._uU(41,"Monthly Statistics"),t.qZA(),t._UZ(42,"div",4),t.qZA(),t.TgZ(43,"table",25),t.TgZ(44,"colgroup"),t._UZ(45,"col",26),t._UZ(46,"col",27),t._UZ(47,"col",28),t.qZA(),t.TgZ(48,"thead"),t.TgZ(49,"tr"),t.TgZ(50,"th"),t._uU(51,"Date"),t.qZA(),t.TgZ(52,"th",29),t._uU(53,"Signals"),t.qZA(),t._UZ(54,"th"),t.qZA(),t.qZA(),t.qZA(),t.YNc(55,u,5,0,"ng-container",19),t.YNc(56,v,9,1,"ng-container",19),t.qZA(),t.qZA()),2&n&&(t.xp6(15),t.Oqu(o.recurring.occur_total_event_count),t.xp6(9),t.Oqu(o.recurring.beginDate),t.xp6(2),t.Udp("width",o.recurring.curDayPosition+"%"),t.xp6(1),t.Q6J("ngIf",o.recurring.curDate),t.xp6(3),t.Oqu(o.recurring.endDate),t.xp6(25),t.Q6J("ngIf",o.is_loading),t.xp6(1),t.Q6J("ngIf",!o.is_loading))},directives:[s.O5,s.sg],styles:['[_nghost-%COMP%]{width:100%;height:100%}.container[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:row;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none}.full-widget[_ngcontent-%COMP%]{min-width:600px;max-width:1200px;width:100%;margin:12px 12px 40px;padding:32px;flex:1;background:white;display:flex;flex-direction:column;overflow:auto}.full-widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{margin-bottom:14px;font-size:20px;display:flex;flex-direction:row;align-items:center}.full-widget[_ngcontent-%COMP%]   .space[_ngcontent-%COMP%]{flex:1}.full-widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]{padding:32px;text-align:center}.table-loading[_ngcontent-%COMP%]   .loading-image[_ngcontent-%COMP%]{width:48px;height:16px}.full-widget[_ngcontent-%COMP%]   .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay}.full-widget[_ngcontent-%COMP%]   .table-header[_ngcontent-%COMP%]{margin-bottom:2px;border-bottom:1px solid #f0f0f0;color:#252525;font-size:14px}.full-widget[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.full-widget[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f7f7f7}.full-widget[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px;color:#252525;text-transform:capitalize;text-align:left;font-size:14px}.full-widget[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0}.full-widget[_ngcontent-%COMP%]   .has-child[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.full-widget[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px;color:#555;font-size:14px}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:not-allowed;pointer-events:none}.full-widget[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{vertical-align:middle}.search[_ngcontent-%COMP%]{margin:0 16px;padding:12px 12px 12px 36px;box-sizing:border-box;border:0;border-bottom:2px solid #ddd;background-color:transparent;background-image:url(/assets/icons/ic_search_72pt.png);background-size:24px;background-position:4px 8px;background-repeat:no-repeat;transition:.3s}.search[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #777}.modal[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{padding:8px;margin-bottom:8px;display:flex;flex-direction:row;align-items:center}.modal[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:14px}.modal[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]{padding:8px 0}.form-group[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;margin-bottom:16px}.form-group[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin-top:8px;padding:8px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#2383e2}.form-inline[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:row}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:8px}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:8px}.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{flex:1;background:white;box-sizing:border-box;margin:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.tail[_ngcontent-%COMP%]{padding:16px 8px 0 0;display:flex;flex-direction:row-reverse}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.tail[_ngcontent-%COMP%]   .flat-button[_ngcontent-%COMP%]{background:rgba(0,0,0,0);color:#333}.tab-group[_ngcontent-%COMP%]{display:flex;flex-direction:row}.tab[_ngcontent-%COMP%]{border:1px solid rgba(255,255,255,0);border-top:2px solid rgba(255,255,255,0);border-bottom:none;font-size:12px;font-weight:bold;color:#aaa;transition:.2s;padding:8px 24px}.tab[_ngcontent-%COMP%]:hover{color:#333;cursor:pointer}.tab-active[_ngcontent-%COMP%]{border:1px solid #eee;border-top:2px solid #2383e2;border-bottom:none;color:#333}.status-label[_ngcontent-%COMP%]{font-size:12px;font-weight:bold;border-radius:4px;padding:4px 8px}.status-normal[_ngcontent-%COMP%]{background:#ccc;color:#fff}.status-warning[_ngcontent-%COMP%]{background:crimson;color:#fff}.status-unpaid[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.status-success[_ngcontent-%COMP%]{background:green;color:#fff}.status-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.invoice-body[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:16px;padding:32px;background:white;box-sizing:border-box;width:800px;display:block;transition:.2s;align-items:center}.invoice-menu[_ngcontent-%COMP%]{margin:16px}.customer-info[_ngcontent-%COMP%]{flex:1;position:relative;padding-bottom:8px}.invoice-info[_ngcontent-%COMP%]{flex:1;text-align:right;padding-left:64px}.info-item[_ngcontent-%COMP%]{margin:8px 0;font-size:14px}.invoice-items[_ngcontent-%COMP%]{margin-top:18px}.select-dealer[_ngcontent-%COMP%]{width:80%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #2383e2;color:#2383e2;cursor:pointer;transition:.2s}.select-dealer[_ngcontent-%COMP%]:hover{background:rgba(30,144,255,.1)}.invoice-summary[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:16px}.invoice-summary[_ngcontent-%COMP%]   .space[_ngcontent-%COMP%]{flex:1}.invoice-summary[_ngcontent-%COMP%]   .summary[_ngcontent-%COMP%]{flex:1}.invoice-summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%}.invoice-summary[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:8px;text-align:right;font-size:14px}.invoice-summary[_ngcontent-%COMP%]   .total[_ngcontent-%COMP%]{font-weight:bold}.invoice-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:4px 8px}.invoice-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.step-bar[_ngcontent-%COMP%]{padding:32px;display:flex;flex-direction:row}.step-bar[_ngcontent-%COMP%]   .step[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-right:32px;cursor:pointer}.step-circle[_ngcontent-%COMP%]{background:#999;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.step-label[_ngcontent-%COMP%]{margin-left:16px;color:#999;font-size:14px}.step-circle-active[_ngcontent-%COMP%]{background:#2383e2}.step-label-active[_ngcontent-%COMP%]{color:#2383e2}.invoice-items[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse;border-color:#e9e9e9;border-style:solid;border-width:2px}.invoice-items[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f0f0f0}.invoice-items[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even){background:#f7f7f7}.invoice-items[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px 8px;color:#555;font-size:14px;position:relative}.invoice-items[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #E9E9E9}.invoice-items[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px 8px;color:#999;text-transform:capitalize;text-align:left;font-size:12px}.invoice-items[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #bbb}.invoice-items[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border:1px solid #2383e2;outline:none}.invoice-items[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{text-align:right}.add-an-item[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0;padding:12px 8px;text-align:center;font-size:14px}.add-an-item[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.invoice-body[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.invoice-body[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:hover{background-color:#51a8ff}.invoice-body.button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.invoice-body.button-succeed[_ngcontent-%COMP%]{background-color:green;cursor:default}.invoice-body.button-succeed[_ngcontent-%COMP%]:hover{background-color:green}.invoice-title[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-bottom:36px}.invoice-title[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:20px;flex:1}.form-list[_ngcontent-%COMP%]{margin:8px;padding:4px;font-size:14px;color:#333}.form-list[_ngcontent-%COMP%]   .list-item[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0;padding:8px 0}.form-list[_ngcontent-%COMP%]   .list-item[_ngcontent-%COMP%]:hover{background:#f0f0f0;cursor:pointer}.customer-name[_ngcontent-%COMP%]{font-weight:bold;font-size:16px;padding:8px 0}.customer-detail[_ngcontent-%COMP%]{font-size:14px;color:#555}.sel-diff-dealer[_ngcontent-%COMP%]{font-weight:bold;color:#2383e2;margin-top:16px;cursor:pointer;font-size:14px}.invoice-info[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%}.invoice-info[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:8px;text-align:right;font-size:14px}.invoice-summary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:80px;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #bbb}.invoice-summary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border:1px solid #2383e2;outline:none}.invoice-summary[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{text-align:right}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.item-name[_ngcontent-%COMP%]{display:"table-cell";height:20px;margin:0}.sub-item[_ngcontent-%COMP%]{height:20px;display:table-cell;text-align:right;width:400px;vertical-align:middle}.flex-row[_ngcontent-%COMP%]{display:flex;flex-direction:row}.price[_ngcontent-%COMP%]{display:table-cell;text-align:right;padding-right:30%;width:100%}.invoice-title[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-bottom:48px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]{font-size:20px;flex:1}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]{margin:16px 0;font-size:12px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-item[_ngcontent-%COMP%]{font-size:11px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .email[_ngcontent-%COMP%]{font-size:16px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .contents[_ngcontent-%COMP%]{font-size:13px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]{font-size:20px;flex:1}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]{font-size:12px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-item[_ngcontent-%COMP%]{font-size:11px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-size:14px;font-weight:bold}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-contents[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .line[_ngcontent-%COMP%]{margin:2px 0;border-bottom:1px solid #ccc}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .line.bold[_ngcontent-%COMP%]{border-bottom:2px solid #ccc}.invoice-informations[_ngcontent-%COMP%]{display:flex;flex-direction:row}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]{flex:1;position:relative;padding-bottom:8px}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-title[_ngcontent-%COMP%]{font-weight:bold;font-size:16px;padding:8px 0}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents[_ngcontent-%COMP%]{font-size:12px;color:#555}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents.small[_ngcontent-%COMP%]{font-size:10px}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents.big[_ngcontent-%COMP%]{font-size:11px;color:#000}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-noti[_ngcontent-%COMP%]{font-size:11px;color:#000;font-weight:bold}.pay[_ngcontent-%COMP%]{text-align:left;margin:4px 0 16px;padding:8px 8px 8px 56px;background:white;box-shadow:0 0 10px #888;width:800px}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:hover{background-color:#51a8ff}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.pay[_ngcontent-%COMP%]   .button.highlight[_ngcontent-%COMP%]{opacity:.8;border-color:#1f8fff;background-color:#1f8fff;color:#fff;box-shadow:0 2px 8px #999}.pay[_ngcontent-%COMP%]   .button-succeed[_ngcontent-%COMP%]{background-color:green;cursor:default}.pay[_ngcontent-%COMP%]   .button-succeed[_ngcontent-%COMP%]:hover{background-color:green}.link[_ngcontent-%COMP%]{min-width:65px;height:24px;padding:0 7px;color:#2383e2;background:#fff;border-radius:5px;border:solid 1px #1e90ff;font-size:14px;transition:.2s;display:flex;justify-content:center;align-items:center;cursor:pointer}.link[_ngcontent-%COMP%]:hover{background:#1e90ff;color:#fff}.this-month-container[_ngcontent-%COMP%]{height:117px;width:100%;margin-bottom:50px;background:#f7f7f7}.this-month-container[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-size:14px;color:#494949;font-weight:500;letter-spacing:-.1px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]{display:flex;height:calc(100% - 40px);padding:20px 30px;justify-content:space-between}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-amount[_ngcontent-%COMP%]{padding-top:15px;padding-right:50px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-amount[_ngcontent-%COMP%]   .amount[_ngcontent-%COMP%]{font-size:22px;color:#252525;letter-spacing:.6px;font-weight:500}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]{padding-top:15px;padding-left:30px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .billdate[_ngcontent-%COMP%]{color:#979797;font-size:13px;font-weight:500}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]{height:18px;width:120px;background:#d1d2d2;position:relative}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]   .bill-percent[_ngcontent-%COMP%]{position:absolute;transition:.5s;left:0;height:100%;width:0%;background:#f5a623}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]   .bill-curdate[_ngcontent-%COMP%]{width:20px;text-align:center;position:absolute;top:100%;left:0%;padding-top:3px;font-size:15px;font-weight:500;color:#494949}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]{width:300px;height:100%;background-color:#ededed}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]{padding:18px 30px}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]   .label-btn[_ngcontent-%COMP%]{font-size:14px;font-weight:500;color:#2694ff;cursor:pointer}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]   .label-btn[_ngcontent-%COMP%]:hover{text-decoration:underline}.invoice-btn-field[_ngcontent-%COMP%]{text-align:center;color:#2383e2;padding:8px;height:26px;justify-content:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}']}),e})();var y=r(27787),O=r(56880);function Z(e,c){1&e&&(t.ynx(0),t.TgZ(1,"div",3),t.TgZ(2,"div",4),t.O4$(),t.TgZ(3,"svg",5),t._UZ(4,"circle",6),t.qZA(),t.qZA(),t.qZA(),t.BQk())}function k(e,c){if(1&e&&(t.ynx(0),t.TgZ(1,"span"),t._uU(2),t.qZA(),t.BQk()),2&e){const n=t.oxw().$implicit;t.xp6(2),t.hij("(# ",n.account_number,")")}}function T(e,c){if(1&e&&(t.TgZ(0,"tr"),t.TgZ(1,"td"),t._uU(2),t.YNc(3,k,3,1,"ng-container",2),t.qZA(),t._UZ(4,"td",29),t.TgZ(5,"td",29),t._uU(6),t.qZA(),t.qZA()),2&e){const n=c.$implicit;t.xp6(2),t.hij("",n.site_name," "),t.xp6(1),t.Q6J("ngIf",n.account_number),t.xp6(3),t.Oqu(n.event_signal_count)}}function z(e,c){if(1&e){const n=t.EpF();t.ynx(0),t.TgZ(1,"div",7),t.TgZ(2,"div",8),t.NdJ("click",function(){return t.CHM(n),t.oxw().gotoList()}),t.TgZ(3,"i",9),t._uU(4,"keyboard_backspace"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(5,"div",10),t.TgZ(6,"div",11),t.TgZ(7,"div",12),t.TgZ(8,"div",13),t.TgZ(9,"div",14),t.TgZ(10,"div",15),t._uU(11,"Dealer E-mail"),t.qZA(),t.TgZ(12,"div",16),t._uU(13),t.qZA(),t.qZA(),t.TgZ(14,"div",14),t.TgZ(15,"div",15),t._uU(16,"Address"),t.qZA(),t.TgZ(17,"div",17),t._uU(18),t.qZA(),t.TgZ(19,"div",17),t._uU(20),t.qZA(),t.TgZ(21,"div",17),t._uU(22),t.qZA(),t.qZA(),t.qZA(),t.TgZ(23,"div",18),t.TgZ(24,"div"),t._uU(25,"Services Month-to-date Signals"),t.qZA(),t.TgZ(26,"div",14),t._UZ(27,"div",19),t.TgZ(28,"div",20),t._uU(29,"Summary"),t.qZA(),t._UZ(30,"div",21),t.TgZ(31,"div",22),t.TgZ(32,"div"),t.TgZ(33,"b"),t._uU(34),t.qZA(),t.qZA(),t.TgZ(35,"div"),t.TgZ(36,"b"),t._uU(37),t.qZA(),t.qZA(),t.qZA(),t._UZ(38,"div",19),t.qZA(),t.qZA(),t.qZA(),t.TgZ(39,"div",23),t.TgZ(40,"div",24),t.TgZ(41,"div",25),t._uU(42),t.qZA(),t.qZA(),t.qZA(),t.TgZ(43,"div",26),t.TgZ(44,"table"),t.TgZ(45,"colgroup"),t._UZ(46,"col",27),t._UZ(47,"col",28),t._UZ(48,"col",28),t.qZA(),t.TgZ(49,"thead"),t.TgZ(50,"tr"),t.TgZ(51,"th"),t._uU(52,"Site"),t.qZA(),t._UZ(53,"th",29),t.TgZ(54,"th",29),t._uU(55,"Event Count"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(56,"tbody"),t.YNc(57,T,7,3,"tr",30),t.qZA(),t.qZA(),t.qZA(),t.TgZ(58,"div",26),t.TgZ(59,"table"),t.TgZ(60,"colgroup"),t._UZ(61,"col",27),t._UZ(62,"col",28),t._UZ(63,"col",28),t.qZA(),t.TgZ(64,"thead"),t.TgZ(65,"tr"),t.TgZ(66,"th"),t._uU(67,"Summary"),t.qZA(),t._UZ(68,"th"),t._UZ(69,"th"),t.qZA(),t.qZA(),t.TgZ(70,"tbody"),t.TgZ(71,"tr"),t.TgZ(72,"td",31),t.TgZ(73,"div"),t._uU(74,"Total Site Count"),t.qZA(),t.qZA(),t._UZ(75,"td",31),t.TgZ(76,"td",31),t.TgZ(77,"div",29),t._uU(78),t.qZA(),t.qZA(),t.qZA(),t.TgZ(79,"tr",32),t.TgZ(80,"td",31),t.TgZ(81,"div"),t._uU(82,"Total Event Signal for this Month-to-date"),t.qZA(),t.qZA(),t._UZ(83,"td",31),t.TgZ(84,"td",31),t.TgZ(85,"div",29),t._uU(86),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t._UZ(87,"div",33),t.qZA(),t.qZA(),t.BQk()}if(2&e){const n=t.oxw();t.xp6(13),t.Oqu(n.dealerInfo.company_email),t.xp6(5),t.Oqu(n.dealerInfo.company_name),t.xp6(2),t.Oqu(n.dealerInfo.company_address1),t.xp6(2),t.Oqu(n.dealerInfo.company_address2),t.xp6(12),t.hij("TOTAL SIGNALS DUE ON ",n.commonService.summaryDate(n.invoiceData.end_period),""),t.xp6(3),t.Oqu(n.invoiceData.event_signal_count),t.xp6(5),t.hij("Month-to-date is for the signals ",n.commonService.periodBillDate(n.invoiceData.begin_period,n.invoiceData.end_period),""),t.xp6(15),t.Q6J("ngForOf",n.invoiceData.sites),t.xp6(21),t.Oqu(n.invoiceData.totalSiteCount),t.xp6(8),t.Oqu(null!=n.invoiceData&&n.invoiceData.event_signal_count?n.invoiceData.event_signal_count:0)}}let q=(()=>{class e{constructor(n,o,i,g,d,a){this.helper=n,this.invoicesService=o,this.dealerService=i,this.usersService=g,this.commonService=d,this.route=a,this.invoices=[],this.filtered_invoices=[],this.isLoading=!0,this.isDetail=!1,this.dealerInfo={},this.invoiceData=new Object}ngOnInit(){this.route.queryParams.subscribe(n=>{this.isLoading=!0,this.month=parseInt(this.route.snapshot.paramMap.get("id"),10);const o=this.month.toString(),i=l()(o,"YYYYMM").utcOffset(0,!0);this.monthUnix=i.unix(),this.fetchDatas()})}gotoList(){this.helper.router.navigate_to("/settings/retail-statistics")}fetchDealerInfo(){this.dealerService.getDealerInfo(this.me.dealer_id).subscribe(o=>{o[0]&&(this.dealerInfo=o[0])})}fetchDatas(){this.usersService.getMe().subscribe(n=>{if(this.me=n,this.fetchDealerInfo(),this.month){const o=this.monthUnix;this.invoicesService.getInvoiceStatisticsDetail(this.me.dealer_id,o,o).subscribe(i=>{this.parseData(i),this.isLoading=!1},i=>{this.isLoading=!1})}})}parseData(n){let o=n;this.invoiceData.sites=n,this.invoiceData.totalSiteCount=o.length;let i=0;o.forEach(a=>{a.event_signal_count=a.event_signal_count||0,i+=a.event_signal_count,console.log(i)}),this.invoiceData.event_signal_count=i;const g=l().unix(this.monthUnix).format("YYYY-MM-DD 00:00:00"),d=l().unix(this.monthUnix).endOf("month").format("YYYY-MM-DD 23:59:59");this.invoiceData.begin_period=g,this.invoiceData.end_period=d}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(f.W),t.Y36(_.x),t.Y36(y.X),t.Y36(x.f),t.Y36(O.v),t.Y36(p.gz))},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-retail-invoice"]],decls:4,vars:2,consts:[[1,"container"],[1,"container-center"],[4,"ngIf"],[1,"table-loading",2,"position","fixed","top","calc(50% - 25px)"],[1,"loader"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"],[1,"side-btn-area"],[1,"side-btn",3,"click"],[1,"material-icons"],[1,"center-screen"],[1,"invoice-body"],[1,"invoice-title",2,"margin-bottom","24px"],[1,"title-left"],[1,"title-item-box"],[1,"title-item"],[1,"email"],[1,"contents"],[1,"title-right"],[1,"line","bold"],[1,"label"],[1,"line"],[1,"title-contents"],[1,"invoice-informations"],[1,"invoice-info-box"],[1,"invoice-info-title"],[1,"invoice-items"],["width","60%"],["width","20%"],[2,"text-align","right"],[4,"ngFor","ngForOf"],[2,"padding","8px 8px"],[2,"background-color","#cccc99"],[2,"margin-top","12px"]],template:function(n,o){1&n&&(t.TgZ(0,"div",0),t.TgZ(1,"div",1),t.YNc(2,Z,5,0,"ng-container",2),t.YNc(3,z,88,10,"ng-container",2),t.qZA(),t.qZA()),2&n&&(t.xp6(2),t.Q6J("ngIf",o.isLoading),t.xp6(1),t.Q6J("ngIf",!o.isLoading))},directives:[s.O5,s.sg],styles:['[_nghost-%COMP%]{width:100%;height:100%}.container[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:row;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none}.full-widget[_ngcontent-%COMP%]{min-width:600px;max-width:1200px;width:100%;margin:12px 12px 40px;padding:32px;flex:1;background:white;display:flex;flex-direction:column;overflow:auto}.full-widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{margin-bottom:14px;font-size:20px;display:flex;flex-direction:row;align-items:center}.full-widget[_ngcontent-%COMP%]   .space[_ngcontent-%COMP%]{flex:1}.full-widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]{padding:32px;text-align:center}.table-loading[_ngcontent-%COMP%]   .loading-image[_ngcontent-%COMP%]{width:48px;height:16px}.full-widget[_ngcontent-%COMP%]   .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay}.full-widget[_ngcontent-%COMP%]   .table-header[_ngcontent-%COMP%]{margin-bottom:2px;border-bottom:1px solid #f0f0f0;color:#252525;font-size:14px}.full-widget[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.full-widget[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f7f7f7}.full-widget[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px;color:#252525;text-transform:capitalize;text-align:left;font-size:14px}.full-widget[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0}.full-widget[_ngcontent-%COMP%]   .has-child[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.full-widget[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px;color:#555;font-size:14px}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:not-allowed;pointer-events:none}.full-widget[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{vertical-align:middle}.search[_ngcontent-%COMP%]{margin:0 16px;padding:12px 12px 12px 36px;box-sizing:border-box;border:0;border-bottom:2px solid #ddd;background-color:transparent;background-image:url(/assets/icons/ic_search_72pt.png);background-size:24px;background-position:4px 8px;background-repeat:no-repeat;transition:.3s}.search[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #777}.modal[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{padding:8px;margin-bottom:8px;display:flex;flex-direction:row;align-items:center}.modal[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:14px}.modal[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]{padding:8px 0}.form-group[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;margin-bottom:16px}.form-group[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin-top:8px;padding:8px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#2383e2}.form-inline[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:row}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:8px}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:8px}.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{flex:1;background:white;box-sizing:border-box;margin:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.tail[_ngcontent-%COMP%]{padding:16px 8px 0 0;display:flex;flex-direction:row-reverse}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.tail[_ngcontent-%COMP%]   .flat-button[_ngcontent-%COMP%]{background:rgba(0,0,0,0);color:#333}.tab-group[_ngcontent-%COMP%]{display:flex;flex-direction:row}.tab[_ngcontent-%COMP%]{border:1px solid rgba(255,255,255,0);border-top:2px solid rgba(255,255,255,0);border-bottom:none;font-size:12px;font-weight:bold;color:#aaa;transition:.2s;padding:8px 24px}.tab[_ngcontent-%COMP%]:hover{color:#333;cursor:pointer}.tab-active[_ngcontent-%COMP%]{border:1px solid #eee;border-top:2px solid #2383e2;border-bottom:none;color:#333}.status-label[_ngcontent-%COMP%]{font-size:12px;font-weight:bold;border-radius:4px;padding:4px 8px}.status-normal[_ngcontent-%COMP%]{background:#ccc;color:#fff}.status-warning[_ngcontent-%COMP%]{background:crimson;color:#fff}.status-unpaid[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.status-success[_ngcontent-%COMP%]{background:green;color:#fff}.status-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.invoice-body[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:16px;padding:32px;background:white;box-sizing:border-box;width:800px;display:block;transition:.2s;align-items:center}.invoice-menu[_ngcontent-%COMP%]{margin:16px}.customer-info[_ngcontent-%COMP%]{flex:1;position:relative;padding-bottom:8px}.invoice-info[_ngcontent-%COMP%]{flex:1;text-align:right;padding-left:64px}.info-item[_ngcontent-%COMP%]{margin:8px 0;font-size:14px}.invoice-items[_ngcontent-%COMP%]{margin-top:18px}.select-dealer[_ngcontent-%COMP%]{width:80%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #2383e2;color:#2383e2;cursor:pointer;transition:.2s}.select-dealer[_ngcontent-%COMP%]:hover{background:rgba(30,144,255,.1)}.invoice-summary[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:16px}.invoice-summary[_ngcontent-%COMP%]   .space[_ngcontent-%COMP%]{flex:1}.invoice-summary[_ngcontent-%COMP%]   .summary[_ngcontent-%COMP%]{flex:1}.invoice-summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%}.invoice-summary[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:8px;text-align:right;font-size:14px}.invoice-summary[_ngcontent-%COMP%]   .total[_ngcontent-%COMP%]{font-weight:bold}.invoice-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:4px 8px}.invoice-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.step-bar[_ngcontent-%COMP%]{padding:32px;display:flex;flex-direction:row}.step-bar[_ngcontent-%COMP%]   .step[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-right:32px;cursor:pointer}.step-circle[_ngcontent-%COMP%]{background:#999;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.step-label[_ngcontent-%COMP%]{margin-left:16px;color:#999;font-size:14px}.step-circle-active[_ngcontent-%COMP%]{background:#2383e2}.step-label-active[_ngcontent-%COMP%]{color:#2383e2}.invoice-items[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse;border-color:#e9e9e9;border-style:solid;border-width:2px}.invoice-items[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f0f0f0}.invoice-items[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even){background:#f7f7f7}.invoice-items[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px 8px;color:#555;font-size:14px;position:relative}.invoice-items[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #E9E9E9}.invoice-items[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px 8px;color:#999;text-transform:capitalize;text-align:left;font-size:12px}.invoice-items[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #bbb}.invoice-items[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border:1px solid #2383e2;outline:none}.invoice-items[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{text-align:right}.add-an-item[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0;padding:12px 8px;text-align:center;font-size:14px}.add-an-item[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.invoice-body[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.invoice-body[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:hover{background-color:#51a8ff}.invoice-body.button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.invoice-body.button-succeed[_ngcontent-%COMP%]{background-color:green;cursor:default}.invoice-body.button-succeed[_ngcontent-%COMP%]:hover{background-color:green}.invoice-title[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-bottom:36px}.invoice-title[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:20px;flex:1}.form-list[_ngcontent-%COMP%]{margin:8px;padding:4px;font-size:14px;color:#333}.form-list[_ngcontent-%COMP%]   .list-item[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0;padding:8px 0}.form-list[_ngcontent-%COMP%]   .list-item[_ngcontent-%COMP%]:hover{background:#f0f0f0;cursor:pointer}.customer-name[_ngcontent-%COMP%]{font-weight:bold;font-size:16px;padding:8px 0}.customer-detail[_ngcontent-%COMP%]{font-size:14px;color:#555}.sel-diff-dealer[_ngcontent-%COMP%]{font-weight:bold;color:#2383e2;margin-top:16px;cursor:pointer;font-size:14px}.invoice-info[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%}.invoice-info[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:8px;text-align:right;font-size:14px}.invoice-summary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:80px;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #bbb}.invoice-summary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border:1px solid #2383e2;outline:none}.invoice-summary[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{text-align:right}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.item-name[_ngcontent-%COMP%]{display:"table-cell";height:20px;margin:0}.sub-item[_ngcontent-%COMP%]{height:20px;display:table-cell;text-align:right;width:400px;vertical-align:middle}.flex-row[_ngcontent-%COMP%]{display:flex;flex-direction:row}.price[_ngcontent-%COMP%]{display:table-cell;text-align:right;padding-right:30%;width:100%}.invoice-title[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-bottom:48px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]{font-size:20px;flex:1}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]{margin:16px 0;font-size:12px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-item[_ngcontent-%COMP%]{font-size:11px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .email[_ngcontent-%COMP%]{font-size:16px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .contents[_ngcontent-%COMP%]{font-size:13px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]{font-size:20px;flex:1}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]{font-size:12px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-item[_ngcontent-%COMP%]{font-size:11px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-size:14px;font-weight:bold}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-contents[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .line[_ngcontent-%COMP%]{margin:2px 0;border-bottom:1px solid #ccc}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .line.bold[_ngcontent-%COMP%]{border-bottom:2px solid #ccc}.invoice-informations[_ngcontent-%COMP%]{display:flex;flex-direction:row}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]{flex:1;position:relative;padding-bottom:8px}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-title[_ngcontent-%COMP%]{font-weight:bold;font-size:16px;padding:8px 0}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents[_ngcontent-%COMP%]{font-size:12px;color:#555}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents.small[_ngcontent-%COMP%]{font-size:10px}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents.big[_ngcontent-%COMP%]{font-size:11px;color:#000}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-noti[_ngcontent-%COMP%]{font-size:11px;color:#000;font-weight:bold}.pay[_ngcontent-%COMP%]{text-align:left;margin:4px 0 16px;padding:8px 8px 8px 56px;background:white;box-shadow:0 0 10px #888;width:800px}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:hover{background-color:#51a8ff}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.pay[_ngcontent-%COMP%]   .button.highlight[_ngcontent-%COMP%]{opacity:.8;border-color:#1f8fff;background-color:#1f8fff;color:#fff;box-shadow:0 2px 8px #999}.pay[_ngcontent-%COMP%]   .button-succeed[_ngcontent-%COMP%]{background-color:green;cursor:default}.pay[_ngcontent-%COMP%]   .button-succeed[_ngcontent-%COMP%]:hover{background-color:green}.link[_ngcontent-%COMP%]{min-width:65px;height:24px;padding:0 7px;color:#2383e2;background:#fff;border-radius:5px;border:solid 1px #1e90ff;font-size:14px;transition:.2s;display:flex;justify-content:center;align-items:center;cursor:pointer}.link[_ngcontent-%COMP%]:hover{background:#1e90ff;color:#fff}.this-month-container[_ngcontent-%COMP%]{height:117px;width:100%;margin-bottom:50px;background:#f7f7f7}.this-month-container[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-size:14px;color:#494949;font-weight:500;letter-spacing:-.1px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]{display:flex;height:calc(100% - 40px);padding:20px 30px;justify-content:space-between}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-amount[_ngcontent-%COMP%]{padding-top:15px;padding-right:50px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-amount[_ngcontent-%COMP%]   .amount[_ngcontent-%COMP%]{font-size:22px;color:#252525;letter-spacing:.6px;font-weight:500}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]{padding-top:15px;padding-left:30px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .billdate[_ngcontent-%COMP%]{color:#979797;font-size:13px;font-weight:500}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]{height:18px;width:120px;background:#d1d2d2;position:relative}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]   .bill-percent[_ngcontent-%COMP%]{position:absolute;transition:.5s;left:0;height:100%;width:0%;background:#f5a623}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]   .bill-curdate[_ngcontent-%COMP%]{width:20px;text-align:center;position:absolute;top:100%;left:0%;padding-top:3px;font-size:15px;font-weight:500;color:#494949}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]{width:300px;height:100%;background-color:#ededed}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]{padding:18px 30px}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]   .label-btn[_ngcontent-%COMP%]{font-size:14px;font-weight:500;color:#2694ff;cursor:pointer}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]   .label-btn[_ngcontent-%COMP%]:hover{text-decoration:underline}.invoice-btn-field[_ngcontent-%COMP%]{text-align:center;color:#2383e2;padding:8px;height:26px;justify-content:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}','.screen[_ngcontent-%COMP%]{display:flex;flex-direction:row;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none}.scroll-screen[_ngcontent-%COMP%]{flex:1;flex-direction:column;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.center-screen[_ngcontent-%COMP%]{flex:1;flex-direction:column;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-shadow:1px 5px 5px 1px #00000014;border-right:1px solid rgba(0,0,0,.08)}.side-btn-area[_ngcontent-%COMP%]{width:36px;height:100%;display:flex;flex-direction:column}.side-btn[_ngcontent-%COMP%]{padding:16px 4px;color:#888;cursor:pointer}.side-btn[_ngcontent-%COMP%]:hover{color:#000}.widget[_ngcontent-%COMP%]{background:#fff;min-width:98%;max-width:98%;width:98%;margin-top:16px;margin-bottom:16px}.widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center}.widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:14px;padding:16px;flex:1}.widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{vertical-align:middle}.widget[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]{padding:16px}.widget[_ngcontent-%COMP%]   .table-header[_ngcontent-%COMP%]{margin-bottom:8px}.widget[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.widget[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f0f0f0}.widget[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px 8px;color:#999;text-transform:capitalize;text-align:left;font-size:12px}.widget[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0}.widget[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px 8px;color:#555;font-size:14px}.widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]{padding:32px;text-align:center}.widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]   .loading-image[_ngcontent-%COMP%]{width:48px;height:16px}.widget[_ngcontent-%COMP%]   .has-child[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.flat-btn[_ngcontent-%COMP%]{color:#2383e2;cursor:pointer;text-transform:capitalize;font-size:14px;padding:16px 8px}.description[_ngcontent-%COMP%]{font-size:14px;padding:8px}.list[_ngcontent-%COMP%]{position:relative;max-height:500px;overflow-y:overlay}.list-item[_ngcontent-%COMP%]{width:100%;display:table}.list-header[_ngcontent-%COMP%]{margin-bottom:8px;color:#888;font-weight:700;text-transform:uppercase}.has-child[_ngcontent-%COMP%]{cursor:pointer}.has-child[_ngcontent-%COMP%]:hover{background:#f0f0f0}.list-item[_ngcontent-%COMP%]   .contents[_ngcontent-%COMP%]{display:table-cell;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px;position:relative}.list-itme[_ngcontent-%COMP%]   .w-1[_ngcontent-%COMP%]{width:10%}.list-item[_ngcontent-%COMP%]   .w-2[_ngcontent-%COMP%]{width:20%}.list-item[_ngcontent-%COMP%]   .w-3[_ngcontent-%COMP%]{width:30%}.list-item[_ngcontent-%COMP%]   .w-4[_ngcontent-%COMP%]{width:40%}.list-item[_ngcontent-%COMP%]   .w-5[_ngcontent-%COMP%]{width:50%}.list-item[_ngcontent-%COMP%]   .fs-12[_ngcontent-%COMP%]{font-size:12px}.list-item[_ngcontent-%COMP%]   .right-align[_ngcontent-%COMP%]{text-align:right}.contents[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:80%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.contents[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{width:80%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.contents[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;left:12px;top:12px;color:#00000080}.contents[_ngcontent-%COMP%]   .search-box[_ngcontent-%COMP%]{width:100%;padding-left:32px}.contents[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{cursor:pointer}.face[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;display:inline-block;margin-right:8px;vertical-align:middle}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:36px;height:36px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:48px auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.loading[_ngcontent-%COMP%]{background-color:#eee}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:default;pointer-events:none;color:#888}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}']}),e})();var A=r(61855);function U(e,c){1&e&&(t.ynx(0),t.TgZ(1,"div",3),t.TgZ(2,"div",4),t.O4$(),t.TgZ(3,"svg",5),t._UZ(4,"circle",6),t.qZA(),t.qZA(),t.qZA(),t.BQk())}function I(e,c){if(1&e&&(t.ynx(0),t.TgZ(1,"span"),t._uU(2),t.qZA(),t.BQk()),2&e){const n=t.oxw().$implicit;t.xp6(2),t.hij("(# ",n.account_number,")")}}function D(e,c){if(1&e&&(t.TgZ(0,"tr"),t.TgZ(1,"td"),t._uU(2),t.YNc(3,I,3,1,"ng-container",2),t.qZA(),t._UZ(4,"td",29),t.TgZ(5,"td",29),t._uU(6),t.qZA(),t.qZA()),2&e){const n=c.$implicit;t.xp6(2),t.hij("",n.site_name," "),t.xp6(1),t.Q6J("ngIf",n.account_number),t.xp6(3),t.Oqu(n.count)}}function S(e,c){if(1&e){const n=t.EpF();t.ynx(0),t.TgZ(1,"div",7),t.TgZ(2,"div",8),t.NdJ("click",function(){return t.CHM(n),t.oxw().gotoList()}),t.TgZ(3,"i",9),t._uU(4,"keyboard_backspace"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(5,"div",10),t.TgZ(6,"div",11),t.TgZ(7,"div",12),t.TgZ(8,"div",13),t.TgZ(9,"div",14),t.TgZ(10,"div",15),t._uU(11,"Dealer E-mail"),t.qZA(),t.TgZ(12,"div",16),t._uU(13),t.qZA(),t.qZA(),t.TgZ(14,"div",14),t.TgZ(15,"div",15),t._uU(16,"Address"),t.qZA(),t.TgZ(17,"div",17),t._uU(18),t.qZA(),t.TgZ(19,"div",17),t._uU(20),t.qZA(),t.TgZ(21,"div",17),t._uU(22),t.qZA(),t.qZA(),t.qZA(),t.TgZ(23,"div",18),t.TgZ(24,"div"),t._uU(25,"Services Month-to-date Signals"),t.qZA(),t.TgZ(26,"div",14),t._UZ(27,"div",19),t.TgZ(28,"div",20),t._uU(29,"Summary"),t.qZA(),t._UZ(30,"div",21),t.TgZ(31,"div",22),t.TgZ(32,"div"),t.TgZ(33,"b"),t._uU(34),t.qZA(),t.qZA(),t.TgZ(35,"div"),t.TgZ(36,"b"),t._uU(37),t.qZA(),t.qZA(),t.qZA(),t._UZ(38,"div",19),t.qZA(),t.qZA(),t.qZA(),t.TgZ(39,"div",23),t.TgZ(40,"div",24),t.TgZ(41,"div",25),t._uU(42),t.qZA(),t.qZA(),t.qZA(),t.TgZ(43,"div",26),t.TgZ(44,"table"),t.TgZ(45,"colgroup"),t._UZ(46,"col",27),t._UZ(47,"col",28),t._UZ(48,"col",28),t.qZA(),t.TgZ(49,"thead"),t.TgZ(50,"tr"),t.TgZ(51,"th"),t._uU(52,"Site"),t.qZA(),t._UZ(53,"th",29),t.TgZ(54,"th",29),t._uU(55,"Event Count"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(56,"tbody"),t.YNc(57,D,7,3,"tr",30),t.qZA(),t.qZA(),t.qZA(),t.TgZ(58,"div",26),t.TgZ(59,"table"),t.TgZ(60,"colgroup"),t._UZ(61,"col",27),t._UZ(62,"col",28),t._UZ(63,"col",28),t.qZA(),t.TgZ(64,"thead"),t.TgZ(65,"tr"),t.TgZ(66,"th"),t._uU(67,"Summary"),t.qZA(),t._UZ(68,"th"),t._UZ(69,"th"),t.qZA(),t.qZA(),t.TgZ(70,"tbody"),t.TgZ(71,"tr"),t.TgZ(72,"td",31),t.TgZ(73,"div"),t._uU(74,"Total Site Count"),t.qZA(),t.qZA(),t._UZ(75,"td",31),t.TgZ(76,"td",31),t.TgZ(77,"div",29),t._uU(78),t.qZA(),t.qZA(),t.qZA(),t.TgZ(79,"tr",32),t.TgZ(80,"td",31),t.TgZ(81,"div"),t._uU(82,"Total Event Signal for this Month-to-date"),t.qZA(),t.qZA(),t._UZ(83,"td",31),t.TgZ(84,"td",31),t.TgZ(85,"div",29),t._uU(86),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t._UZ(87,"div",33),t.qZA(),t.qZA(),t.BQk()}if(2&e){const n=t.oxw();t.xp6(13),t.Oqu(n.recurring.company_email),t.xp6(5),t.Oqu(n.recurring.company_name),t.xp6(2),t.Oqu(n.recurring.company_address1),t.xp6(2),t.Oqu(n.recurring.company_address2),t.xp6(12),t.hij("TOTAL SIGNALS DUE ON ",n.commonService.summaryDate(n.recurring.end_period),""),t.xp6(3),t.Oqu(n.recurring.occur_total_event_count),t.xp6(5),t.hij("Month-to-date is for the signals ",n.commonService.periodBillDate(n.recurring.begin_period,n.recurring.end_period),""),t.xp6(15),t.Q6J("ngForOf",n.recurring.sites),t.xp6(21),t.Oqu(n.totalSiteCount),t.xp6(8),t.Oqu(n.recurring.occur_total_event_count)}}const Y=p.Bz.forChild([{path:"",component:w},{path:"real-time",component:(()=>{class e{constructor(n,o,i,g,d){this.helper=n,this.invoicesService=o,this.usersService=i,this.commonService=g,this.route=d,this.invoices=[],this.isLoading=!0,this.recurring=new Object,this.totalSiteCount=0}ngOnInit(){this.invoice_id=parseInt(this.route.snapshot.paramMap.get("id"),10),this.fetchDatas()}gotoList(){this.helper.router.navigate_to("/settings/retail-statistics")}fetchDatas(){this.usersService.getMe().subscribe(n=>{this.me=n,this.getReccuring()})}getReccuring(){var n,o;return(0,A.mG)(this,void 0,void 0,function*(){try{const{realTimeFeeInvoice:i}=yield this.invoicesService.getInvoiceRecurringV3(this.me.dealer_id).toPromise();if(!i)return;const g=null===(n=i.plans)||void 0===n?void 0:n.find(a=>"Video Event Charges"===a.plan_name),d=null!==(o=null==g?void 0:g.details)&&void 0!==o?o:[];this.recurring=i,this.recurring.sites=[],this.totalSiteCount=d.length,d.forEach(a=>{a.count=a.count||0,this.recurring.sites.push(a)}),this.isLoading=!1}catch(i){console.debug("getReccuring:>",i),this.isLoading=!1}})}parseData(n){const o=n.sites;o.forEach(i=>{i.event_signal_count=i.event_signal_count||0}),n.totalSiteCount=o.length}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(f.W),t.Y36(_.x),t.Y36(x.f),t.Y36(O.v),t.Y36(p.gz))},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-retail-invoice-realtime"]],decls:4,vars:2,consts:[[1,"container"],[1,"container-center"],[4,"ngIf"],[1,"table-loading",2,"position","fixed","top","calc(50% - 25px)"],[1,"loader"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"],[1,"side-btn-area"],[1,"side-btn",3,"click"],[1,"material-icons"],[1,"center-screen"],[1,"invoice-body"],[1,"invoice-title",2,"margin-bottom","24px"],[1,"title-left"],[1,"title-item-box"],[1,"title-item"],[1,"email"],[1,"contents"],[1,"title-right"],[1,"line","bold"],[1,"label"],[1,"line"],[1,"title-contents"],[1,"invoice-informations"],[1,"invoice-info-box"],[1,"invoice-info-title"],[1,"invoice-items"],["width","60%"],["width","20%"],[2,"text-align","right"],[4,"ngFor","ngForOf"],[2,"padding","8px 8px"],[2,"background-color","#cccc99"],[2,"margin-top","12px"]],template:function(n,o){1&n&&(t.TgZ(0,"div",0),t.TgZ(1,"div",1),t.YNc(2,U,5,0,"ng-container",2),t.YNc(3,S,88,10,"ng-container",2),t.qZA(),t.qZA()),2&n&&(t.xp6(2),t.Q6J("ngIf",o.isLoading),t.xp6(1),t.Q6J("ngIf",!o.isLoading))},directives:[s.O5,s.sg],styles:['[_nghost-%COMP%]{width:100%;height:100%}.container[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:row;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none}.full-widget[_ngcontent-%COMP%]{min-width:600px;max-width:1200px;width:100%;margin:12px 12px 40px;padding:32px;flex:1;background:white;display:flex;flex-direction:column;overflow:auto}.full-widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{margin-bottom:14px;font-size:20px;display:flex;flex-direction:row;align-items:center}.full-widget[_ngcontent-%COMP%]   .space[_ngcontent-%COMP%]{flex:1}.full-widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]{padding:32px;text-align:center}.table-loading[_ngcontent-%COMP%]   .loading-image[_ngcontent-%COMP%]{width:48px;height:16px}.full-widget[_ngcontent-%COMP%]   .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay}.full-widget[_ngcontent-%COMP%]   .table-header[_ngcontent-%COMP%]{margin-bottom:2px;border-bottom:1px solid #f0f0f0;color:#252525;font-size:14px}.full-widget[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.full-widget[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f7f7f7}.full-widget[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px;color:#252525;text-transform:capitalize;text-align:left;font-size:14px}.full-widget[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0}.full-widget[_ngcontent-%COMP%]   .has-child[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.full-widget[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px;color:#555;font-size:14px}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.full-widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:not-allowed;pointer-events:none}.full-widget[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{vertical-align:middle}.search[_ngcontent-%COMP%]{margin:0 16px;padding:12px 12px 12px 36px;box-sizing:border-box;border:0;border-bottom:2px solid #ddd;background-color:transparent;background-image:url(/assets/icons/ic_search_72pt.png);background-size:24px;background-position:4px 8px;background-repeat:no-repeat;transition:.3s}.search[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #777}.modal[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{padding:8px;margin-bottom:8px;display:flex;flex-direction:row;align-items:center}.modal[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:14px}.modal[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]{padding:8px 0}.form-group[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;margin-bottom:16px}.form-group[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{margin-top:8px;padding:8px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#2383e2}.form-inline[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:row}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:8px}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:8px}.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{flex:1;background:white;box-sizing:border-box;margin:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.tail[_ngcontent-%COMP%]{padding:16px 8px 0 0;display:flex;flex-direction:row-reverse}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.tail[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.tail[_ngcontent-%COMP%]   .flat-button[_ngcontent-%COMP%]{background:rgba(0,0,0,0);color:#333}.tab-group[_ngcontent-%COMP%]{display:flex;flex-direction:row}.tab[_ngcontent-%COMP%]{border:1px solid rgba(255,255,255,0);border-top:2px solid rgba(255,255,255,0);border-bottom:none;font-size:12px;font-weight:bold;color:#aaa;transition:.2s;padding:8px 24px}.tab[_ngcontent-%COMP%]:hover{color:#333;cursor:pointer}.tab-active[_ngcontent-%COMP%]{border:1px solid #eee;border-top:2px solid #2383e2;border-bottom:none;color:#333}.status-label[_ngcontent-%COMP%]{font-size:12px;font-weight:bold;border-radius:4px;padding:4px 8px}.status-normal[_ngcontent-%COMP%]{background:#ccc;color:#fff}.status-warning[_ngcontent-%COMP%]{background:crimson;color:#fff}.status-unpaid[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.status-success[_ngcontent-%COMP%]{background:green;color:#fff}.status-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.invoice-body[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:16px;padding:32px;background:white;box-sizing:border-box;width:800px;display:block;transition:.2s;align-items:center}.invoice-menu[_ngcontent-%COMP%]{margin:16px}.customer-info[_ngcontent-%COMP%]{flex:1;position:relative;padding-bottom:8px}.invoice-info[_ngcontent-%COMP%]{flex:1;text-align:right;padding-left:64px}.info-item[_ngcontent-%COMP%]{margin:8px 0;font-size:14px}.invoice-items[_ngcontent-%COMP%]{margin-top:18px}.select-dealer[_ngcontent-%COMP%]{width:80%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #2383e2;color:#2383e2;cursor:pointer;transition:.2s}.select-dealer[_ngcontent-%COMP%]:hover{background:rgba(30,144,255,.1)}.invoice-summary[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:16px}.invoice-summary[_ngcontent-%COMP%]   .space[_ngcontent-%COMP%]{flex:1}.invoice-summary[_ngcontent-%COMP%]   .summary[_ngcontent-%COMP%]{flex:1}.invoice-summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%}.invoice-summary[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:8px;text-align:right;font-size:14px}.invoice-summary[_ngcontent-%COMP%]   .total[_ngcontent-%COMP%]{font-weight:bold}.invoice-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{font-size:14px;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s;margin:4px 8px}.invoice-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #2383e2}.step-bar[_ngcontent-%COMP%]{padding:32px;display:flex;flex-direction:row}.step-bar[_ngcontent-%COMP%]   .step[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-right:32px;cursor:pointer}.step-circle[_ngcontent-%COMP%]{background:#999;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.step-label[_ngcontent-%COMP%]{margin-left:16px;color:#999;font-size:14px}.step-circle-active[_ngcontent-%COMP%]{background:#2383e2}.step-label-active[_ngcontent-%COMP%]{color:#2383e2}.invoice-items[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse;border-color:#e9e9e9;border-style:solid;border-width:2px}.invoice-items[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f0f0f0}.invoice-items[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even){background:#f7f7f7}.invoice-items[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px 8px;color:#555;font-size:14px;position:relative}.invoice-items[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #E9E9E9}.invoice-items[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px 8px;color:#999;text-transform:capitalize;text-align:left;font-size:12px}.invoice-items[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #bbb}.invoice-items[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border:1px solid #2383e2;outline:none}.invoice-items[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{text-align:right}.add-an-item[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0;padding:12px 8px;text-align:center;font-size:14px}.add-an-item[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.invoice-body[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.invoice-body[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:hover{background-color:#51a8ff}.invoice-body.button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.invoice-body.button-succeed[_ngcontent-%COMP%]{background-color:green;cursor:default}.invoice-body.button-succeed[_ngcontent-%COMP%]:hover{background-color:green}.invoice-title[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-bottom:36px}.invoice-title[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:20px;flex:1}.form-list[_ngcontent-%COMP%]{margin:8px;padding:4px;font-size:14px;color:#333}.form-list[_ngcontent-%COMP%]   .list-item[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0;padding:8px 0}.form-list[_ngcontent-%COMP%]   .list-item[_ngcontent-%COMP%]:hover{background:#f0f0f0;cursor:pointer}.customer-name[_ngcontent-%COMP%]{font-weight:bold;font-size:16px;padding:8px 0}.customer-detail[_ngcontent-%COMP%]{font-size:14px;color:#555}.sel-diff-dealer[_ngcontent-%COMP%]{font-weight:bold;color:#2383e2;margin-top:16px;cursor:pointer;font-size:14px}.invoice-info[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%}.invoice-info[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:8px;text-align:right;font-size:14px}.invoice-summary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:80px;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #bbb}.invoice-summary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border:1px solid #2383e2;outline:none}.invoice-summary[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{text-align:right}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.item-name[_ngcontent-%COMP%]{display:"table-cell";height:20px;margin:0}.sub-item[_ngcontent-%COMP%]{height:20px;display:table-cell;text-align:right;width:400px;vertical-align:middle}.flex-row[_ngcontent-%COMP%]{display:flex;flex-direction:row}.price[_ngcontent-%COMP%]{display:table-cell;text-align:right;padding-right:30%;width:100%}.invoice-title[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;margin-bottom:48px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]{font-size:20px;flex:1}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]{margin:16px 0;font-size:12px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-item[_ngcontent-%COMP%]{font-size:11px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .email[_ngcontent-%COMP%]{font-size:16px}.invoice-title[_ngcontent-%COMP%]   .title-left[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .contents[_ngcontent-%COMP%]{font-size:13px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]{font-size:20px;flex:1}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]{font-size:12px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-item[_ngcontent-%COMP%]{font-size:11px}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-size:14px;font-weight:bold}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .title-contents[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .line[_ngcontent-%COMP%]{margin:2px 0;border-bottom:1px solid #ccc}.invoice-title[_ngcontent-%COMP%]   .title-right[_ngcontent-%COMP%]   .title-item-box[_ngcontent-%COMP%]   .line.bold[_ngcontent-%COMP%]{border-bottom:2px solid #ccc}.invoice-informations[_ngcontent-%COMP%]{display:flex;flex-direction:row}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]{flex:1;position:relative;padding-bottom:8px}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-title[_ngcontent-%COMP%]{font-weight:bold;font-size:16px;padding:8px 0}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents[_ngcontent-%COMP%]{font-size:12px;color:#555}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents.small[_ngcontent-%COMP%]{font-size:10px}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-contents.big[_ngcontent-%COMP%]{font-size:11px;color:#000}.invoice-informations[_ngcontent-%COMP%]   .invoice-info-box[_ngcontent-%COMP%]   .invoice-info-noti[_ngcontent-%COMP%]{font-size:11px;color:#000;font-weight:bold}.pay[_ngcontent-%COMP%]{text-align:left;margin:4px 0 16px;padding:8px 8px 8px 56px;background:white;box-shadow:0 0 10px #888;width:800px}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:hover{background-color:#51a8ff}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.pay[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]:active:after{padding:0;margin:0;opacity:1;transition:0s}.pay[_ngcontent-%COMP%]   .button.highlight[_ngcontent-%COMP%]{opacity:.8;border-color:#1f8fff;background-color:#1f8fff;color:#fff;box-shadow:0 2px 8px #999}.pay[_ngcontent-%COMP%]   .button-succeed[_ngcontent-%COMP%]{background-color:green;cursor:default}.pay[_ngcontent-%COMP%]   .button-succeed[_ngcontent-%COMP%]:hover{background-color:green}.link[_ngcontent-%COMP%]{min-width:65px;height:24px;padding:0 7px;color:#2383e2;background:#fff;border-radius:5px;border:solid 1px #1e90ff;font-size:14px;transition:.2s;display:flex;justify-content:center;align-items:center;cursor:pointer}.link[_ngcontent-%COMP%]:hover{background:#1e90ff;color:#fff}.this-month-container[_ngcontent-%COMP%]{height:117px;width:100%;margin-bottom:50px;background:#f7f7f7}.this-month-container[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{font-size:14px;color:#494949;font-weight:500;letter-spacing:-.1px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]{display:flex;height:calc(100% - 40px);padding:20px 30px;justify-content:space-between}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-amount[_ngcontent-%COMP%]{padding-top:15px;padding-right:50px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-amount[_ngcontent-%COMP%]   .amount[_ngcontent-%COMP%]{font-size:22px;color:#252525;letter-spacing:.6px;font-weight:500}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]{padding-top:15px;padding-left:30px}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .billdate[_ngcontent-%COMP%]{color:#979797;font-size:13px;font-weight:500}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]{height:18px;width:120px;background:#d1d2d2;position:relative}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]   .bill-percent[_ngcontent-%COMP%]{position:absolute;transition:.5s;left:0;height:100%;width:0%;background:#f5a623}.this-month-container[_ngcontent-%COMP%]   .this-month-layout[_ngcontent-%COMP%]   .this-month-billdate[_ngcontent-%COMP%]   .bill-box[_ngcontent-%COMP%]   .bill-curdate[_ngcontent-%COMP%]{width:20px;text-align:center;position:absolute;top:100%;left:0%;padding-top:3px;font-size:15px;font-weight:500;color:#494949}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]{width:300px;height:100%;background-color:#ededed}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]{padding:18px 30px}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]   .label-btn[_ngcontent-%COMP%]{font-size:14px;font-weight:500;color:#2694ff;cursor:pointer}.this-month-container[_ngcontent-%COMP%]   .this-month-detail-box[_ngcontent-%COMP%]   .this-month-detail-inner[_ngcontent-%COMP%]   .label-btn[_ngcontent-%COMP%]:hover{text-decoration:underline}.invoice-btn-field[_ngcontent-%COMP%]{text-align:center;color:#2383e2;padding:8px;height:26px;justify-content:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}','.screen[_ngcontent-%COMP%]{display:flex;flex-direction:row;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none}.scroll-screen[_ngcontent-%COMP%]{flex:1;flex-direction:column;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.center-screen[_ngcontent-%COMP%]{flex:1;flex-direction:column;overflow-y:overlay;height:100%;position:relative;-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-shadow:1px 5px 5px 1px #00000014;border-right:1px solid rgba(0,0,0,.08)}.side-btn-area[_ngcontent-%COMP%]{width:36px;height:100%;display:flex;flex-direction:column}.side-btn[_ngcontent-%COMP%]{padding:16px 4px;color:#888;cursor:pointer}.side-btn[_ngcontent-%COMP%]:hover{color:#000}.widget[_ngcontent-%COMP%]{background:#fff;min-width:98%;max-width:98%;width:98%;margin-top:16px;margin-bottom:16px}.widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center}.widget[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{font-size:14px;padding:16px;flex:1}.widget[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{vertical-align:middle}.widget[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]{padding:16px}.widget[_ngcontent-%COMP%]   .table-header[_ngcontent-%COMP%]{margin-bottom:8px}.widget[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.widget[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:#f0f0f0}.widget[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding:12px 8px;color:#999;text-transform:capitalize;text-align:left;font-size:12px}.widget[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{border-bottom:1px solid #f0f0f0}.widget[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px 8px;color:#555;font-size:14px}.widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]{padding:32px;text-align:center}.widget[_ngcontent-%COMP%]   .table-loading[_ngcontent-%COMP%]   .loading-image[_ngcontent-%COMP%]{width:48px;height:16px}.widget[_ngcontent-%COMP%]   .has-child[_ngcontent-%COMP%]:hover{background:#fafafa;cursor:pointer}.flat-btn[_ngcontent-%COMP%]{color:#2383e2;cursor:pointer;text-transform:capitalize;font-size:14px;padding:16px 8px}.description[_ngcontent-%COMP%]{font-size:14px;padding:8px}.list[_ngcontent-%COMP%]{position:relative;max-height:500px;overflow-y:overlay}.list-item[_ngcontent-%COMP%]{width:100%;display:table}.list-header[_ngcontent-%COMP%]{margin-bottom:8px;color:#888;font-weight:700;text-transform:uppercase}.has-child[_ngcontent-%COMP%]{cursor:pointer}.has-child[_ngcontent-%COMP%]:hover{background:#f0f0f0}.list-item[_ngcontent-%COMP%]   .contents[_ngcontent-%COMP%]{display:table-cell;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px;position:relative}.list-itme[_ngcontent-%COMP%]   .w-1[_ngcontent-%COMP%]{width:10%}.list-item[_ngcontent-%COMP%]   .w-2[_ngcontent-%COMP%]{width:20%}.list-item[_ngcontent-%COMP%]   .w-3[_ngcontent-%COMP%]{width:30%}.list-item[_ngcontent-%COMP%]   .w-4[_ngcontent-%COMP%]{width:40%}.list-item[_ngcontent-%COMP%]   .w-5[_ngcontent-%COMP%]{width:50%}.list-item[_ngcontent-%COMP%]   .fs-12[_ngcontent-%COMP%]{font-size:12px}.list-item[_ngcontent-%COMP%]   .right-align[_ngcontent-%COMP%]{text-align:right}.contents[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:80%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.contents[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{width:80%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.contents[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;left:12px;top:12px;color:#00000080}.contents[_ngcontent-%COMP%]   .search-box[_ngcontent-%COMP%]{width:100%;padding-left:32px}.contents[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{cursor:pointer}.face[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;display:inline-block;margin-right:8px;vertical-align:middle}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:36px;height:36px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:48px auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.loading[_ngcontent-%COMP%]{background-color:#eee}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:default;pointer-events:none;color:#888}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}']}),e})()},{path:":id/detail",component:q}]);let j=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=t.oAB({type:e}),e.\u0275inj=t.cJS({imports:[[s.ez,M.u5,b.q,Y]]}),e})()}}]);