dealpos 11.3.1 → 11.3.2

package/POS/1825.fb055a13a7835ded.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkPOS=self.webpackChunkPOS||[]).push([[1825],{5969:(Mn,R,c)=>{c.r(R),c.d(R,{BuyModule:()=>De});var s=c(69808),p=c(93075),y=c(63165),E=c(30273),T=c(6553),w=c(22863),d=c(67327),O=c(8929),f=c(92198),_=c(7625),h=c(70655),L=c(63631),u=c(52029),v=c(23389);class z{constructor(){this.Date=new Date,this.Discount=0,this.DiscountAmount=0}}var J=c(16571),cn=c(69753),F=c(50494),S=c(43429);class I{constructor(r){this.Serial=[],r&&(this.ID=d.gT.GuidEmpty,this.VariantID=r.ID,this.Cost=r.UnitCost,this.DiscountAmount=r.DiscountAmount,this.Taxable=r.Taxable,this.UnitQuantity=r.UnitQuantity,this.Variant=(0,F.yE)(cn.O,r),this.UnitCost=r.UnitCost,this.UnitPrice=r.UnitPrice,this.OrderPrice=r.OrderPrice,this.VariantUnitQuantity=r.VariantUnitQuantity,this.Discount=0,this.Quantity=1,this.setSerialToNote(),this.generateSerialFromNote(),this.setUnitPrice())}setUnitPrice(){this.UnitPrice=d.gT.IsNotEmpty(this.OrderPrice)?this.OrderPrice:this.UnitCost}setSerialToNote(){this.isSerialType()&&this.Serial.length>0&&(this.Note=`[${this.Serial}]`)}generateSerialFromNote(){this.isSerialType()&&this.Note&&(this.Serial=this.Note.replace("[","").replace("]","").split(","))}get Total(){return this.GrossTotal-this.DiscountPercentAmount-this.DiscountAmount}get GrossTotal(){return this.UnitPrice*(this.Quantity*this.UnitQuantity)||0}get DiscountPercentAmount(){return this.Discount?this.GrossTotal*this.Discount/100:0}checkMatchSerialWithQuantity(){let r=!0;if(this.isSerialType()){let t=this.Quantity,e=this.Serial.length;t<0&&(e=-e),t!==e&&(r=!1)}return r}isSerialType(){let r=!1;return this.Variant&&this.Variant.TypeID===J.J.Serialized&&(r=!0),r}}(0,h.gn)([(0,S.D)(()=>cn.O)],I.prototype,"Variant",void 0);class m{constructor(){this.Action={DeliveryEntityID:null},this.Order=new z,this.Invoice=new L.m,this.Shipping=new u.Q,this.Payment=new v.j,this.Items=[]}clearItems(){this.Items=[]}generateCartItems(r){this.Items=this.Items.map(t=>r.generateCartItem(t))}}(0,h.gn)([(0,S.D)(()=>z)],m.prototype,"Order",void 0),(0,h.gn)([(0,S.D)(()=>L.m)],m.prototype,"Invoice",void 0),(0,h.gn)([(0,S.D)(()=>I)],m.prototype,"Items",void 0),(0,h.gn)([(0,S.D)(()=>v.j)],m.prototype,"Payment",void 0),(0,h.gn)([(0,S.D)(()=>u.Q)],m.prototype,"Shipping",void 0);var On=c(86751),Pn=c(94601),ln=c(54840),M=c(48966),k=c(42046),n=c(5e3),P=c(23945),dn=c(21750),V=c(591),xn=c(24850),D=(()=>{return(o=D||(D={}))[o.Unsent=1]="Unsent",o[o.Partial=2]="Partial",o[o.Sent=3]="Sent",D;var o})(),U=c(50),Q=c(32442);let C=(()=>{class o{constructor(t,e){this.backendService=t,this.httpService=e,this._Data=new V.X(new m),this.Data$=this._Data.asObservable()}get Data(){return this._Data.value}pushNewValue(t){this._Data.next(t)}createNewTransaction(t,e,i){this.buyData=new m,this.buyData.Order.EntityID=t,this.buyData.Order.TaxTypeID=d.gT.IsEmpty(i.DefaultTaxType)?e.Taxes[0].ID:i.DefaultTaxType,this.buyData.Order.CurrencyID=e.Currencies[0].ID,this.initDeliveryEntityID(e,i.EntityID),this.buyData.Order.ID=d.gT.GuidEmpty,this.generateOrderNumber(t)}initTransaction(t,e){this.buyData=new m,this.buyData.Order.EntityID=t.EntityID,this.buyData.Order.TaxTypeID=d.gT.IsEmpty(t.DefaultTaxType)?e.Taxes[0].ID:t.DefaultTaxType,this.buyData.Action.DeliveryEntityID=t.EntityID,this.initDeliveryEntityID(e,t.EntityID),this.buyData.Order.DeliveryStateID=D.Unsent,this.buyData.Order.ID=d.gT.GuidEmpty,this.buyData.Order.Number=dn.V.Generate(t.NumberElement),this.buyData.Invoice.Number=dn.V.Generate(t.NumberElement),this.buyData.Order.CurrencyID=e.Currencies[0]?e.Currencies[0].ID:null,this.pushNewValue(this.buyData)}generateOrderNumber(t){this.backendService.generateNumber(t,d.Wz.BuyGenerateNumber).subscribe(e=>{this.buyData.Order.Number=e.Number,this.buyData.Invoice.Number=e.Number,this.pushNewValue(this.buyData)})}initDeliveryEntityID(t,e){this.buyData.Action.DeliveryEntityID=t.AppConfigJSON.ModuleBuy.Shipping.BuyShippingDefault?d.gT.GuidEmpty:e}clearTransaction(){this.Data.clearItems(),this.pushNewValue(this.Data)}returTransaction(t,e){return this.httpService.post(d.Wz.BuyReturInvoice,{EntityID:e,Number:t})}onEditTransaction(t){return this.httpService.post(d.Wz.BuyGetDataByID,{ID:t}).pipe((0,xn.U)(i=>{var a;let l=(0,F.yE)(m,i);return l.generateCartItems(this),l=this.initDeliveryOnEdit(l),l.Invoice.CustomDateField=this.initCustomDateField(null===(a=i.Invoice)||void 0===a?void 0:a.CustomDateField),l}))}initCustomDateField(t){return d.gT.MinDate==t&&(t=null),t}initDeliveryOnEdit(t){return t.Order.DeliveryStateID==D.Partial&&(t.Action.DeliveryEntityID=d.gT.GuidEmpty,t.Order.PurchaseOrderDeliveryStateID=D.Partial,t.Order.DeliveryStateID=D.Partial),t}generateCartItem(t){let e=new I(t.Variant);return e.ID=t.ID,e.Discount=t.Discount,e.Note=t.Note,e.setSerialToNote(),e.SupplierPOID=t.SupplierPOID,e.EntityID=t.EntityID,e.Quantity=t.Quantity?t.Quantity:1,e.UnitPrice=t.UnitPrice?t.UnitPrice:e.UnitPrice,e.UnitQuantity=t.UnitQuantity?t.UnitQuantity:e.UnitQuantity,e}}return o.\u0275fac=function(t){return new(t||o)(n.LFG(U.M),n.LFG(Q.O))},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();var yn=c(25873);let K=(()=>{class o{constructor(t,e){this._backendService=t,this._buyDataService=e,this._notifyNewItem=new O.xQ,this.notifyNewItem$=this._notifyNewItem.asObservable(),this.cartItems=[],this.subscribeToObservable()}subscribeToObservable(){this._buyDataService.Data$.subscribe(t=>{this.cartItems=t.Items,this.buyData=t})}addCartItemById(t,e){this._backendService.getVariantById(t,e).subscribe(i=>{this.createNewCartItem(i)})}addCartItemByCode(t,e){this._backendService.getVarianByCode(t,e).subscribe(i=>{this.createNewCartItem(i)})}createNewCartItem(t){let e=new I(t);this.addItemToCart(e)}addItemToCart(t,e=!1){let i=this.cartItems.findIndex(a=>a.VariantID===t.VariantID);-1==i||e?(this.cartItems.push(t),this._notifyNewItem.next("NEW")):this.cartItems[i].Quantity+=1,this.buyData.Items=this.cartItems,this._buyDataService.pushNewValue(this.buyData)}updateCartItem(t,e){this.buyData.Items[e]=t,this._buyDataService.pushNewValue(this.buyData)}deleteCartItem(t){this.buyData.Items=this.buyData.Items.filter(e=>e!==t),this._buyDataService.pushNewValue(this.buyData)}}return o.\u0275fac=function(t){return new(t||o)(n.LFG(U.M),n.LFG(C))},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();var X=c(22290),nn=c(58393),Y=c(83902),vn=c(29080),B=c(24376),sn=c(35504),H=c(59783);let pn=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275mod=n.oAB({type:o}),o.\u0275inj=n.cJS({imports:[[s.ez]]}),o})();const Dn=["inputtext"];function In(o,r){1&o&&n.GkF(0)}function Tn(o,r){if(1&o&&(n.TgZ(0,"span",11),n._uU(1),n.qZA()),2&o){const t=n.oxw().$implicit,e=n.oxw();n.xp6(1),n.Oqu(e.field?e.resolveFieldData(t,e.field):t)}}function wn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"span",12),n.NdJ("click",function(i){n.CHM(t);const a=n.oxw().index;return n.oxw().removeItem(i,a)}),n.qZA()}}const Sn=function(o){return{$implicit:o}};function kn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"li",6,7),n.NdJ("click",function(i){const l=n.CHM(t).$implicit;return n.oxw().onItemClick(i,l)}),n.YNc(2,In,1,0,"ng-container",8),n.YNc(3,Tn,2,1,"span",9),n.YNc(4,wn,1,0,"span",10),n.qZA()}if(2&o){const t=r.$implicit,e=n.oxw();n.xp6(2),n.Q6J("ngTemplateOutlet",e.itemTemplate)("ngTemplateOutletContext",n.VKq(4,Sn,t)),n.xp6(1),n.Q6J("ngIf",!e.itemTemplate),n.xp6(1),n.Q6J("ngIf",!e.disabled)}}const Nn=function(o,r){return{"p-inputtext p-chips-multiple-container":!0,"p-focus":o,"p-disabled":r}},An={provide:p.JU,useExisting:(0,n.Gpc)(()=>gn),multi:!0};let gn=(()=>{class o{constructor(t,e){this.el=t,this.cd=e,this.allowDuplicate=!0,this.onAdd=new n.vpe,this.onRemove=new n.vpe,this.onFocus=new n.vpe,this.onBlur=new n.vpe,this.onChipClick=new n.vpe,this.onModelChange=()=>{},this.onModelTouched=()=>{}}ngAfterContentInit(){this.templates.forEach(t=>{t.getType(),this.itemTemplate=t.template}),this.updateFilledState()}onClick(){this.inputViewChild.nativeElement.focus()}onInput(){this.updateFilledState()}onPaste(t){this.disabled||(this.separator&&((t.clipboardData||window.clipboardData).getData("Text").split(this.separator).forEach(i=>{this.addItem(t,i,!0)}),this.inputViewChild.nativeElement.value=""),this.updateFilledState())}updateFilledState(){this.filled=!(!this.value||0===this.value.length)||this.inputViewChild&&this.inputViewChild.nativeElement&&""!=this.inputViewChild.nativeElement.value}onItemClick(t,e){this.onChipClick.emit({originalEvent:t,value:e})}writeValue(t){this.value=t,this.updateMaxedOut(),this.updateFilledState(),this.cd.markForCheck()}registerOnChange(t){this.onModelChange=t}registerOnTouched(t){this.onModelTouched=t}setDisabledState(t){this.disabled=t,this.cd.markForCheck()}resolveFieldData(t,e){if(t&&e){if(-1==e.indexOf("."))return t[e];{let l=e.split("."),g=t;for(var i=0,a=l.length;i<a;++i)g=g[l[i]];return g}}return null}onInputFocus(t){this.focus=!0,this.onFocus.emit(t)}onInputBlur(t){this.focus=!1,this.addOnBlur&&this.inputViewChild.nativeElement.value&&this.addItem(t,this.inputViewChild.nativeElement.value,!1),this.onModelTouched(),this.onBlur.emit(t)}removeItem(t,e){if(this.disabled)return;let i=this.value[e];this.value=this.value.filter((a,l)=>l!=e),this.onModelChange(this.value),this.onRemove.emit({originalEvent:t,value:i}),this.updateFilledState(),this.updateMaxedOut()}addItem(t,e,i){this.value=this.value||[],e&&e.trim().length&&(this.allowDuplicate||-1===this.value.indexOf(e))&&(this.value=[...this.value,e],this.onModelChange(this.value),this.onAdd.emit({originalEvent:t,value:e})),this.updateFilledState(),this.updateMaxedOut(),this.inputViewChild.nativeElement.value="",i&&t.preventDefault()}onKeydown(t){switch(t.which){case 8:if(0===this.inputViewChild.nativeElement.value.length&&this.value&&this.value.length>0){this.value=[...this.value];let e=this.value.pop();this.onModelChange(this.value),this.onRemove.emit({originalEvent:t,value:e}),this.updateFilledState()}break;case 13:this.addItem(t,this.inputViewChild.nativeElement.value,!0);break;case 9:this.addOnTab&&""!==this.inputViewChild.nativeElement.value&&this.addItem(t,this.inputViewChild.nativeElement.value,!0);break;default:this.max&&this.value&&this.max===this.value.length?t.preventDefault():this.separator&&","===this.separator&&188===t.which&&this.addItem(t,this.inputViewChild.nativeElement.value,!0)}}updateMaxedOut(){this.inputViewChild&&this.inputViewChild.nativeElement&&(this.inputViewChild.nativeElement.disabled=!(!this.max||!this.value||this.max!==this.value.length)||this.disabled||!1)}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(n.SBq),n.Y36(n.sBO))},o.\u0275cmp=n.Xpm({type:o,selectors:[["p-chips"]],contentQueries:function(t,e,i){if(1&t&&n.Suo(i,H.jx,4),2&t){let a;n.iGM(a=n.CRH())&&(e.templates=a)}},viewQuery:function(t,e){if(1&t&&n.Gf(Dn,5),2&t){let i;n.iGM(i=n.CRH())&&(e.inputViewChild=i.first)}},hostAttrs:[1,"p-element","p-inputwrapper"],hostVars:4,hostBindings:function(t,e){2&t&&n.ekj("p-inputwrapper-filled",e.filled)("p-inputwrapper-focus",e.focus)},inputs:{style:"style",styleClass:"styleClass",disabled:"disabled",field:"field",placeholder:"placeholder",max:"max",ariaLabelledBy:"ariaLabelledBy",tabindex:"tabindex",inputId:"inputId",allowDuplicate:"allowDuplicate",inputStyle:"inputStyle",inputStyleClass:"inputStyleClass",addOnTab:"addOnTab",addOnBlur:"addOnBlur",separator:"separator"},outputs:{onAdd:"onAdd",onRemove:"onRemove",onFocus:"onFocus",onBlur:"onBlur",onChipClick:"onChipClick"},features:[n._Bn([An])],decls:6,vars:17,consts:[[3,"ngClass","ngStyle","click"],[3,"ngClass"],["class","p-chips-token",3,"click",4,"ngFor","ngForOf"],[1,"p-chips-input-token"],["type","text",3,"disabled","ngStyle","keydown","input","paste","focus","blur"],["inputtext",""],[1,"p-chips-token",3,"click"],["token",""],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["class","p-chips-token-label",4,"ngIf"],["class","p-chips-token-icon pi pi-times-circle",3,"click",4,"ngIf"],[1,"p-chips-token-label"],[1,"p-chips-token-icon","pi","pi-times-circle",3,"click"]],template:function(t,e){1&t&&(n.TgZ(0,"div",0),n.NdJ("click",function(){return e.onClick()}),n.TgZ(1,"ul",1),n.YNc(2,kn,5,6,"li",2),n.TgZ(3,"li",3)(4,"input",4,5),n.NdJ("keydown",function(a){return e.onKeydown(a)})("input",function(){return e.onInput()})("paste",function(a){return e.onPaste(a)})("focus",function(a){return e.onInputFocus(a)})("blur",function(a){return e.onInputBlur(a)}),n.qZA()()()()),2&t&&(n.Tol(e.styleClass),n.Q6J("ngClass","p-chips p-component")("ngStyle",e.style),n.xp6(1),n.Q6J("ngClass",n.WLB(14,Nn,e.focus,e.disabled)),n.xp6(1),n.Q6J("ngForOf",e.value),n.xp6(2),n.Tol(e.inputStyleClass),n.Q6J("disabled",e.disabled)("ngStyle",e.inputStyle),n.uIk("id",e.inputId)("placeholder",e.value&&e.value.length?null:e.placeholder)("tabindex",e.tabindex)("aria-labelledby",e.ariaLabelledBy))},directives:[s.mk,s.PC,s.sg,s.tP,s.O5],styles:[".p-chips{display:inline-flex}.p-chips-multiple-container{margin:0;padding:0;list-style-type:none;cursor:text;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}\n"],encapsulation:2,changeDetection:0}),o})(),Zn=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275mod=n.oAB({type:o}),o.\u0275inj=n.cJS({imports:[[s.ez,pn,H.m8],pn,H.m8]}),o})();const En=["quantity"],Jn=["price"],Fn=["discount"];function Un(o,r){if(1&o&&(n.TgZ(0,"h4",8),n._uU(1),n.ALo(2,"number"),n.TgZ(3,"span"),n._uU(4),n.ALo(5,"number"),n.qZA(),n._uU(6),n.qZA()),2&o){const t=n.oxw();n.xp6(1),n.hij("Inventory: ",n.lcZ(2,3,t.onHand)," "),n.xp6(3),n.hij(" Allocated : ",n.lcZ(5,5,t.allocated)," "),n.xp6(2),n.hij(" ",null!=(null==t.cartItem||null==t.cartItem.Variant?null:t.cartItem.Variant.Ordered)?", Ordered: "+t.cartItem.Variant.Ordered:""," ")}}function Qn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"a",9),n.NdJ("click",function(){return n.CHM(t),n.oxw().getStockById()}),n._UZ(1,"i",10),n.qZA()}}function Bn(o,r){if(1&o){const t=n.EpF();n.ynx(0),n.TgZ(1,"div",11)(2,"div",12)(3,"autocompleteV2",13,14),n.NdJ("onInputEnter",function(i){return n.CHM(t),n.oxw().onScanProductCode(i)})("onSelect",function(i){return n.CHM(t),n.oxw().onAddItem(i)}),n.qZA()()(),n.BQk()}if(2&o){const t=n.oxw();n.xp6(3),n.Q6J("localStorage","products")("inputTextValue",null==t.cartItem||null==t.cartItem.Variant?null:t.cartItem.Variant.Name)("clearOnSelect",!1)}}function qn(o,r){if(1&o&&(n.TgZ(0,"span"),n._uU(1),n.qZA()),2&o){const t=n.oxw(2);n.xp6(1),n.hij("(",null==t.cartItem.Variant?null:t.cartItem.Variant.UOMName,")")}}function Rn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",24)(1,"strong")(2,"span"),n._uU(3),n.qZA()(),n.TgZ(4,"input",25),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(2).cartItem.UnitQuantity=i}),n.qZA()()}if(2&o){const t=n.oxw(2);n.xp6(3),n.Oqu(t.unitQtyLabel),n.xp6(1),n.Q6J("preventNegative",!0)("ngModel",t.cartItem.UnitQuantity)}}function Ln(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",26)(1,"strong"),n._uU(2,"Price"),n.qZA(),n.TgZ(3,"input",27,28),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(2).cartItem.UnitPrice=i}),n.qZA()()}if(2&o){const t=n.oxw(2);n.xp6(3),n.Q6J("simpleKeyboard",t.keyboard)("ngModel",t.cartItem.UnitPrice)}}function zn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",29)(1,"strong"),n._uU(2,"Fulfillment From"),n.qZA(),n.TgZ(3,"ng-select",30),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(2).onDeliveryEntityChange(i)})("ngModelChange",function(i){return n.CHM(t),n.oxw(2).cartItem.EntityID=i}),n.qZA()()}if(2&o){const t=n.oxw(2);n.xp6(3),n.Q6J("items",t.entities)("ngModel",t.cartItem.EntityID)}}function Vn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",11)(1,"div",15)(2,"strong"),n._uU(3," Qty "),n.YNc(4,qn,2,1,"span",5),n.qZA(),n.TgZ(5,"input",16,17),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().cartItem.Quantity=i}),n.qZA()(),n.YNc(7,Rn,5,3,"div",18),n.YNc(8,Ln,5,2,"div",19),n.TgZ(9,"div",20)(10,"strong"),n._uU(11,"Discount %"),n.qZA(),n.TgZ(12,"input",21,22),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().cartItem.Discount=i}),n.qZA()(),n.YNc(14,zn,4,2,"div",23),n.qZA()}if(2&o){const t=n.oxw();n.xp6(4),n.Q6J("ngIf",null==t.cartItem.Variant?null:t.cartItem.Variant.UOM),n.xp6(1),n.Q6J("disabled",t.isRetur)("simpleKeyboard",t.keyboard)("preventNegative",!t.isRetur)("ngModel",t.cartItem.Quantity),n.xp6(2),n.Q6J("ngIf",t.unitQtyLabel),n.xp6(1),n.Q6J("ngIf",t.roleCost),n.xp6(4),n.Q6J("simpleKeyboard",t.keyboard)("ngModel",t.cartItem.Discount)("readonly",!t.role.Discount),n.xp6(2),n.Q6J("ngIf",t.splitDeliveryOutletEnabled&&1==(null==t.buyData||null==t.buyData.Order?null:t.buyData.Order.DeliveryStateID))}}function Yn(o,r){1&o&&(n.TgZ(0,"label",37),n._uU(1,"Note:"),n.qZA())}function Hn(o,r){1&o&&(n.TgZ(0,"label",37),n._uU(1,"Serial:"),n.qZA())}function $n(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",38)(1,"a",39),n.NdJ("click",function(){return n.CHM(t),n.oxw(2).serialSelectMode=!0}),n._UZ(2,"i",40),n._uU(3," Back "),n.qZA()()}}function jn(o,r){if(1&o&&(n.TgZ(0,"a",41),n._UZ(1,"img",42),n.qZA()),2&o){const t=n.oxw(2);n.s9C("href",null==t.cartItem||null==t.cartItem.Variant?null:t.cartItem.Variant.ImageUrl,n.LSH),n.xp6(1),n.Q6J("src",t.cartItem.Variant.ThumbnailUrl,n.LSH)}}const Gn=function(){return["code,lists advlist,table"]},Kn=function(o){return{forced_root_block:"",menubar:!1,branding:!1,themes:"modern",plugins:o,toolbar:"code | bold italic | bullist numlist | outdent indent | alignleft aligncenter alignright alignjustify | table | styleselect "}};function Xn(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",11)(1,"div",31),n.YNc(2,Yn,2,0,"label",32),n.YNc(3,Hn,2,0,"label",32),n.YNc(4,$n,4,0,"div",33),n.qZA(),n.TgZ(5,"div",34),n.YNc(6,jn,2,2,"a",35),n.TgZ(7,"editor",36),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().cartItem.Note=i}),n.qZA()()()}if(2&o){const t=n.oxw();n.xp6(2),n.Q6J("ngIf",!t.isSerial()),n.xp6(1),n.Q6J("ngIf",t.isSerial()),n.xp6(1),n.Q6J("ngIf",t.isSerial()),n.xp6(2),n.Q6J("ngIf",null==t.cartItem.Variant?null:t.cartItem.Variant.ImageUrl),n.xp6(1),n.Q6J("init",n.VKq(7,Kn,n.DdM(6,Gn)))("ngModel",t.cartItem.Note)}}function nt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"p-chips",48),n.NdJ("onFocus",function(){return n.CHM(t),n.oxw(2).onFocusAddSerial()})("onBlur",function(){return n.CHM(t),n.oxw(2).onBlurAddSerial()})("ngModelChange",function(i){return n.CHM(t),n.oxw(2).addSerial(i)}),n.qZA()}if(2&o){const t=n.oxw(2);n.Q6J("placeholder","E.g. Serial1 Serial2")("allowDuplicate",!1)("ngModel",t.cartItem.Serial)}}function tt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"ng-select",49),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(2).cartItem.Serial=i}),n.qZA()}if(2&o){const t=n.oxw(2);n.Q6J("items",t.serialOptions)("multiple",!0)("ngModel",t.cartItem.Serial)}}function et(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",11)(1,"div",12)(2,"strong"),n._uU(3,"Serial:"),n.qZA(),n.TgZ(4,"div",43),n.YNc(5,nt,1,3,"p-chips",44),n.YNc(6,tt,1,3,"ng-select",45),n.TgZ(7,"a",46),n.NdJ("click",function(){return n.CHM(t),n.oxw().serialSelectMode=!1}),n._UZ(8,"i",47),n.qZA()()()()}if(2&o){const t=n.oxw();n.xp6(5),n.Q6J("ngIf",t.cartItem.Quantity>=0||!t.cartItem.Quantity),n.xp6(1),n.Q6J("ngIf",t.cartItem.Quantity<0)}}function ot(o,r){1&o&&(n.TgZ(0,"div",50),n._uU(1," Cannot edit quantity for Serialized products "),n.qZA())}let un=(()=>{class o extends class bn{constructor(){this.initModalConfig(),this.cartItem=new I}initModalConfig(){this.modalConfig=new k.O,this.modalConfig.customWidth="685px"}}{constructor(t,e,i,a,l,g,x,q,rn){super(),this.data=t,this.dialogRef=e,this.firstLoadService=i,this.buyDataService=a,this.numpadService=l,this.cartItemService=g,this.backendService=x,this.toastrService=q,this.httpService=rn,this.isFocusSerialInput=!1,this.constants=d.gT,this.destroy$=new O.xQ,this.isRetur=i.role.Return,this.roleCost=i.role.Cost}ngOnInit(){this.initData(),this.subscribeBuyData()}ngAfterViewInit(){setTimeout(()=>{this.initFieldFocus()},200)}subscribeBuyData(){this.buyDataService.Data$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.buyData=t})}initFieldFocus(){switch(this.data&&this.data.focus){case"Price":this._priceElement.nativeElement.focus();break;case"Discount":this._discountElement.nativeElement.focus();break;case"Quantity":this._quantityElement.nativeElement.focus()}}initData(){this.initStatusModal(),this.mapAppConfigJson(this.firstLoadService.Data.AppConfigJSON),this.cartItem=(0,F.d8)(I,this.data.cartItem),this.entities=this.firstLoadService.Data.Entities,this.updateHeaderTitle(this.cartItem.Variant?this.cartItem.Variant.Name:"Adding new items to order"),this.serialSelectMode=this.isSerial(),this.role=this.firstLoadService.role,this.queryInventoryOnOpen&&this.getStockById(),this.numpadVisible&&(this.keyboard=this.numpadService.keyboard),this.getSerialItem()}getSerialItem(){this.cartItem.isSerialType()&&(this.serialOptions=[],this.setSerialSelectOption(),this.httpService.post(d.Wz.GetVariantSerial,{entityID:this.data.entityID,variantID:this.cartItem.VariantID}).subscribe(e=>{this.serialOptions=[...this.serialOptions,...e.map(i=>({Value:i.Serial,Label:i.Serial}))]}))}initConfigQty(){this.quantityToOneInDialog?this.cartItem.Quantity=1:(this.cartItem.Quantity=null,this._quantityElement.nativeElement.focus())}initStatusModal(){this.statusModal=null!=this.data.index?"update":"create"}updateHeaderTitle(t){this.modalConfig.title=t}onAddItem(t){this.backendService.getVariantById(t,this.data.entityID).pipe((0,_.R)(this.destroy$)).subscribe(e=>{this.createNewCartItem(e),this.initConfigQty()})}onScanProductCode(t){this.backendService.getVarianByCode(t,this.data.entityID).pipe((0,_.R)(this.destroy$)).subscribe(e=>{this.createNewCartItem(e)})}createNewCartItem(t){let e=new I(t);this.cartItem=e,this.serialSelectMode=this.isSerial(),this.queryInventoryOnOpen=!1,this.updateHeaderTitle(this.cartItem.Variant.Name)}onDeliveryEntityChange(t){let e=this.entities.find(i=>i.ID==t);e&&(this.cartItem.EntityName=e.Name)}checkItemIsUndefined(){let e=!1;return d.gT.IsEmpty(this.cartItem.VariantID)&&(e=!0,this.toastrService.error("Item is not selected properly, please re-select item.","Error")),e}getStockById(){this.backendService.getItemStock(this.cartItem.VariantID,this.data.entityID).pipe((0,_.R)(this.destroy$)).subscribe(e=>{e&&(this.queryInventoryOnOpen=!0,this.onHand=e.OnHand,this.allocated=e.Allocated)})}onOk(t){if(!this.isFocusSerialInput){if(!this.validateConfigDefaultQuantity(t))return;if(!this.cartItem.checkMatchSerialWithQuantity())return void this.toastrService.warning("Serial must be equal with the quantity","Warning!");if(this.checkItemIsUndefined())return;this.cartItem.setSerialToNote(),"create"===this.statusModal?this.cartItemService.addItemToCart(this.cartItem,!0):this.cartItemService.updateCartItem(this.cartItem,this.data.index),this.dialogRef.close()}}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}validateConfigDefaultQuantity(t){return!("Enter"==t&&!this.quantityToOneInDialog)||this.cartItem.Quantity>0}isSerial(){return null!=this.cartItem.Variant&&4==this.cartItem.Variant.TypeID}mapAppConfigJson(t){this.numpadVisible=t.ModuleSell.NumPadVisible,this.pricebookCopyDesc=t.ModuleSell.Pricebook.PricebookVisible,this.queryInventoryOnOpen=t.ModuleSell.ProductDialog.QueryInventoryOnOpen,this.calculatorEnabled=t.ModuleSell.ProductDialog.CalculatorEnabled,this.quantityToOneInDialog=t.ModuleSell.ProductDialog.QuantityToOneInDialog,this.unitQtyLabel=t.ModuleSell.ProductDialog.UnitQtyLabel,this.splitDeliveryOutletEnabled=t.ModuleSell.ProductDialog.SplitDeliveryOutletEnabled}onFocusAddSerial(){this.isFocusSerialInput=!0}onBlurAddSerial(){this.isFocusSerialInput=!1}addSerial(t){this.cartItem.Serial=t,this.cartItem.Quantity=t.length,this.setSerialSelectOption()}setSerialSelectOption(){this.cartItem.Serial&&(this.serialOptions=this.cartItem.Serial.map(t=>({Value:t,Label:t})))}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(M.WI),n.Y36(M.so),n.Y36(P.O),n.Y36(C),n.Y36(yn.u),n.Y36(K),n.Y36(U.M),n.Y36(X._W),n.Y36(Q.O))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-modal-item"]],viewQuery:function(t,e){if(1&t&&(n.Gf(En,5),n.Gf(Jn,5),n.Gf(Fn,5)),2&t){let i;n.iGM(i=n.CRH())&&(e._quantityElement=i.first),n.iGM(i=n.CRH())&&(e._priceElement=i.first),n.iGM(i=n.CRH())&&(e._discountElement=i.first)}},features:[n.qOj],decls:11,vars:8,consts:[[3,"config","onOk","onCancel","onClose"],[1,"mt-0","ml-2"],["class","p-0 m-0 text-white font-weight-normal",4,"ngIf"],["style","cursor: pointer",3,"click",4,"ngIf"],[2,"min-width","650px"],[4,"ngIf"],["class","row form-group",4,"ngIf"],["class","text-danger",4,"ngIf"],[1,"p-0","m-0","text-white","font-weight-normal"],[2,"cursor","pointer",3,"click"],[1,"fas","fa-question-circle","mt-1"],[1,"row","form-group"],[1,"col"],["inputID","product","requestUrl","/API/AC/GetVariantSuggestionByCodeNName","placeholder","Input product name / code",1,"form-control",3,"localStorage","inputTextValue","clearOnSelect","onInputEnter","onSelect"],["variant",""],[1,"col-auto","mb-4","pr-0",2,"width","82px"],["id","txtCartQuantity","keyboardType","number","type","text","autoNum","",1,"form-control","input-numpad",3,"disabled","simpleKeyboard","preventNegative","ngModel","ngModelChange"],["quantity",""],["class","col-auto pr-0","style","width: 82px",4,"ngIf"],["class","col-auto pr-0","style","width: 112px",4,"ngIf"],[1,"col-auto","pr-0",2,"width","90px"],["id","inputDiscount","keyboardType","number","type","text","autoNum","","percentage","",1,"form-control",3,"simpleKeyboard","ngModel","readonly","ngModelChange"],["discount",""],["class","col-auto pr-0","style","width: 220px",4,"ngIf"],[1,"col-auto","pr-0",2,"width","82px"],["type","text","autoNum","",1,"form-control","input-numpad",3,"preventNegative","ngModel","ngModelChange"],[1,"col-auto","pr-0",2,"width","112px"],["id","inputPrice","keyboardType","number","type","text","autoNum","",1,"form-control",3,"simpleKeyboard","ngModel","ngModelChange"],["price",""],[1,"col-auto","pr-0",2,"width","220px"],["bindLabel","Name","bindValue","ID","placeholder","Delivery Outlet",2,"width","200px",3,"items","ngModel","ngModelChange"],[1,"col-sm-12","d-flex","justify-content-between"],["class","font-weight-bold d-block",4,"ngIf"],["class","mx-3",4,"ngIf"],[1,"col","tinymce"],["target","_blank",3,"href",4,"ngIf"],["apiKey","zc58cdrrftek5r5igtmjiar7ed4n3wr00hzd4w4mvtx8mpxa","placeholder","Note",1,"form-control","p-0","border-0",3,"init","ngModel","ngModelChange"],[1,"font-weight-bold","d-block"],[1,"mx-3"],[1,"keyboard-serial","ml-auto",2,"cursor","pointer",3,"click"],[1,"fas","fa-undo","mr-2"],["target","_blank",3,"href"],["ng-style","{ width: thumbnailWidth + 'px' }",1,"border","rounded",3,"src"],[1,"d-flex"],[3,"placeholder","allowDuplicate","ngModel","onFocus","onBlur","ngModelChange",4,"ngIf"],["style","width: 490px; position: fixed; z-index: 100","bindLabel","Label","bindValue","Value","placeholder","Insert Serial",3,"items","multiple","ngModel","ngModelChange",4,"ngIf"],[1,"keyboard-serial","ml-auto",3,"click"],[1,"fas","fa-keyboard","fa-2x","pl-5"],[3,"placeholder","allowDuplicate","ngModel","onFocus","onBlur","ngModelChange"],["bindLabel","Label","bindValue","Value","placeholder","Insert Serial",2,"width","490px","position","fixed","z-index","100",3,"items","multiple","ngModel","ngModelChange"],[1,"text-danger"]],template:function(t,e){1&t&&(n.TgZ(0,"modal-material",0),n.NdJ("onOk",function(a){return e.onOk(a)})("onCancel",function(){return e.dialogRef.close()})("onClose",function(){return e.dialogRef.close()}),n.TgZ(1,"header",1),n.YNc(2,Un,7,7,"h4",2),n.YNc(3,Qn,2,0,"a",3),n.qZA(),n.TgZ(4,"content")(5,"div",4),n.YNc(6,Bn,5,3,"ng-container",5),n.YNc(7,Vn,15,11,"div",6),n.YNc(8,Xn,8,9,"div",6),n.YNc(9,et,9,2,"div",6),n.YNc(10,ot,2,0,"div",7),n.qZA()()()),2&t&&(n.Q6J("config",e.modalConfig),n.xp6(2),n.Q6J("ngIf",e.queryInventoryOnOpen),n.xp6(1),n.Q6J("ngIf",e.cartItem.Variant&&!e.queryInventoryOnOpen),n.xp6(3),n.Q6J("ngIf","create"==e.statusModal),n.xp6(1),n.Q6J("ngIf",e.cartItem),n.xp6(1),n.Q6J("ngIf",!e.serialSelectMode),n.xp6(1),n.Q6J("ngIf",e.serialSelectMode&&e.constants.IsEmpty(e.cartItem.ID)),n.xp6(1),n.Q6J("ngIf",e.serialSelectMode&&e.constants.IsNotEmpty(e.cartItem.ID)))},directives:[y.M,s.O5,nn.J,p.Fj,Y.b,vn.V,p.JJ,p.On,B.w9,sn.PG,gn],pipes:[s.JJ],styles:[".tinymce[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  z-index: 2;\n  position: absolute;\n  right: 15px;\n  bottom: 19px;\n}\n.tinymce[_ngcontent-%COMP%]   editor[_ngcontent-%COMP%] {\n  height: max-content;\n  z-index: 1;\n}\n.more[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0px;\n  left: 30px;\n}\n.unit-qty[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  width: 100px;\n}\np-chips[_ngcontent-%COMP%]  ul.p-inputtext {\n  width: 570px;\n  max-width: 570px;\n  border: 1px solid #C8D3DF;\n}\np-chips[_ngcontent-%COMP%]  ul.p-inputtext li.p-chips-input-token > input[type=text] {\n  border: none;\n}\np-chips[_ngcontent-%COMP%]  .p-chips .p-chips-multiple-container:not(.p-disabled):hover {\n  border: 1px solid #C8D3DF;\n}\np-chips[_ngcontent-%COMP%]  .p-chips-multiple-container {\n  display: inline-block;\n}\np-chips[_ngcontent-%COMP%]  .p-chips-multiple-container .p-chips-token {\n  margin: 2px;\n  background: #96bf48;\n}"]}),o})();var it=c(47634);let at=(()=>{class o{constructor(t,e){this.dialogRef=t,this.data=e,this.disc=[],this.config=new k.O,this.config.title="Discount from Supplier",this.config.showMoreButton=!0}discountCalculator(){let t=100;this.disc.forEach(e=>t=t*(100-e)/100),this.data.discount=100-t}onOk(){this.dialogRef.close(this.data)}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(M.so),n.Y36(M.WI))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-modal-discount"]],decls:27,vars:7,consts:[[3,"config","onCancel","onClose","onOk"],[1,"form-row"],[1,"form-group","col-md"],[1,"font-weight-bold","d-block"],["type","text","autoNum","","percentage","","decimalPlaces","3",1,"form-control","d-inline","w-75",3,"ngModel","ngModelChange"],[1,"font-weight-bold"],["type","text","autoNum","",1,"form-control",3,"ngModel","ngModelChange"],[1,"form-group"],["type","text","autoNum","","percentage","",1,"form-control",2,"width","55px","display","inline",3,"ngModel","ngModelChange","keyup"]],template:function(t,e){1&t&&(n.TgZ(0,"modal-material",0),n.NdJ("onCancel",function(){return e.dialogRef.close()})("onClose",function(){return e.dialogRef.close()})("onOk",function(){return e.onOk()}),n.TgZ(1,"content")(2,"div",1)(3,"div",2)(4,"label",3),n._uU(5,"Discount %"),n.qZA(),n.TgZ(6,"input",4),n.NdJ("ngModelChange",function(a){return e.data.discount=a}),n.qZA(),n.TgZ(7,"span"),n._uU(8,"%"),n.qZA()(),n.TgZ(9,"div",2)(10,"label",5),n._uU(11),n.qZA(),n.TgZ(12,"input",6),n.NdJ("ngModelChange",function(a){return e.data.discountAmount=a}),n.qZA()()()(),n.TgZ(13,"more-content")(14,"div",7)(15,"label",5),n._uU(16,"Discount Calculator"),n.qZA(),n.TgZ(17,"div")(18,"input",8),n.NdJ("ngModelChange",function(a){return e.disc[0]=a})("keyup",function(){return e.discountCalculator()}),n.qZA(),n.TgZ(19,"span"),n._uU(20,"%+"),n.qZA(),n.TgZ(21,"input",8),n.NdJ("ngModelChange",function(a){return e.disc[1]=a})("keyup",function(){return e.discountCalculator()}),n.qZA(),n.TgZ(22,"span"),n._uU(23,"%+"),n.qZA(),n.TgZ(24,"input",8),n.NdJ("ngModelChange",function(a){return e.disc[2]=a})("keyup",function(){return e.discountCalculator()}),n.qZA(),n.TgZ(25,"span"),n._uU(26,"%"),n.qZA()()()()()),2&t&&(n.Q6J("config",e.config),n.xp6(6),n.Q6J("ngModel",e.data.discount),n.xp6(5),n.hij("Discount ",e.data.currencySymbol,""),n.xp6(1),n.Q6J("ngModel",e.data.discountAmount),n.xp6(6),n.Q6J("ngModel",e.disc[0]),n.xp6(3),n.Q6J("ngModel",e.disc[1]),n.xp6(3),n.Q6J("ngModel",e.disc[2]))},directives:[y.M,p.Fj,Y.b,p.JJ,p.On],styles:[""]}),o})();var tn=c(11156),rt=c(4062);let N=(()=>{class o{constructor(t,e,i){this.firstLoadService=t,this.buyDataService=e,this.decimalPipe=i,this._Data=new V.X(null),this.currentTax=new rt.z,this.currencySymbol="Rp",this.Data$=this._Data.asObservable().pipe((0,f.h)(a=>null!==a)),this.buyData=new m,this.firstLoadService.Data$.subscribe(a=>{this.appConfigJson=a.AppConfigJSON,this.buyDataService.Data$.subscribe(l=>{this.buyData=l,d.gT.IsNotEmpty(l.Order.Number)&&this.pushNewValue(this.grandTotal)})})}get Data(){return this._Data.value}pushNewValue(t){this._Data.next(t)}get grandTotal(){const t=this.totalAfterTax;return isNaN(t)?0:t}get grossTotal(){return this.sum(this.buyData.Items,"Total")}get totalAfterTax(){let t=this.taxAmount;return this.currentTax.CalculationTypeID==tn.E.Include&&(t=0),this.totalAfterDiscount+t}get grossTotalTaxable(){const t=this.buyData.Items.filter(i=>i.Taxable);let e=this.sum(t,"Total");if(0!==t.length)if(1===this.appConfigJson.ModuleSell.BaseTaxCalculation)e=e*(100-this.buyData.Order.Discount)/100,e-=this.buyData.Order.DiscountAmount;else{for(const i of t)i.TotalWithoutDiscount=i.Quantity*i.UnitPrice*i.UnitQuantity;e=this.sum(t,"TotalWithoutDiscount")}return e}get TotalBeforeTax(){let e=0;return e=this.currentTax.CalculationTypeID===tn.E.Include?this.totalAfterDiscount-this.taxAmount:this.totalAfterDiscount,e}get discount1Amount(){return this.grossTotal*this.buyData.Order.Discount/100}get totalAfterDiscount(){return this.grossTotal-this.discountTotal}get discountTotal(){return this.discount1Amount+Number(this.buyData.Order.DiscountAmount)}get taxAmount(){if(null!=this.currentTax){let t=0;return d.gT.IsNotEmpty(this.appConfigJson.ModuleSell),t=this.grossTotalTaxable,this.currentTax.CalculationTypeID==tn.E.Include?t-100*t/(100+this.currentTax.Rate):(t*=this.currentTax.Rate/100,t)}return 0}sum(t,e){let i=t.reduce((a,l)=>a+l[e],0);return i=this.decimalPipe.transform(i,"1.0-4"),i=parseFloat(i.split(",").join("")),i}generateCashSuggestion(){const i=this.firstLoadService.Data.Payments.filter(l=>1==l.TypeID),a=[];return i.length>0&&(a.push(this.grandTotal),[1e4,2e4,5e4,1e5].forEach(l=>{let g=this.grandTotal/l;g=Math.ceil(g);const x=g*l;0!=x&&-1===a.indexOf(x)&&a.length<3&&a.push(x)})),a}}return o.\u0275fac=function(t){return new(t||o)(n.LFG(P.O),n.LFG(C),n.LFG(s.JJ))},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();const ct=function(o){return{selected:o}};function lt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",9)(1,"label",10)(2,"input",11),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(2).buyData.Order.TypeID=i}),n.qZA(),n._uU(3),n.qZA()()}if(2&o){const t=r.$implicit,e=r.index,i=n.oxw(2);n.xp6(1),n.s9C("for","potype-"+e),n.Q6J("ngClass",n.VKq(6,ct,i.buyData.Order.TypeID==t.ID)),n.xp6(1),n.s9C("id","potype-"+e),n.Q6J("ngModel",i.buyData.Order.TypeID)("value",t.ID),n.xp6(1),n.hij(" ",t.Name," ")}}function dt(o,r){if(1&o&&(n.TgZ(0,"tr",6)(1,"th",7),n._uU(2,"Type"),n.qZA(),n.TgZ(3,"td"),n._uU(4,":"),n.qZA(),n.TgZ(5,"td"),n.YNc(6,lt,4,8,"div",8),n.qZA()()),2&o){const t=n.oxw();n.xp6(6),n.Q6J("ngForOf",t.poTypes)}}function st(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"tr")(1,"th"),n._uU(2,"Currency"),n.qZA(),n.TgZ(3,"td"),n._uU(4,":"),n.qZA(),n.TgZ(5,"td")(6,"div",12)(7,"div",13)(8,"ng-select",14),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().buyData.Order.CurrencyID=i})("change",function(i){return n.CHM(t),n.oxw().updateCurrencySymbol(i)}),n.qZA()(),n.TgZ(9,"div",15)(10,"span"),n._uU(11,"@"),n.qZA(),n.TgZ(12,"input",16),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().buyData.Order.CurrencyRate=i}),n.qZA()()()()()}if(2&o){const t=n.oxw();n.xp6(8),n.Q6J("items",t.currencies)("ngModel",t.buyData.Order.CurrencyID)("clearable",!1),n.xp6(1),n.Q6J("hidden",t.buyData.Order.CurrencyID==t.defaultCurrencyID),n.xp6(3),n.Q6J("ngModel",t.buyData.Order.CurrencyRate)}}let pt=(()=>{class o{constructor(t,e,i,a){this.firstLoadService=t,this.dialogRef=e,this.buyDataService=i,this.invoiceCalculatorService=a,this.buyData=new m,this.modalConfig=new k.O,this.modalConfig.title="Purchase order Note",this.poTypes=t.Data.SupplierPOTypes,this.currencies=t.Data.Currencies,this.predefinedNotes=t.Data.PredefinedNotes,this.defaultCurrencyID=t.Data.AppConfigJSON.CoreDefaults.CurrencyID,this.buyData=this.buyDataService.Data}updateCurrencySymbol(t){this.invoiceCalculatorService.currencySymbol=t.Symbol}onSelectNote(t){let e=this.predefinedNotes.find(i=>i.ID==t);this.buyData.Order.Note=e.Label}onOk(t){"Enter"!==t&&(this.buyDataService.pushNewValue(this.buyData),this.dialogRef.close())}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(P.O),n.Y36(M.so),n.Y36(C),n.Y36(N))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-modal-note"]],decls:20,vars:7,consts:[[3,"config","onCancel","onOk"],["id","trPOType",4,"ngIf"],[1,"vTop"],["data-cy","invoicenote",3,"ngModel","ngModelChange"],[4,"ngIf"],["bindLabel","Label","bindValue","Description","placeholder","Term","appendTo","body",1,"currency-select",2,"width","100px",3,"items","ngModel","clearable","ngModelChange"],["id","trPOType"],[2,"width","60px"],["class","rad-btn",4,"ngFor","ngForOf"],[1,"rad-btn"],[3,"for","ngClass"],["type","radio",3,"ngModel","value","id","ngModelChange"],[1,"row","no-gutters"],[1,"col-sm-(1.8)"],["bindLabel","Name","bindValue","ID","placeholder","Outlet","appendTo","body",1,"currency-select",2,"width","100px",3,"items","ngModel","clearable","ngModelChange","change"],[1,"col-sm-2","ml-3",3,"hidden"],["type","text","autoNum","",2,"width","100px",3,"ngModel","ngModelChange"]],template:function(t,e){1&t&&(n.TgZ(0,"modal-material",0),n.NdJ("onCancel",function(){return e.dialogRef.close()})("onOk",function(a){return e.onOk(a)}),n.TgZ(1,"content")(2,"table")(3,"tbody"),n.YNc(4,dt,7,1,"tr",1),n.TgZ(5,"tr")(6,"th",2),n._uU(7,"Note"),n.qZA(),n.TgZ(8,"td",2),n._uU(9,":"),n.qZA(),n.TgZ(10,"td")(11,"textarea",3),n.NdJ("ngModelChange",function(a){return e.buyData.Order.Note=a}),n.qZA()()(),n.YNc(12,st,13,5,"tr",4),n.TgZ(13,"tr")(14,"th"),n._uU(15,"Term"),n.qZA(),n.TgZ(16,"td"),n._uU(17,":"),n.qZA(),n.TgZ(18,"td")(19,"ng-select",5),n.NdJ("ngModelChange",function(a){return e.buyData.Order.Note=a}),n.qZA()()()()()()()),2&t&&(n.Q6J("config",e.modalConfig),n.xp6(4),n.Q6J("ngIf",e.poTypes.length>1),n.xp6(7),n.Q6J("ngModel",e.buyData.Order.Note),n.xp6(1),n.Q6J("ngIf",e.currencies.length>1),n.xp6(7),n.Q6J("items",e.predefinedNotes)("ngModel",e.buyData.Order.Note)("clearable",!1))},directives:[y.M,s.O5,s.sg,s.mk,p._,p.Fj,p.JJ,p.On,B.w9,Y.b],styles:[".rad-btn[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n}\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #dddddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: black;\n}\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.rad-btn[_ngcontent-%COMP%]   label.selected[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}"]}),o})();var b=(()=>{return(o=b||(b={}))[o.NEW=0]="NEW",o[o.UPDATE=1]="UPDATE",o[o.COMPLETE=2]="COMPLETE",o[o.RETUR=3]="RETUR",b;var o})();let $=(()=>{class o{constructor(){}}return o.\u0275fac=function(t){return new(t||o)},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();var en=c(69832),_n=c(75652),gt=c(40845);function ut(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",11)(1,"div",12)(2,"h5",13),n._uU(3,"Deduct inventory from outlet"),n.qZA()(),n.TgZ(4,"div",3)(5,"ng-select",14),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().deliveryEntityID=i}),n.qZA()()()}if(2&o){const t=n.oxw();n.xp6(5),n.Q6J("ngModel",t.deliveryEntityID)("items",t.entities)("disabled",!t.isDelivery&&t.currentStateTransaction==t.buyState.UPDATE&&(t.currentDeliveryState==t.deliveryState.Sent||t.currentDeliveryState==t.deliveryState.Partial))}}function _t(o,r){1&o&&(n.ynx(0),n.TgZ(1,"h5",15),n._uU(2,"Unfulfilled order, product inventory is allocated "),n.qZA(),n.BQk())}const mt=function(){return{standalone:!0}};function ht(o,r){if(1&o){const t=n.EpF();n.ynx(0),n.TgZ(1,"div",16)(2,"div",17)(3,"div",18)(4,"label",19),n._uU(5),n.qZA(),n.TgZ(6,"div")(7,"datepicker",20),n.NdJ("dateChange",function(i){return n.CHM(t),n.oxw().buyData.Invoice.DateCustom=i}),n.qZA()()(),n.TgZ(8,"div")(9,"label",21),n._uU(10,"Time"),n.qZA(),n.TgZ(11,"div")(12,"p-calendar",22,23),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().buyData.Invoice.TimeCustom=i}),n.TgZ(14,"p-footer")(15,"button",24),n.NdJ("click",function(){return n.CHM(t),n.MAs(13).hideOverlay()}),n.qZA()()()()()()(),n.BQk()}if(2&o){const t=n.oxw();n.xp6(5),n.Oqu(t.shippingDateLabel),n.xp6(2),n.Q6J("date",t.buyData.Invoice.DateCustom),n.xp6(1),n.Udp("margin-top","-20px"),n.xp6(4),n.Q6J("ngModel",t.buyData.Invoice.TimeCustom)("timeOnly",!0)("ngModelOptions",n.DdM(7,mt))}}let Ct=(()=>{class o{constructor(t,e,i,a,l,g){this.dialogRef=t,this.firstLoadService=e,this.buyDataService=i,this.datePipe=a,this.buyStateService=l,this.locale=g,this.modalConfig=new k.O,this.isDelivery=!1,this.shippingDateLabel="Fulfillment Date",this.buyData=new m,this.deliveryState=D,this.buyState=b,this.entities=e.Data.Entities,this.buyData=i.Data,this.deliveryEntityID=this.buyData.Action.DeliveryEntityID,this.appConfig=e.Data.AppConfigJSON,this.currentStateTransaction=l.state,this.initStartTime()}ngOnInit(){this.initModal(),this.initShipingFormVisible(),this.initDefaultOrderDelivery(),this.checkRecepientIsBuyer()}initModal(){this.modalConfig.title="Order Fullfillment",this.modalConfig.customWidth="590px"}checkRecepientIsBuyer(){this.isRecipientAsBuyer=!!d.gT.IsNotEmpty(this.buyData.Shipping.Name)}initStartTime(){this.datePipe=new s.uU(this.locale);var t=new Date;this.startTime=t.getHours()+":"+t.getMinutes()}initShipingFormVisible(){this.shippingFormVisible=this.firstLoadService.Data.AppConfigJSON.ModuleSell.Shipping.DeliveryAddressAlwaysVisible}initDefaultOrderDelivery(){this.currentDeliveryState=this.buyData.Order.DeliveryStateID,this.isDelivery=!!d.gT.IsEmpty(this.deliveryEntityID)}onChangeTypeDelivery(){this.deliveryEntityID=this.isDelivery?d.gT.GuidEmpty:this.buyData.Order.EntityID}onOk(){d.gT.IsNotEmpty(this.buyData.Invoice.DateCustom)&&this.setCustomDateField(),this.clearShippingData(),this.buyData.Action.DeliveryEntityID=this.deliveryEntityID,this.buyDataService.pushNewValue(this.buyData),this.dialogRef.close()}clearShippingData(){if(!this.isRecipientAsBuyer)for(const t of Object.getOwnPropertyNames(this.buyData.Shipping))this.buyData.Shipping[t]=""}setCustomDateField(){this.buyData.Invoice.DateCustom=this.buyData.Invoice.DateCustom?this.buyData.Invoice.DateCustom:new Date;let t=this.buyData.Invoice.TimeCustom?this.datePipe.transform(this.buyData.Invoice.TimeCustom,"hh:mm"):"00:00";if(this.isDelivery||this.shippingFormVisible){let e=this.datePipe.transform(this.buyData.Invoice.DateCustom,"d MMM y");this.buyData.Invoice.CustomDateField=`${e} ${t}`}}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(M.so),n.Y36(P.O),n.Y36(C),n.Y36(s.uU),n.Y36($),n.Y36(n.soG))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-modal-fulfillment"]],decls:21,vars:9,consts:[[3,"config","onOk","onCancel","onClose"],[1,"container"],[1,"row","align-items-start","py-2","my-2"],[1,"col"],["name","fontStyle","aria-label","Font Style",3,"ngModel","ngModelChange","change"],["data-cy","Now",3,"value","disabled"],[1,"p-5"],[1,"text-muted"],["data-cy","Later",3,"value","disabled"],["class","row align-items-center mt-5",4,"ngIf"],[4,"ngIf"],[1,"row","align-items-center","mt-5"],[1,"col-auto","pr-0"],[1,"pl-8"],["appendTo","body","bindLabel","Name","bindValue","ID","placeholder","Outlet","data-cy","DeductInventory",1,"tall","auto-grow",2,"width","250px",3,"ngModel","items","disabled","ngModelChange"],[1,"bg-gradient-warning","text-center","py-7","rounded-lg","border","mb-5"],[1,"row","mt-8"],[1,"col-md-6","d-flex","align-items-center"],[1,"w-75"],["for","shippingDate",1,"text-muted","mb-0"],["appearance","outline","width","85","id","shippingDate",3,"date","dateChange"],["for","shippingTime",1,"text-muted","mb-0"],["styleClass","custom-height","id","shippingTime","appendTo","body",3,"ngModel","timeOnly","ngModelOptions","ngModelChange"],["myCalendar",""],["pButton","","type","button","label","Close",3,"click"]],template:function(t,e){1&t&&(n.TgZ(0,"modal-material",0),n.NdJ("onOk",function(){return e.onOk()})("onCancel",function(){return e.dialogRef.close()})("onClose",function(){return e.dialogRef.close()}),n.TgZ(1,"content")(2,"div",1)(3,"div",2)(4,"div",3)(5,"mat-button-toggle-group",4),n.NdJ("ngModelChange",function(a){return e.isDelivery=a})("change",function(){return e.onChangeTypeDelivery()}),n.TgZ(6,"mat-button-toggle",5)(7,"h3",6),n._uU(8," Now "),n.TgZ(9,"small",7)(10,"em"),n._uU(11,"(in store purchase)"),n.qZA()()()(),n.TgZ(12,"mat-button-toggle",8)(13,"h3",6),n._uU(14," Later "),n.TgZ(15,"small",7)(16,"em"),n._uU(17,"(shipped to customer address)"),n.qZA()()()()()()(),n.YNc(18,ut,6,3,"div",9),n.YNc(19,_t,3,0,"ng-container",10),n.YNc(20,ht,16,8,"ng-container",10),n.qZA()()()),2&t&&(n.Q6J("config",e.modalConfig),n.xp6(5),n.Q6J("ngModel",e.isDelivery),n.xp6(1),n.Q6J("value",!1)("disabled",e.isDelivery&&e.currentStateTransaction==e.buyState.UPDATE&&(e.currentDeliveryState==e.deliveryState.Sent||e.currentDeliveryState==e.deliveryState.Partial)),n.xp6(6),n.Q6J("value",!0)("disabled",!e.isDelivery&&e.currentStateTransaction==e.buyState.UPDATE&&(e.currentDeliveryState==e.deliveryState.Sent||e.currentDeliveryState==e.deliveryState.Partial)),n.xp6(6),n.Q6J("ngIf",!e.isDelivery),n.xp6(1),n.Q6J("ngIf",e.isDelivery),n.xp6(1),n.Q6J("ngIf",e.isDelivery||e.shippingFormVisible))},directives:[y.M,en.A9,p.JJ,p.On,en.Yi,s.O5,B.w9,T.QB,_n.f,H.$_,gt.Hq],styles:[".container[_ngcontent-%COMP%] {\n  min-height: 220px;\n}\n\ninput[type=radio][_ngcontent-%COMP%] {\n  margin-top: -0.2rem;\n  vertical-align: middle;\n}\n\n  ngx-timepicker-field.shipping-picker > div.ngx-timepicker {\n  position: absolute;\n  left: -15px;\n  top: 8px;\n}\n\n.mat-button-toggle-checked[_ngcontent-%COMP%] {\n  background-color: #dfeffc;\n  color: #0976b4;\n}\n\n  p-calendar span.p-calendar.p-calendar-timeonly.custom-height {\n  height: 44px;\n  margin-top: 3px;\n  width: 55px;\n}\n\n.custom-switch.custom-switch-lg[_ngcontent-%COMP%] {\n  padding-bottom: 1rem;\n  padding-left: 2.25rem;\n}\n\n.custom-switch.custom-switch-lg[_ngcontent-%COMP%]   .custom-control-label[_ngcontent-%COMP%] {\n  padding-left: 0.75rem;\n  padding-top: 0.15rem;\n}\n\n.custom-switch.custom-switch-lg[_ngcontent-%COMP%]   .custom-control-label[_ngcontent-%COMP%]::before {\n  border-radius: 1rem;\n  height: 1.5rem;\n  width: 2.5rem;\n}\n\n.custom-switch.custom-switch-lg[_ngcontent-%COMP%]   .custom-control-label[_ngcontent-%COMP%]::after {\n  border-radius: 0.65rem;\n  height: calc(1.5rem - 4px);\n  width: calc(1.5rem - 4px);\n}\n\n.custom-switch.custom-switch-lg[_ngcontent-%COMP%]   .custom-control-input[_ngcontent-%COMP%]:checked    ~ .custom-control-label[_ngcontent-%COMP%]::after {\n  transform: translateX(1rem);\n}\n\n.custom-control-input[_ngcontent-%COMP%]:focus    ~ .custom-control-label[_ngcontent-%COMP%]::before {\n  border-color: #89b03e !important;\n}\n\n.custom-control-input[_ngcontent-%COMP%]:checked    ~ .custom-control-label[_ngcontent-%COMP%]::before {\n  border-color: #89b03e !important;\n  background-color: #89b03e !important;\n}"]}),o})();var A=(()=>{return(o=A||(A={}))[o.cash=1]="cash",o[o.card=2]="card",o[o.emoney=3]="emoney",o[o.other=4]="other",A;var o})(),j=(()=>{return(o=j||(j={}))[o.NOW=0]="NOW",o[o.LATER=1]="LATER",j;var o})();let on=(()=>{class o{constructor(t,e,i,a){this.backendService=t,this.toastrService=e,this.buyDataService=i,this.httpService=a,this._Data=new V.X(null),this.Data$=this._Data.asObservable()}get Data(){return this._Data.value}pushNewValue(t){this._Data.next(t)}createNewSupplier(t){this.backendService.createNewContact(t,"supplier").subscribe(e=>{this.setSupplierData(e.ID),this.supplier=t,this.toastrService.success("Succes create new Supplier","Success")})}setSupplierData(t){this.httpService.post(d.Wz.GetSupplierDTO,{id:t}).subscribe(e=>{this.buyDataService.Data.Order.SupplierID=t,this.pushNewValue(e)})}}return o.\u0275fac=function(t){return new(t||o)(n.LFG(U.M),n.LFG(X._W),n.LFG(C),n.LFG(Q.O))},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();var mn=c(22868);let hn=(()=>{class o{constructor(t,e,i){this.backendService=t,this.buyDataService=e,this.datePipe=i,this._Data=new V.X(null),this.Data$=this._Data.asObservable().pipe((0,f.h)(a=>null!==a))}get Data(){return this._Data.value}pushNewValue(t){this._Data.next(t)}submitOrder(t,e){let i=(0,F.yE)(m,t);return i.Order.Date=this.datePipe.transform(i.Order.Date,"dd MMM yyyy"),null===i.Action.DeliveryEntityID&&(i.Action.DeliveryEntityID=1==e.ModuleBuy.Shipping.BuyShippingDefault?d.gT.GuidEmpty:i.Order.EntityID),i=this.setDeliveryStateID(i,e),i.Items=this.removeVariantObject(i.Items),this.backendService.submitTransaction(i,d.Wz.CheckOutUrlBuy).pipe((0,mn.b)(a=>{this.buyDataService.Data.Invoice.ID=a.InvoiceID,this.buyDataService.Data.Order.ID=a.OrderID,this.pushNewValue(a)}))}removeVariantObject(t){return t.map(e=>(delete e.Variant,e))}setDeliveryStateID(t,e){return t.Order.DeliveryStateID=D.Unsent,t}}return o.\u0275fac=function(t){return new(t||o)(n.LFG(U.M),n.LFG(C),n.LFG(s.uU))},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();var an=c(93669);const Cn=function(o){return{selected:o}};function ft(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",6)(1,"a",7),n.NdJ("click",function(){return n.CHM(t),n.oxw().onNowClick()}),n._uU(2," Now "),n.qZA(),n.TgZ(3,"a",7),n.NdJ("click",function(){return n.CHM(t),n.oxw().onLaterClick()}),n._uU(4," Later "),n.TgZ(5,"span",8),n._uU(6,"Take Credit"),n.qZA()()()}if(2&o){const t=n.oxw();n.xp6(1),n.Q6J("ngClass",n.VKq(2,Cn,t.isPayNow)),n.xp6(2),n.Q6J("ngClass",n.VKq(4,Cn,!t.isPayNow))}}function Mt(o,r){if(1&o){const t=n.EpF();n.ynx(0),n.TgZ(1,"input",20),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(2).buyData.Payment.Amount=i})("ngModelChange",function(i){return n.CHM(t),n.oxw(2).onUpdateCashPayment(i)}),n.qZA(),n.BQk()}if(2&o){const t=n.oxw(2);n.xp6(1),n.Q6J("disabled",!t.role.ShowCost)("ngModel",t.buyData.Payment.Amount)}}function Ot(o,r){1&o&&n._UZ(0,"input",21)}function Pt(o,r){if(1&o&&(n.TgZ(0,"div",22),n._uU(1),n.ALo(2,"number"),n.qZA()),2&o){const t=n.oxw(2);n.Q6J("ngClass",t.buyData.Payment.Amount>0?"success":"danger"),n.xp6(1),n.AsE(" ",t.currencySymbol," ",n.lcZ(2,3,t.buyData.Payment.Amount)," ")}}function bt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",26)(1,"a",27),n.NdJ("click",function(){const a=n.CHM(t).$implicit;return n.oxw(3).onSelectPayment(a)}),n.TgZ(2,"span",28),n._UZ(3,"img",29),n.qZA(),n.TgZ(4,"span",30),n._uU(5),n.ALo(6,"limitTo"),n.qZA()()()}if(2&o){const t=r.$implicit,e=n.oxw(3);n.xp6(1),n.Q6J("ngClass",e.buyData.Payment.MethodID===t.ID?"active":""),n.xp6(1),n.Q6J("hidden",null==t.ImageUrl),n.xp6(1),n.Q6J("src",t.ImageUrl,n.LSH),n.xp6(1),n.s9C("title",t.Name),n.Q6J("hidden",null!=t.ImageUrl),n.xp6(1),n.hij(" ",n.xi3(6,6,t.Name,20)," ")}}function xt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",31)(1,"div",32)(2,"input",33),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(3).buyData.Payment.Note=i}),n.qZA(),n.TgZ(3,"input",34),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(3).buyData.Payment.Code=i}),n.qZA()()()}if(2&o){const t=n.oxw(3);n.xp6(2),n.Q6J("ngModel",t.buyData.Payment.Note),n.xp6(1),n.Q6J("ngModel",t.buyData.Payment.Code)}}function yt(o,r){if(1&o&&(n.TgZ(0,"div",9)(1,"div",10),n._UZ(2,"i",23),n._uU(3," Card "),n.qZA(),n.TgZ(4,"div",12)(5,"div",13),n.YNc(6,bt,7,9,"div",24),n.qZA(),n.YNc(7,xt,4,2,"div",25),n.qZA()()),2&o){const t=n.oxw(2);n.xp6(6),n.Q6J("ngForOf",t.paymentListCard),n.xp6(1),n.Q6J("ngIf",t.getPaymentCardById(t.buyData.Payment.MethodID))}}function vt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",26)(1,"a",37),n.NdJ("click",function(){const a=n.CHM(t).$implicit;return n.oxw(3).onSelectPayment(a)}),n._uU(2),n.ALo(3,"limitTo"),n.qZA()()}if(2&o){const t=r.$implicit,e=n.oxw(3);n.xp6(1),n.s9C("title",t.Name),n.Q6J("ngClass",e.buyData.Payment.MethodID===t.ID?"active":""),n.xp6(1),n.hij(" ",n.xi3(3,3,t.Name,20)," ")}}function Dt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",31)(1,"div",32)(2,"input",33),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(3).buyData.Payment.Note=i}),n.qZA(),n.TgZ(3,"input",34),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw(3).buyData.Payment.Code=i}),n.qZA()()()}if(2&o){const t=n.oxw(3);n.xp6(2),n.Q6J("ngModel",t.buyData.Payment.Note),n.xp6(1),n.Q6J("ngModel",t.buyData.Payment.Code)}}function It(o,r){if(1&o&&(n.TgZ(0,"div",35)(1,"div",10),n._uU(2," Others "),n.qZA(),n.TgZ(3,"div",12)(4,"div",13),n.YNc(5,vt,4,6,"div",36),n.qZA(),n.YNc(6,Dt,4,2,"div",25),n.qZA()()),2&o){const t=n.oxw(2);n.xp6(5),n.Q6J("ngForOf",t.paymentListOther),n.xp6(1),n.Q6J("ngIf",t.getPaymentOtherById(t.buyData.Payment.MethodID))}}function Tt(o,r){if(1&o&&(n.TgZ(0,"div")(1,"div",9)(2,"div",10),n._UZ(3,"i",11),n._uU(4," Cash "),n.qZA(),n.TgZ(5,"div",12)(6,"div",13)(7,"div",14),n.YNc(8,Mt,2,2,"ng-container",15),n.YNc(9,Ot,1,0,"ng-template",null,16,n.W1O),n.YNc(11,Pt,3,5,"div",17),n.qZA()()()(),n.YNc(12,yt,8,2,"div",18),n.YNc(13,It,7,2,"div",19),n.qZA()),2&o){const t=n.MAs(10),e=n.oxw();n.xp6(8),n.Q6J("ngIf",e.role.ShowCost)("ngIfElse",t),n.xp6(3),n.Q6J("ngIf",e.buyData.Payment.Amount>0&&e.role.ShowCost),n.xp6(1),n.Q6J("ngIf",e.paymentListCard.length>0),n.xp6(1),n.Q6J("ngIf",e.paymentListOther.length>0)}}function wt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div",38)(1,"div",39)(2,"strong",40),n._uU(3,"Due"),n.qZA(),n.TgZ(4,"datepicker",41),n.NdJ("dateChange",function(i){return n.CHM(t),n.oxw().payLaterDueDate=i})("dateChange",function(){return n.CHM(t),n.oxw().dueDateChange()}),n.qZA()(),n.TgZ(5,"div",42)(6,"strong",40),n._uU(7,"Days Due"),n.qZA(),n.TgZ(8,"input",43),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().payLaterDueDays=i})("ngModelChange",function(){return n.CHM(t),n.oxw().dueDayChange()}),n.qZA()()()}if(2&o){const t=n.oxw();n.xp6(4),n.Q6J("date",t.payLaterDueDate),n.xp6(4),n.Q6J("ngModel",t.payLaterDueDays)}}let St=(()=>{class o{constructor(t,e,i,a,l,g,x,q){this.data=t,this.dialogRef=e,this.firstLoadService=i,this.buyDataService=a,this.invoiceCalculatorService=l,this.supplierService=g,this.datePipe=x,this.submitOrderService=q,this.paymentLaterSwitchEnabled=!0,this.isPayNow=!0,this.cashPaymentValue=null,this.role=i.role,this.buyData=a.Data,this.destroy$=new O.xQ,this.appConfig=i.Data.AppConfigJSON}ngOnInit(){this.initModalConfig(),this.initDefaultTabPayment(),this.initData()}initModalConfig(){this.currencySymbol=this.invoiceCalculatorService.currencySymbol,this.modalConfig=new k.O,this.modalConfig.title="Amount to Pay:",this.modalConfig.disableKeyup=!0,this.modalConfig.customWidth="650px",this.modalConfig.bodyScrollable=!0}initDefaultTabPayment(){this.firstLoadService.Data.AppConfigJSON.ModuleBuy.PaymentDialog.DefaultOption==j.LATER&&(this.isPayNow=!1)}initData(){this.payments=this.firstLoadService.Data.Payments,this.paymentSuggestion=this.invoiceCalculatorService.generateCashSuggestion(),this.paymentListCash=this.getPaymentListById(A.cash),this.paymentListCard=this.getPaymentListById(A.card),this.paymentListOther=this.getPaymentListById(A.other),this.initPaylaterDue(),this.initPayment()}initPayment(){this.defaultCashPaymentMethodID=this.payments[0].ID,this.buyData.Payment=new v.j,this.buyData.Payment.MethodID=this.defaultCashPaymentMethodID,this.buyData.Payment.PaidAmount=this.invoiceCalculatorService.Data,this.buyData.Payment.Amount=this.invoiceCalculatorService.Data,this.buyData.Payment.Date=this.datePipe.transform(new Date,"dd MMM yyyy")}initPaylaterDue(){this.supplierService.Data$.subscribe(t=>{this.payLaterDueDays=t?t.DaysDue:0;const e=new Date;e.setDate(e.getDate()+this.payLaterDueDays),e.setHours(0,0,0,0),this.payLaterDueDate=e})}onUpdateCashPayment(t){this.buyData.Payment.Amount=t,this.buyData.Payment.PaidAmount=t,this.buyData.Payment.MethodID=this.payments[0].ID}onSelectPayment(t){this.buyData.Payment.Amount=this.invoiceCalculatorService.Data,this.buyData.Payment.PaidAmount=this.invoiceCalculatorService.Data,this.buyData.Payment.MethodID=t.ID}onNowClick(){this.isPayNow=!0,this.buyData.Invoice.Due=null,this.initPayment()}onLaterClick(){this.isPayNow=!1,this.buyData.Invoice.Due=this.datePipe.transform(this.payLaterDueDate,"dd MMM yyyy"),delete this.buyData.Payment}dueDayChange(){const t=new Date(this.buyData.Order.Date);t.setDate(t.getDate()+this.payLaterDueDays),t.setHours(0,0,0,0),this.payLaterDueDate=t,this.buyData.Invoice.Due=t.toJSON()}dueDateChange(){const t=new Date(this.buyData.Order.Date);let e=this.payLaterDueDate?this.payLaterDueDate:new Date;t.setHours(0,0,0,0),this.payLaterDueDays=d.gT.calculateNumberBetweenDate(t,e),this.buyData.Invoice.Due=e.toJSON()}onOk(){let t=this.firstLoadService.Data.AppConfigJSON;this.isPayNow||(delete this.buyData.Payment,this.buyData.Invoice.Due=this.datePipe.transform(this.payLaterDueDate,"dd MMM yyyy")),this.submitOrderService.submitOrder(this.buyData,t).pipe((0,_.R)(this.destroy$)).subscribe(e=>{this.dialogRef.close(e)})}getPaymentCardById(t){return this.paymentListCard.find(e=>e.ID==t)}getPaymentOtherById(t){return this.paymentListOther.find(e=>e.ID==t)}getPaymentListById(t){return this.firstLoadService.Data.Payments.filter(i=>i.TypeID==t)}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(M.WI),n.Y36(M.so),n.Y36(P.O),n.Y36(C),n.Y36(N),n.Y36(on),n.Y36(s.uU),n.Y36(hn))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-modal-payment"]],decls:10,vars:7,consts:[[3,"config","onOk","onCancel","onClose"],[1,"mt-1","ml-2"],[1,"container","w-100","h-100"],["class","row border-bottom",4,"ngIf"],[4,"ngIf"],["class"," py-4",4,"ngIf"],[1,"row","border-bottom"],[1,"btn","btn-link",3,"ngClass","click"],[2,"font-size","10px","font-style","italic"],[1,"row","border-bottom","py-5"],[1,"col-3","h5","pt-5"],[1,"fas","fa-money-bill-wave"],[1,"col-9"],[1,"row"],[1,"col","pr-0","mr-10"],[4,"ngIf","ngIfElse"],["NotShowCost",""],["class","change",3,"ngClass",4,"ngIf"],["class","row border-bottom py-5",4,"ngIf"],["class","row py-5",4,"ngIf"],["id","cashInput","type","text","keyboardType","number","placeholder","Custom Cash Amount","autoNum","",1,"form-control","form-control-lg","py-10","mb-3","px-6",3,"disabled","ngModel","ngModelChange"],["readonly","","type","text","placeholder","Custom Cash Amount","value","Rp -",1,"form-control","form-control-lg","py-10","mb-3","px-6"],[1,"change",3,"ngClass"],[1,"far","fa-credit-card"],["class","col-auto pr-0",4,"ngFor","ngForOf"],["class","position-relative form-inline row",4,"ngIf"],[1,"col-auto","pr-0"],[1,"btn","btn-outline-info","btn-block","mb-3","px-6",3,"ngClass","click"],[3,"hidden"],[2,"width","40px",3,"src"],[3,"hidden","title"],[1,"position-relative","form-inline","row"],[1,"paymentNote","col","row","no-gutters","pt-2"],["type","text","placeholder","Payment Note",1,"form-control","border-right-0","py-10","col-6",3,"ngModel","ngModelChange"],["type","text","placeholder","Payment Code",1,"form-control","border-left-0","py-10","paymentCode","col-6",3,"ngModel","ngModelChange"],[1,"row","py-5"],["class","col-auto pr-0 ",4,"ngFor","ngForOf"],[1,"btn","btn-outline-info","btn-block","mb-3","px-6",3,"ngClass","title","click"],[1,"py-4"],[1,"row","d-flex","align-items-center","no-gutters","later-payment"],[1,"col-3"],["readOnly","true","name","orderDate",1,"col-9",3,"date","dateChange"],[1,"row","d-flex","align-items-center","no-gutters","later-payment","mt-10"],["type","text","autofocus","","autoNum","",1,"col-9",3,"ngModel","ngModelChange"]],template:function(t,e){1&t&&(n.TgZ(0,"modal-material",0),n.NdJ("onOk",function(){return e.onOk()})("onCancel",function(){return e.dialogRef.close()})("onClose",function(){return e.dialogRef.close()}),n.TgZ(1,"header")(2,"div",1),n._uU(3),n.ALo(4,"number"),n.qZA()(),n.TgZ(5,"content")(6,"div",2),n.YNc(7,ft,7,6,"div",3),n.qZA(),n.YNc(8,Tt,14,5,"div",4),n.YNc(9,wt,9,2,"div",5),n.qZA()()),2&t&&(n.Q6J("config",e.modalConfig),n.xp6(3),n.hij(" ",e.role.PriceVisibleRestriction?"-":e.currencySymbol+" "+n.lcZ(4,5,e.invoiceCalculatorService.Data)," "),n.xp6(4),n.Q6J("ngIf",e.paymentLaterSwitchEnabled),n.xp6(1),n.Q6J("ngIf",e.isPayNow),n.xp6(1),n.Q6J("ngIf",!e.isPayNow))},directives:[y.M,s.O5,s.mk,p.Fj,Y.b,p.JJ,p.On,s.sg,T.QB],pipes:[s.JJ,an.OI],styles:['.margin-note[_ngcontent-%COMP%] {\n  margin-left: -7px !important;\n}\n.change[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 1px;\n  height: 40px;\n  background: #89b03e;\n  color: #fff;\n  right: 0px;\n  padding: 0 10px;\n  line-height: 40px;\n  font-size: 16px;\n}\n.change[_ngcontent-%COMP%]:before {\n  content: "\\a";\n  border-style: solid;\n  border-width: 40px 24px 0 0;\n  border-color: transparent #89b03e transparent transparent;\n  position: absolute;\n  left: -24px;\n}\n.change.danger[_ngcontent-%COMP%] {\n  background: #c9302c;\n}\n.change.danger[_ngcontent-%COMP%]:before {\n  border-color: transparent #c9302c transparent transparent;\n}\n.paymentNote[_ngcontent-%COMP%]::before {\n  z-index: 10;\n  content: "";\n  position: absolute;\n  top: 0;\n  left: calc(50% - 10px);\n  height: 100%;\n  width: 10px;\n  background-color: inherit;\n  border-right: 1px solid lightgray;\n  transform: skewX(-10deg);\n}\n.height-input[_ngcontent-%COMP%] {\n  height: 37px;\n}\n.btn-link[_ngcontent-%COMP%] {\n  padding-top: 0px;\n  color: #868686;\n  padding-bottom: 8px;\n  border-radius: unset;\n  font-family: "Roboto Slab", serif;\n}\n.btn-link.selected[_ngcontent-%COMP%] {\n  color: #3B3B3B;\n  border-bottom: 4px solid #07a519;\n}\n.later-payment[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-size: 20px;\n}\n.later-payment[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  font-size: 20px;\n  padding: 20px 10px !important;\n}\n  .later-payment.date-picker .mat-form-field {\n  font-size: 4px;\n}\n.phone[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  height: 50px;\n  width: 50px;\n  padding-top: 11px;\n  background-color: #f5f5f5;\n  border: 1px solid gray !important;\n}\n.phone[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  padding-left: 65px !important;\n  border: 1px solid gray !important;\n  font-size: 25px;\n  height: 50px;\n}\n.phone[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%]:focus {\n  border-color: #8bb8df !important;\n}\n.qris[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n}\n.ng-select.ng-select-width[_ngcontent-%COMP%]     .ng-select-container {\n  width: 160px;\n  max-width: 160px;\n}\n.qrDemo[_ngcontent-%COMP%] {\n  position: relative;\n  top: -10px;\n}\n.qrDemo[_ngcontent-%COMP%]    > p[_ngcontent-%COMP%] {\n  margin-bottom: 0px;\n}\ninput[type=text][_ngcontent-%COMP%]:disabled {\n  background: #dadada;\n}\n  ng-dropdown-panel.category-select {\n  z-index: 1100;\n}']}),o})(),kt=(()=>{class o{constructor(t,e,i,a,l,g){this.data=t,this.dialogRef=e,this.buyDataService=i,this.buyStateService=a,this.firstLoadService=l,this.calculatorService=g}ngOnInit(){this.modalConfig=new k.O,this.modalConfig.title="Return",this.modalConfig.customWidth="284px",this.currentOrderNumber=this.buyDataService.Data.Order.Number}onOk(){this.buyDataService.returTransaction(this.returNumber,this.data.entityID).subscribe(t=>{this.buyStateService.state=b.RETUR,t.Order.Note=`Return #${this.returNumber}`;let e=(0,F.yE)(m,t);e.Order.ID=d.gT.GuidEmpty,e.generateCartItems(this.buyDataService),e.ContactName=e.ContactName,this.setTaxCalculator(e),e.Order.Number=this.currentOrderNumber,this.buyDataService.pushNewValue(e),this.dialogRef.close()})}setTaxCalculator(t){const i=this.firstLoadService.Data.Taxes.find(a=>a.ID==t.Order.TaxTypeID);this.calculatorService.currentTax=i}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(M.WI),n.Y36(M.so),n.Y36(C),n.Y36($),n.Y36(P.O),n.Y36(N))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-modal-retur"]],decls:6,vars:2,consts:[[3,"config","onOk","onCancel","onClose"],[1,"form-label-group"],["type","text","data-cy","ReturnNumber","id","ReturNumber","name","ReturNumber",1,"form-control",3,"ngModel","ngModelChange"],["for","ReturNumber"]],template:function(t,e){1&t&&(n.TgZ(0,"modal-material",0),n.NdJ("onOk",function(){return e.onOk()})("onCancel",function(){return e.dialogRef.close()})("onClose",function(){return e.dialogRef.close()}),n.TgZ(1,"content")(2,"div",1)(3,"input",2),n.NdJ("ngModelChange",function(a){return e.returNumber=a}),n.qZA(),n.TgZ(4,"label",3),n._uU(5,"Input Supplier Bill #"),n.qZA()()()()),2&t&&(n.Q6J("config",e.modalConfig),n.xp6(3),n.Q6J("ngModel",e.returNumber))},directives:[y.M,p.Fj,p.JJ,p.On],styles:[""]}),o})();var G=c(68555),Nt=c(26128);let At=(()=>{class o{constructor(t){this.httpService=t}getOutletInfo(t){return this.httpService.post(d.Wz.BuyGetOutletInfo,{EntityID:t}).pipe((0,mn.b)(i=>{this.outletInfo=i}))}}return o.\u0275fac=function(t){return new(t||o)(n.LFG(Q.O))},o.\u0275prov=n.Yz7({token:o,factory:o.\u0275fac,providedIn:"root"}),o})();function Zt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"a",2),n.NdJ("click",function(){return n.CHM(t),n.oxw(2).retur()}),n._UZ(1,"i",3),n.qZA()}}function Et(o,r){if(1&o&&(n.ynx(0),n.YNc(1,Zt,2,0,"a",1),n.BQk()),2&o){const t=n.oxw();n.xp6(1),n.Q6J("ngIf",!t.isComplete)}}let Jt=(()=>{class o{constructor(){this.onRetur=new n.vpe,this.isComplete=!1}ngOnInit(){}retur(){this.onRetur.emit()}}return o.\u0275fac=function(t){return new(t||o)},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-header"]],inputs:{returnRole:"returnRole",isComplete:"isComplete"},outputs:{onRetur:"onRetur"},decls:1,vars:1,consts:[[4,"ngIf"],["title","Return","data-cy","Return","class","header",3,"click",4,"ngIf"],["title","Return","data-cy","Return",1,"header",3,"click"],["aria-hidden","true",1,"fa","fa-retur"]],template:function(t,e){1&t&&n.YNc(0,Et,2,1,"ng-container",0),2&t&&n.Q6J("ngIf",e.returnRole)},directives:[s.O5],styles:['.fa-retur[_ngcontent-%COMP%] {\n  background-position-y: center;\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/return.svg");\n  height: 26px;\n  width: 26px;\n  background-size: 26px;\n  background-repeat: no-repeat;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: black;\n}\n\n.header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%] {\n  margin-right: 5px !important;\n}\n\n.header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 143px;\n}\n\n.header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 140px;\n}\n\n.header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   .select2-container[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  margin-right: 22px;\n}\n\n.header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:last-child {\n  margin-right: 0;\n}\n\n.header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: 12px;\n  margin-right: 5px;\n  line-height: unset !important;\n}']}),o})();function Ft(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"div"),n._UZ(1,"i",13),n.TgZ(2,"input",14),n.NdJ("ngModelChange",function(i){return n.CHM(t),n.oxw().onPurchaseNumberChange(i)}),n.qZA()()}if(2&o){const t=n.oxw();n.Gre("col-auto ",t.purchaseOrderNumberEnabled?"small":"",""),n.xp6(2),n.Q6J("disabled",!t.roles.NumberEditor)("ngModel",t.purchaseNumber)}}let Ut=(()=>{class o{constructor(t,e){this._firtstLoadService=t,this._supplierService=e,this.openOutletModal=new n.vpe,this.dateChange=new n.vpe,this.attentionChange=new n.vpe,this.billNumberChange=new n.vpe,this.purchaseNumberChange=new n.vpe,this.scanSupplier=new n.vpe,this.selectSupplier=new n.vpe,this.openModalSupplier=new n.vpe,this.onClearAutoComplete=new n.vpe,this.date=new Date,this.appConfig=this._firtstLoadService.Data.AppConfigJSON,this.purchaseOrderNumberEnabled=this.appConfig.ModuleBuy.Numbering.PurchaseOrderNumberEnabled,this.destroy$=new O.xQ,this.subscribeToObservable()}ngOnChanges(t){t.date&&this.date&&(this.date=new Date(this.date))}subscribeToObservable(){this._firtstLoadService.role$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.roles=t})}onOpenOutletModal(){this.openOutletModal.emit()}onBillNumberChange(t){this.billNumberChange.emit(t)}onAttentionChange(t){this.attentionChange.emit(t)}onSelectDate(t){this.dateChange.emit(t)}onSelectSupplier(t){this.selectSupplier.emit(t)}onScanSupplier(t){this.scanSupplier.emit(t)}onOpenModalSupplier(){this.openModalSupplier.emit()}onPurchaseNumberChange(t){this.purchaseNumberChange.emit(t)}onInputSupplier(t){this._supplierService.inputTextName=t,t&&0==t.length&&this.onClearAutoComplete.emit()}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(P.O),n.Y36(on))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-toolbar"]],inputs:{outletName:"outletName",billNumber:"billNumber",purchaseNumber:"purchaseNumber",attention:"attention",date:"date",supplierName:"supplierName"},outputs:{openOutletModal:"onOpenOutletModal",dateChange:"dateChange",attentionChange:"attentionChange",billNumberChange:"billNumberChange",purchaseNumberChange:"purchaseNumberChange",scanSupplier:"onScanSupplier",selectSupplier:"onSelectSupplier",openModalSupplier:"onOpenModalSupplier",onClearAutoComplete:"onClearAutoComplete"},features:[n.TTD],decls:19,vars:26,consts:[[1,"row","header","no-gutters","py-4"],["title","Outlet",1,"fa","fa-home"],["readonly","",1,"outlet","cursor",3,"value","click"],["name","orderDate",3,"disabled","date","dateChange"],["aria-hidden","true","title","Puchase order number",1,"fa","fa-hashtag"],["type","text","required","","placeholder","Supplier Bill Number",1,"number",3,"disabled","ngModel","ngModelChange"],[3,"class",4,"ngIf"],["aria-hidden","true","title","Customer",1,"fa","fa-user"],["placeholder","Supplier","inputID","ContactID","requestUrl","/API/AC/GetSupplierSuggestion","requestUrl","/API/AC/GetSupplierSuggestion",3,"inputTextValue","onSelect","onInputEnter","onInputChange"],["id","btnSupplier","title","New Supplier Form",1,"pointer","ml-1",3,"click"],["aria-hidden","true",1,"fa","fa-plus-circle"],["aria-hidden","true","title","ATT",1,"fa","fa-id-badge"],["type","text","placeholder","Attention",2,"width","140px",3,"ngModel","ngModelChange"],["aria-hidden","true","title","Order number",1,"far","fa-file-alt"],["type","text","required","","placeholder","Purchase Order Number",1,"number",3,"disabled","ngModel","ngModelChange"]],template:function(t,e){1&t&&(n.TgZ(0,"div",0)(1,"div"),n._UZ(2,"i",1),n.TgZ(3,"input",2),n.NdJ("click",function(){return e.onOpenOutletModal()}),n.ALo(4,"limitTo"),n.qZA()(),n.TgZ(5,"div")(6,"datepicker",3),n.NdJ("dateChange",function(a){return e.onSelectDate(a)}),n.qZA()(),n.TgZ(7,"div"),n._UZ(8,"i",4),n.TgZ(9,"input",5),n.NdJ("ngModelChange",function(a){return e.onBillNumberChange(a)}),n.qZA()(),n.YNc(10,Ft,3,5,"div",6),n.TgZ(11,"div"),n._UZ(12,"i",7),n.TgZ(13,"autocompleteV2",8),n.NdJ("onSelect",function(a){return e.onSelectSupplier(a)})("onInputEnter",function(a){return e.onScanSupplier(a)})("onInputChange",function(a){return e.onInputSupplier(a)}),n.qZA(),n.TgZ(14,"a",9),n.NdJ("click",function(){return e.onOpenModalSupplier()}),n._UZ(15,"i",10),n.qZA()(),n.TgZ(16,"div"),n._UZ(17,"i",11),n.TgZ(18,"input",12),n.NdJ("ngModelChange",function(a){return e.onAttentionChange(a)}),n.qZA()()()),2&t&&(n.xp6(1),n.Gre("col-auto ",e.purchaseOrderNumberEnabled?"small":"",""),n.xp6(2),n.Q6J("value",n.xi3(4,23,e.outletName?e.outletName:"Choose outlet",20)),n.xp6(2),n.Gre("col-auto date ",e.purchaseOrderNumberEnabled?"small":"",""),n.xp6(1),n.Q6J("disabled",!(null!=e.roles&&e.roles.BuyDateEditor))("date",e.date),n.xp6(1),n.Gre("col-auto ",e.purchaseOrderNumberEnabled?"small":"",""),n.xp6(2),n.Q6J("disabled",!e.roles.NumberEditor)("ngModel",e.billNumber),n.xp6(1),n.Q6J("ngIf",e.purchaseOrderNumberEnabled),n.xp6(1),n.Gre("col-auto customer ",e.purchaseOrderNumberEnabled?"small":"",""),n.xp6(2),n.Q6J("inputTextValue",e.supplierName?e.supplierName:""),n.xp6(3),n.Gre("col-auto ",e.purchaseOrderNumberEnabled?"small":"",""),n.xp6(2),n.Q6J("ngModel",e.attention))},directives:[T.QB,p.Fj,p.Q7,p.JJ,p.On,s.O5,nn.J],pipes:[an.OI],styles:[".small[_ngcontent-%COMP%] {\n  margin-right: 5px !important;\n}\n.small[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 143px;\n}\n.small[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 140px;\n}\n.small[_ngcontent-%COMP%]   .select2-container[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n.col-auto[_ngcontent-%COMP%] {\n  margin-right: 22px;\n  font-size: 0.875rem;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.col-auto[_ngcontent-%COMP%]:last-child {\n  margin-right: 0;\n}\n.col-auto.date[_ngcontent-%COMP%] {\n  margin-left: 25px;\n}\n.col-auto.date[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  top: 3px !important;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     mat-form-field {\n  padding-right: 0 !important;\n  background: white;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     mat-form-field .mat-form-field-wrapper {\n  padding-bottom: 0;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     .mat-form-field-flex {\n  width: 117px;\n  height: 36px;\n  border: 1px solid #dddddd;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     .mat-form-field-infix {\n  border: none !important;\n  top: 5px;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     .mat-form-field-infix input {\n  font-size: 14px;\n  color: black;\n  padding-left: 5px;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     .mat-form-field-suffix {\n  left: -128px;\n  top: 2px;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     .mat-form-field-suffix .mat-button-wrapper {\n  color: black;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker[_ngcontent-%COMP%]     .mat-form-field-underline {\n  display: none;\n}\n.col-auto.date[_ngcontent-%COMP%]   datepicker.date-warnings[_ngcontent-%COMP%]     .mat-form-field-flex {\n  background: repeating-linear-gradient(-60deg, #fcf3cf, #fcf3cf 15px, #f9e79f 15px, #f9e79f 30px) !important;\n}\n.col-auto[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  color: #3B3B3B;\n  margin-right: 5px;\n  line-height: unset !important;\n  position: relative;\n  top: 2px;\n}\n.col-auto[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .col-auto[_ngcontent-%COMP%]   span.outlet[_ngcontent-%COMP%] {\n  padding: 4px 8px 3px 5px;\n  border: 1px solid #dddddd;\n  font-size: 0.875rem;\n}\n.col-auto[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  height: 36px;\n}\n.col-auto[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled {\n  background-color: #e9ecef !important;\n  opacity: 1 !important;\n  color: rgba(0, 0, 0, 0.38) !important;\n}\n.col-auto[_ngcontent-%COMP%]   .outlet[_ngcontent-%COMP%] {\n  width: 165px;\n  color: #337ab7;\n  background: #ffffff;\n}\n.col-auto[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 150px;\n}\n.col-auto.customer[_ngcontent-%COMP%]   autocomplete[_ngcontent-%COMP%]     input {\n  font-size: 14px;\n}\n.col-auto.sales[_ngcontent-%COMP%]   ng-select[_ngcontent-%COMP%]     input {\n  font-size: 14px;\n}\n.col-auto[_ngcontent-%COMP%]   ng-select[_ngcontent-%COMP%] {\n  width: 150px;\n}\n.header[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #dde2eb;\n}"]}),o})();var Qt=c(241),fn=c(42011),W=c(85812),Z=c(92181),Bt=c(53435);const qt=["cartContainer"];function Rt(o,r){1&o&&n._UZ(0,"th",17)}function Lt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"td",25),n.NdJ("click",function(){n.CHM(t);const i=n.oxw(),a=i.$implicit,l=i.index;return n.oxw().onSelect({item:a,index:l})}),n.TgZ(1,"small"),n._uU(2),n.qZA()()}if(2&o){const t=n.oxw().index;n.xp6(2),n.hij("",t+1,".")}}function zt(o,r){if(1&o&&(n.TgZ(0,"span"),n._uU(1),n.ALo(2,"number"),n.qZA()),2&o){const t=n.oxw().$implicit;n.xp6(1),n.hij("x",n.lcZ(2,1,t.UnitQuantity),"")}}function Vt(o,r){if(1&o&&(n.TgZ(0,"span"),n._uU(1),n.ALo(2,"number"),n.qZA()),2&o){const t=n.oxw().$implicit;n.xp6(1),n.hij("@",n.lcZ(2,1,t.VariantUnitQuantity),"")}}function Yt(o,r){if(1&o&&(n.ynx(0),n._uU(1),n.ALo(2,"number"),n.BQk()),2&o){const t=n.oxw().$implicit;n.xp6(1),n.hij(" ",n.lcZ(2,1,t.UnitPrice)," ")}}function Ht(o,r){1&o&&n._uU(0," - ")}function $t(o,r){if(1&o&&(n.ynx(0),n._uU(1),n.ALo(2,"number"),n.BQk()),2&o){const t=n.oxw().$implicit;n.xp6(1),n.hij(" ",n.lcZ(2,1,t.Total)," ")}}function jt(o,r){1&o&&n._uU(0," - ")}function Gt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"tr",18),n.NdJ("contextmenu",function(i){const a=n.CHM(t),l=a.$implicit,g=a.index;return n.oxw().onContextMenu(i,l,g)}),n.TgZ(1,"td",19)(2,"i",20),n.NdJ("click",function(){const i=n.CHM(t),a=i.$implicit,l=i.index;return n.oxw().onRemove({item:a,index:l})}),n.qZA()(),n.YNc(3,Lt,3,1,"td",21),n.TgZ(4,"td",22),n.NdJ("click",function(){const i=n.CHM(t),a=i.$implicit,l=i.index;return n.oxw().onSelect({item:a,index:l})}),n.TgZ(5,"span",23),n._uU(6),n._UZ(7,"br"),n.qZA(),n._UZ(8,"span",24),n.qZA(),n.TgZ(9,"td",25),n.NdJ("click",function(){const i=n.CHM(t),a=i.$implicit,l=i.index;return n.oxw().onSelect({item:a,index:l})}),n._uU(10),n.qZA(),n.TgZ(11,"td",26),n.NdJ("click",function(){const i=n.CHM(t),a=i.$implicit,l=i.index;return n.oxw().onSelect({item:a,index:l,focus:"Quantity"})}),n.TgZ(12,"span"),n._uU(13),n.ALo(14,"number"),n.qZA(),n.YNc(15,zt,3,3,"span",27),n.YNc(16,Vt,3,3,"span",27),n.qZA(),n.TgZ(17,"td",26),n.NdJ("click",function(){const i=n.CHM(t),a=i.$implicit,l=i.index;return n.oxw().onSelect({item:a,index:l,focus:"Price"})}),n.YNc(18,Yt,3,3,"ng-container",28),n.YNc(19,Ht,1,0,"ng-template",null,29,n.W1O),n.qZA(),n.TgZ(21,"td",30),n.NdJ("click",function(){const i=n.CHM(t),a=i.$implicit,l=i.index;return n.oxw().onSelect({item:a,index:l,focus:"Discount"})}),n._uU(22),n.ALo(23,"number"),n.qZA(),n.TgZ(24,"td",31),n.YNc(25,$t,3,3,"ng-container",28),n.YNc(26,jt,1,0,"ng-template",null,32,n.W1O),n.qZA()()}if(2&o){const t=r.$implicit,e=n.MAs(20),i=n.MAs(27),a=n.oxw();n.xp6(3),n.Q6J("ngIf",a.appConfig.ModuleSell.Grid.RowNumberVisible),n.xp6(3),n.hij(" ",t.Variant.Name," "),n.xp6(2),n.Q6J("innerHTML",t.Note,n.oJD),n.xp6(2),n.Oqu(t.Variant.Code),n.xp6(3),n.Oqu(n.xi3(14,12,t.Quantity,"1.0-4")),n.xp6(2),n.Q6J("ngIf",t.UnitQuantity>1),n.xp6(1),n.Q6J("ngIf",t.VariantUnitQuantity>1),n.xp6(2),n.Q6J("ngIf",a.userRole.ShowCost)("ngIfElse",e),n.xp6(4),n.hij(" ",0==t.Discount?"":"-"+n.lcZ(23,15,t.Discount)," "),n.xp6(3),n.Q6J("ngIf",a.userRole.ShowCost)("ngIfElse",i)}}function Wt(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"button",34),n.NdJ("click",function(){n.CHM(t);const i=n.oxw().item;return n.oxw().onReverse(i,!0)}),n._uU(1,"Return"),n.qZA()}}function Kt(o,r){if(1&o){const t=n.EpF();n.YNc(0,Wt,2,0,"button",33),n.TgZ(1,"button",34),n.NdJ("click",function(){const a=n.CHM(t).item;return n.oxw().onReverse(a,!1)}),n._uU(2,"Purchase"),n.qZA()}if(2&o){const t=n.oxw();n.Q6J("ngIf",t.userRole.Return)}}let Xt=(()=>{class o{constructor(t,e){this.firtLoadService=t,this.cartItemService=e,this.contextMenuPosition={x:"0px",y:"0px"},this.destroy$=new O.xQ,this.cartItemsChange=new n.vpe,this.onSelectItem=new n.vpe,this.onReturnItem=new n.vpe,this.onPurchaseItem=new n.vpe,this.onRemoveItem=new n.vpe,this.appConfig=t.Data.AppConfigJSON,this.cartItemService.notifyNewItem$.pipe((0,f.h)(i=>d.gT.IsNotEmpty(i))).subscribe({next:i=>{setTimeout(()=>{this.cartContainer.nativeElement.scrollTop=this.cartContainer.nativeElement.scrollHeight},1)}})}ngOnInit(){this.firtLoadService.role$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.userRole=t})}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}onSelect(t){this.onSelectItem.emit(t)}onRemove(t){this.onRemoveItem.emit(t)}onContextMenu(t,e,i){t.preventDefault(),this.contextMenuPosition.x=t.clientX+"px",this.contextMenuPosition.y=t.clientY+"px",e.Index=i,this.contextMenu.menuData={item:e},this.contextMenu.openMenu()}onReverse(t,e){e?(t.Quantity>0&&(t.Quantity=-1*t.Quantity),this.onReturnItem.emit(t)):(t.Quantity<0&&(t.Quantity=-1*t.Quantity),this.onPurchaseItem.emit(t))}onDrop(t){(0,W.bA)(this.cartItems,t.previousIndex,t.currentIndex),this.cartItemsChange.emit(this.cartItems)}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(P.O),n.Y36(K))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-card-display"]],viewQuery:function(t,e){if(1&t&&(n.Gf(qt,5),n.Gf(Z.p6,7)),2&t){let i;n.iGM(i=n.CRH())&&(e.cartContainer=i.first),n.iGM(i=n.CRH())&&(e.contextMenu=i.first)}},inputs:{cartItems:"cartItems"},outputs:{cartItemsChange:"cartItemsChange",onSelectItem:"onSelectItem",onReturnItem:"onReturnItem",onPurchaseItem:"onPurchaseItem",onRemoveItem:"onRemoveItem"},decls:27,vars:7,consts:[[1,"cashier"],[1,"row","no-gutters","cart-table","border-bottom"],["cdkScrollable","",1,"col"],["cartContainer",""],[1,"table"],[2,"width","18px"],["style","width: 36px",4,"ngIf"],[1,"text-left",2,"width","250px"],[1,"text-right",2,"width","50px"],[1,"text-right",2,"width","70px"],[1,"disc","text-right",2,"width","20px"],[1,"text-right",2,"width","85px"],["cdkDropList","",1,"itemList",3,"cdkDropListDropped"],["class","item","cdkDrag","",3,"contextmenu",4,"ngFor","ngForOf"],[2,"visibility","hidden","position","fixed",3,"matMenuTriggerFor"],["contextMenu","matMenu"],["matMenuContent",""],[2,"width","36px"],["cdkDrag","",1,"item",3,"contextmenu"],[1,"cursor"],["aria-hidden","true","title","Click to Remove",1,"fa","fa-times","text-danger",3,"click"],[3,"click",4,"ngIf"],[1,"text-left",3,"click"],[1,"d-block"],[3,"innerHTML"],[3,"click"],[1,"text-right",3,"click"],[4,"ngIf"],[4,"ngIf","ngIfElse"],["NotShowPrice",""],[1,"text-right","text-danger","disc",3,"click"],[1,"text-right"],["NotShowTotal",""],["mat-menu-item","",3,"click",4,"ngIf"],["mat-menu-item","",3,"click"]],template:function(t,e){if(1&t&&(n.TgZ(0,"div",0)(1,"div",1)(2,"div",2,3)(4,"table",4)(5,"thead")(6,"tr"),n._UZ(7,"th",5),n.YNc(8,Rt,1,0,"th",6),n.TgZ(9,"th",7),n._uU(10,"Item"),n.qZA(),n.TgZ(11,"th"),n._uU(12,"Code"),n.qZA(),n.TgZ(13,"th",8),n._uU(14,"Qty"),n.qZA(),n.TgZ(15,"th",9),n._uU(16,"Price"),n.qZA(),n.TgZ(17,"th",10),n._uU(18,"%"),n.qZA(),n.TgZ(19,"th",11),n._uU(20,"Total"),n.qZA()()(),n.TgZ(21,"tbody",12),n.NdJ("cdkDropListDropped",function(a){return e.onDrop(a)}),n.YNc(22,Gt,28,17,"tr",13),n.qZA()()()(),n._UZ(23,"div",14),n.TgZ(24,"mat-menu",null,15),n.YNc(26,Kt,3,1,"ng-template",16),n.qZA()()),2&t){const i=n.MAs(25);n.xp6(8),n.Q6J("ngIf",e.appConfig.ModuleSell.Grid.RowNumberVisible),n.xp6(14),n.Q6J("ngForOf",e.cartItems),n.xp6(1),n.Udp("left",e.contextMenuPosition.x)("top",e.contextMenuPosition.y),n.Q6J("matMenuTriggerFor",i)}},directives:[Bt.PQ,s.O5,W.Wj,s.sg,W.Zt,Z.p6,Z.VK,Z.KA,Z.OP],pipes:[s.JJ],styles:["div.row.cart-table[_ngcontent-%COMP%] {\n  border-left: solid 1px #CFCFCF;\n}\ndiv.row.cart-table[_ngcontent-%COMP%]   div.col[_ngcontent-%COMP%] {\n  overflow: auto;\n  height: 250px;\n}\ndiv.row.cart-table[_ngcontent-%COMP%]   div.col[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n  background: #FBFBF7;\n  border-left: none;\n}\ndiv.row.cart-table[_ngcontent-%COMP%]   div.col[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  padding: 9px 5px !important;\n}\ndiv.row.cart-table[_ngcontent-%COMP%]   div.col[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  padding: 10px 5px;\n  border-bottom: 1px solid #CFCFCF;\n}\ndiv.row.cart-table[_ngcontent-%COMP%]   div.col[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {\n  padding-right: 0;\n}\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.item[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n.itemList.cdk-drop-list-dragging[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.cashier[_ngcontent-%COMP%] {\n  width: 550px;\n  max-width: 37rem;\n  min-width: 33rem;\n}"]}),o})();function ne(o,r){if(1&o&&(n.ynx(0),n.TgZ(1,"tr")(2,"th",29),n._uU(3,"Amount"),n.qZA(),n._UZ(4,"td",30),n.ALo(5,"number"),n.qZA(),n.BQk()),2&o){const t=n.oxw();n.xp6(4),n.Q6J("innerHtml",n.lcZ(5,1,t.grossTotal),n.oJD)}}function te(o,r){if(1&o&&(n.TgZ(0,"span"),n._uU(1),n.qZA()),2&o){const t=n.oxw(2);n.xp6(1),n.hij("(",null==t.buyData?null:t.buyData.Order.Discount,"%) ")}}function ee(o,r){if(1&o&&(n.TgZ(0,"span"),n._uU(1),n.ALo(2,"number"),n.qZA()),2&o){const t=n.oxw(2);n.xp6(1),n.hij(" (",n.xi3(2,1,null==t.buyData?null:t.buyData.Order.Discount,"1.0-3"),"%)")}}function oe(o,r){if(1&o&&(n.TgZ(0,"tr",31)(1,"th",32),n._uU(2),n.YNc(3,te,2,1,"span",11),n.YNc(4,ee,3,4,"span",11),n.qZA(),n._UZ(5,"td",33),n.ALo(6,"number"),n.qZA()),2&o){const t=n.oxw();n.xp6(2),n.hij(" ",null!=t.appConfig&&null!=t.appConfig.CorePrint&&null!=t.appConfig.CorePrint.Alias&&t.appConfig.CorePrint.Alias.Discount1?null==t.appConfig||null==t.appConfig.CorePrint||null==t.appConfig.CorePrint.Alias?null:t.appConfig.CorePrint.Alias.Discount1:"Discount"," "),n.xp6(2),n.Q6J("ngIf",!(null!=t.appConfig&&null!=t.appConfig.PrintConfigInvoice&&t.appConfig.PrintConfigInvoice.Footer.DiscountIgnoredDecimal)),n.xp6(1),n.Q6J("innerHtml",n.lcZ(6,3,-1*t.calculatorService.discount1Amount),n.oJD)}}function ie(o,r){if(1&o&&(n.TgZ(0,"tr"),n._UZ(1,"th",34)(2,"td",33),n.ALo(3,"number"),n.qZA()),2&o){const t=n.oxw();n.xp6(1),n.Q6J("innerHtml","Discount "+(null==t.calculatorService?null:t.calculatorService.currencySymbol),n.oJD),n.xp6(1),n.Q6J("innerHtml",n.lcZ(3,2,-1*(null==t.buyData?null:t.buyData.Order.DiscountAmount)),n.oJD)}}function ae(o,r){if(1&o&&(n.TgZ(0,"tr"),n._UZ(1,"th",34)(2,"td",35),n.ALo(3,"number"),n.qZA()),2&o){const t=n.oxw();n.xp6(1),n.Q6J("innerHtml",null==t.calculatorService||null==t.calculatorService.currentTax?null:t.calculatorService.currentTax.Label,n.oJD),n.xp6(1),n.Q6J("innerHtml",n.lcZ(3,2,t.taxAmount),n.oJD)}}function re(o,r){if(1&o&&(n.TgZ(0,"div",36)(1,"strong"),n._uU(2,"Fulfillment From: "),n.qZA(),n.TgZ(3,"span"),n._uU(4),n.qZA()()),2&o){const t=n.oxw();n.xp6(4),n.Oqu(t.getOutletName())}}function ce(o,r){if(1&o&&(n.ynx(0),n._uU(1),n.ALo(2,"number"),n.BQk()),2&o){const t=n.oxw();n.xp6(1),n.hij(" ",n.lcZ(2,1,t.grandTotal)," ")}}function le(o,r){1&o&&n._uU(0," - ")}const de=function(o){return{"bg-gradient-warning":o}};let se=(()=>{class o{constructor(t,e,i,a){this.firstLoadService=t,this.calculatorService=e,this.buyDataService=i,this.buyStateService=a,this.taxIdChange=new n.vpe,this.openDiscountModal=new n.vpe,this.openModalFulfillment=new n.vpe,this.openModalNote=new n.vpe,this.openModalVoid=new n.vpe,this.openModalPayment=new n.vpe,this.destroy$=new O.xQ,this.buyStorage=this.firstLoadService.Data,this.taxes=this.buyStorage.Taxes,this.appConfig=this.buyStorage.AppConfigJSON}ngOnInit(){this.subscribeToObservable()}subscribeToObservable(){this.buyDataService.Data$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.buyData=t,this.initTaxId(),this.initWarningFulfillment()}),this.calculatorService.Data$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.grandTotal=t,this.grossTotal=this.calculatorService.grossTotal,this.taxAmount=this.calculatorService.taxAmount}),this.firstLoadService.role$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.userRole=t})}initWarningFulfillment(){let t=this.buyData.Action.DeliveryEntityID;this.warningFulfillment=!1,this.warningFulfillment=!!d.gT.IsEmpty(t)}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}initTaxId(){let t;t=d.gT.IsEmpty(this.buyData.Order.TaxTypeID)?this.taxes[0]:this.taxes.find(e=>e.ID==this.buyData.Order.TaxTypeID),this.taxId=t.ID,this.calculatorService.currentTax=t}onSelectTax(t){this.calculatorService.currentTax=t,this.taxIdChange.emit(t.ID)}onOpenDiscountModal(){this.openDiscountModal.emit()}onOpenModalFulfillment(){this.openModalFulfillment.emit()}onOpenModalNote(){this.openModalNote.emit()}onOpenModalVoid(){this.openModalVoid.emit()}onOpenModalPayment(){this.openModalPayment.emit()}isFulfillmentVisible(){let t=this.buyData.Order.EntityID,e=this.buyData.Action.DeliveryEntityID;return!d.gT.IsEmpty(e)&&t!=e}getOutletName(){let i,t=this.buyData.Action.DeliveryEntityID,e=this.firstLoadService.Data.Entities;if(!d.gT.IsEmpty(t)){let a=e.find(l=>l.ID==t);i=a?a.Name:null}return i}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(P.O),n.Y36(N),n.Y36(C),n.Y36($))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-cart-action"]],inputs:{taxId:"taxId",outletName:"outletName"},outputs:{taxIdChange:"taxIdChange",openDiscountModal:"onOpenDiscountModal",openModalFulfillment:"onOpenFulfillmentModal",openModalNote:"onOpenNoteModal",openModalVoid:"onOpenVoidModal",openModalPayment:"onOpenPaymentModal"},decls:47,vars:13,consts:[[1,"row","no-gutters","cart-footer","justify-content-between"],[1,"col-auto","align-self-center","mobile-view"],[1,"row","no-gutters"],[1,"col-auto","mx-5","d-flex","flex-row"],["aria-hidden","true",1,"fa","fa-tags","d-flex","align-items-center","mr-2"],["bindLabel","Label","bindValue","ID","placeholder","Tax",2,"width","125px",3,"items","ngModel","clearable","change"],[1,"col-auto"],[1,"btn","btn-gray","font-weight-normal","disc",3,"click"],["aria-hidden","true",1,"fa","fa-tags","pr-2"],[1,"col-auto","summary","mobile-view"],[1,"table"],[4,"ngIf"],["context-menu","ctrl.MenuDiscount",4,"ngIf"],[1,"row","no-gutters","action-buttons","d-flex","justify-content-between"],[1,"position-relative"],["class","cashier-note-arrow arrow-box-right",4,"ngIf"],["data-cy","Fulfillment",1,"btn","btn-gray","mobile-view",3,"ngClass","click"],[1,"fa","fa-truck","pr-2"],[1,"col-auto","ml-3"],[1,"btn","btn-gray","w-100",3,"click"],[1,"far","fa-sticky-note","pr-2"],[1,"btn","btn-gray",3,"click"],[1,"far","fa-window-close","pr-2"],["data-cy","PaySales",1,"ml-auto","btn","btn-success","tooltip-component","pay",3,"click"],[1,"d-flex"],[1,"ml-auto"],[4,"ngIf","ngIfElse"],["NotShowGrandTotal",""],[1,"position-absolute","font-italic","right-bottom"],[1,"table-light","border-top-0"],[1,"text-right","border-top-0",2,"width","100px",3,"innerHtml"],["context-menu","ctrl.MenuDiscount"],[1,"table-light"],[1,"text-danger","text-right","text-danger",3,"innerHtml"],[1,"table-light",3,"innerHtml"],[1,"text-right",3,"innerHtml"],[1,"cashier-note-arrow","arrow-box-right"]],template:function(t,e){if(1&t&&(n.TgZ(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3),n._UZ(4,"i",4),n.TgZ(5,"ng-select",5),n.NdJ("change",function(a){return e.onSelectTax(a)}),n.qZA()(),n.TgZ(6,"div",6)(7,"a",7),n.NdJ("click",function(){return e.onOpenDiscountModal()}),n._UZ(8,"i",8),n.TgZ(9,"span"),n._uU(10,"Discount"),n.qZA()()()()(),n.TgZ(11,"div",9)(12,"table",10)(13,"tbody"),n.YNc(14,ne,6,3,"ng-container",11),n.YNc(15,oe,7,5,"tr",12),n.YNc(16,ie,4,4,"tr",11),n.YNc(17,ae,4,4,"tr",11),n.qZA()()()(),n.TgZ(18,"div",13)(19,"div",6)(20,"div",14),n.YNc(21,re,5,1,"div",15),n.TgZ(22,"a",16),n.NdJ("click",function(){return e.onOpenModalFulfillment()}),n._UZ(23,"i",17),n.TgZ(24,"span"),n._uU(25,"Fulfillment"),n.qZA()()()(),n.TgZ(26,"div",18)(27,"a",19),n.NdJ("click",function(){return e.onOpenModalNote()}),n._UZ(28,"i",20),n.TgZ(29,"span"),n._uU(30,"Note"),n.qZA()()(),n.TgZ(31,"div",18)(32,"a",21),n.NdJ("click",function(){return e.onOpenModalVoid()}),n._UZ(33,"i",22),n.TgZ(34,"span"),n._uU(35,"Void"),n.qZA()()(),n.TgZ(36,"div",18)(37,"a",23),n.NdJ("click",function(){return e.onOpenModalPayment()}),n.TgZ(38,"div",24)(39,"strong"),n._uU(40,"Pay:"),n.qZA(),n.TgZ(41,"span",25),n.YNc(42,ce,3,3,"ng-container",26),n.YNc(43,le,1,0,"ng-template",null,27,n.W1O),n.qZA()(),n.TgZ(45,"small",28),n._uU(46,"(F8)"),n.qZA()()()()),2&t){const i=n.MAs(44);n.xp6(5),n.Q6J("items",e.taxes)("ngModel",e.taxId)("clearable",!1),n.xp6(9),n.Q6J("ngIf",e.userRole.ShowCost),n.xp6(1),n.Q6J("ngIf",0!=(null==e.buyData?null:e.buyData.Order.Discount)&&e.userRole.ShowCost),n.xp6(1),n.Q6J("ngIf",0!=(null==e.buyData?null:e.buyData.Order.DiscountAmount)&&e.userRole.ShowCost),n.xp6(1),n.Q6J("ngIf",(null==e.calculatorService||null==e.calculatorService.currentTax?null:e.calculatorService.currentTax.Rate)&&e.userRole.ShowCost),n.xp6(4),n.Q6J("ngIf",e.isFulfillmentVisible()),n.xp6(1),n.Q6J("ngClass",n.VKq(11,de,e.warningFulfillment)),n.xp6(20),n.Q6J("ngIf",e.userRole.ShowCost)("ngIfElse",i)}},directives:[B.w9,p.JJ,p.On,s.O5,s.mk],pipes:[s.JJ],styles:['.container-cashier[_ngcontent-%COMP%] {\n  width: 1000px;\n  display: flex;\n}\nhgroup[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #DDE2EB;\n  display: flex;\n  padding: 9px 0px;\n}\nhgroup[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  display: flex;\n  margin-right: 22px;\n}\nhgroup[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  color: #3B3B3B;\n  margin-right: 5px;\n  line-height: unset !important;\n}\nhgroup[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], hgroup[_ngcontent-%COMP%]   span.outlet[_ngcontent-%COMP%] {\n  padding: 4px 8px 3px 5px;\n  border: 1px solid #dddddd;\n  font-size: 0.875rem;\n}\nhgroup[_ngcontent-%COMP%]   .outlet[_ngcontent-%COMP%] {\n  width: 165px;\n  color: #337ab7;\n  background: #ffffff;\n}\nhgroup[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 150px;\n}\nhgroup[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 150px;\n}\n.cart[_ngcontent-%COMP%] {\n  width: 600px;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%] {\n  background-color: #ffffff;\n  border: 1px solid #dddddd;\n  border-radius: 5px;\n  box-shadow: 0 0 5px 0px #d6d6d6;\n  height: 408px;\n  position: relative;\n  padding: 6px;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%] {\n  margin-bottom: 5px;\n  border: solid 1px #CFCFCF;\n  border-radius: 3px 3px 0 0;\n  background: #F2F7FA;\n  color: #222222;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child {\n  margin: 10px 15px;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child   h5[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child   i[_ngcontent-%COMP%] {\n  color: #89b03e;\n  font-size: 20px;\n  margin-right: 5px;\n}\n.cart[_ngcontent-%COMP%]   .cart-add[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.875rem;\n  color: #89b03e;\n  padding: 6px 10px;\n}\n.cart[_ngcontent-%COMP%]   .cart-add[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  right: 0px;\n  bottom: 0px;\n  font-style: italic;\n  position: absolute;\n  color: #89b03e;\n}\n.cart[_ngcontent-%COMP%]   .cart-bottom[_ngcontent-%COMP%] {\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n}\n.container-cart-table[_ngcontent-%COMP%] {\n  height: 230px;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.btn-gray[_ngcontent-%COMP%] {\n  background-color: #f4f4f4;\n  border: 1px solid #D6D6D6;\n  font-weight: bold;\n  color: #545454 !important;\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n.btn-gray-more[_ngcontent-%COMP%] {\n  background-color: #f4f4f4;\n  border: 1px solid #D6D6D6;\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n.cash-btn[_ngcontent-%COMP%] {\n  background-color: #f4f4f4;\n  border: 1px solid #D6D6D6;\n  font-weight: bold;\n  margin: 0 0 0 10px;\n  padding: 7px 15px;\n  height: 18px;\n  box-sizing: content-box;\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n.calc-tbl[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 7px 15px 7px 10px;\n  border: 1px solid #ddd;\n  border-top: none;\n  background-color: #EEEEEE;\n}\n.calc-tbl[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  width: 100px;\n  text-align: right;\n  padding: 7px 5px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background: #FBFBF7;\n  border-top: 1px solid #CFCFCF;\n  padding: 7px 5px !important;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:first-child {\n  width: 16px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(4) {\n  width: 65px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(5) {\n  width: 75px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(6) {\n  width: 20px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(7) {\n  width: 86px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], div.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #CFCFCF;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 10px 5px;\n}\ndiv.table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]    > p[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  list-style-type: none !important;\n  padding-left: 0px;\n  font-style: italic;\n}\ndiv.table[_ngcontent-%COMP%]   .cart-item[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0rem;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(2) {\n  width: 10px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(5) {\n  width: 65px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(6) {\n  width: 25px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(7) {\n  width: 75px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(8) {\n  width: 20px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(9) {\n  width: 86px;\n}\n.cart-bottom[_ngcontent-%COMP%] {\n  position: absolute;\n  border-top: 1px solid #CFCFCF;\n  display: flex;\n}\n.cart-bottom[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child {\n  padding: 30px 10px;\n}\n.cart-bottom[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%], .cart-bottom[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 7px 15px 7px 10px;\n  border: 1px solid #dddddd;\n  border-top: none;\n}\n.cart-bottom[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background-color: #EEEEEE;\n}\n.cart-bottom[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  padding: 7px 15px;\n}\n.action-bottom[_ngcontent-%COMP%] {\n  display: flex;\n  margin-top: 15px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 1.125rem;\n  padding: 15px 18px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn-gray[_ngcontent-%COMP%] {\n  margin-right: 10px;\n  width: 121px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%] {\n  width: 220px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  position: absolute;\n  right: 4px;\n  font-style: italic;\n}\nsection.complete[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  color: #3b5998;\n  margin: 20px 0px;\n}\nsection.complete[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  color: #868686;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  text-align: center;\n  height: 150px;\n  width: 190px;\n  font-family: "Roboto Slab", serif;\n  display: flex;\n  flex-direction: column !important;\n  padding: 0px;\n  color: #666666;\n  margin-right: 10px;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 50px;\n  margin-top: 20px;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0px;\n  margin-top: 10px;\n  color: #666666;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]:first-child   h4[_ngcontent-%COMP%] {\n  color: #3B3B3B;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  font-style: italic;\n  padding: 10px;\n  box-sizing: border-box;\n  color: #868686;\n  border-top: 1px solid #dddddd;\n  font-weight: normal;\n  margin: 0px;\n}\n.complete-more-action[_ngcontent-%COMP%] {\n  margin-top: 10px;\n}\n\n.modal-body[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-weight: 400;\n}\n.modal-body[_ngcontent-%COMP%]   .actions-tabs[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 230px;\n  top: 15px;\n}\n.modal-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-style: normal;\n}\n.dialogButtonOption[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 25px 0px;\n  width: 190px;\n  margin-right: 10px;\n}\n.dialogButtonOption[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-weight: 700;\n  text-transform: uppercase;\n}\n.dialogButtonOption[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  font-style: italic;\n  color: #868686;\n  margin-top: 10px;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .btn-link[_ngcontent-%COMP%] {\n  padding-top: 0px;\n  color: #868686;\n  padding-bottom: 8px;\n  border-radius: unset;\n  font-family: "Roboto Slab", serif;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .btn-link.selected[_ngcontent-%COMP%] {\n  color: #3B3B3B;\n  border-bottom: 4px solid #07A519;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .btn-info[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  margin-right: 10px;\n  padding: 10px;\n  margin-bottom: 10px;\n  float: left;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .input-label[_ngcontent-%COMP%] {\n  position: relative;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .input-label[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  position: absolute;\n  font-size: 0.875rem;\n  color: #868686;\n  top: 26px;\n  left: 20px;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .input-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  margin: 0;\n  margin-bottom: 8px;\n  border: 1px solid #dddddd;\n  padding: 7px 5px;\n  width: 100%;\n  font-size: 36px;\n  border-radius: 3px;\n  text-align: right;\n  background-color: #ffffff;\n  outline: none;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .pay-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  border-bottom: 2px solid #07A519 !important;\n  font-size: 0.875rem;\n  border: none !important;\n  border-bottom: 2px solid #07A519 !important;\n  outline: none;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .change[_ngcontent-%COMP%] {\n  background-color: #cccccc;\n  border: 1px solid #dddddd;\n  width: 149px;\n  padding: 5px 10px 5px 0;\n  text-align: right;\n  font-size: 1.25rem;\n  font-weight: bold;\n  float: right;\n}\n.rad-btn[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n}\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #dddddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: black;\n}\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n.modal-dialog[_ngcontent-%COMP%]   .noteBox[_ngcontent-%COMP%] {\n  background-color: #ffffe1;\n  border: 1px solid #CACACA;\n  padding: 3px;\n  display: block;\n  outline: 0;\n  margin-bottom: 5px;\n  font-size: 11px;\n  text-decoration: none;\n}\n\ndiv.customer-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 155px;\n  right: -2px;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  width: 160px;\n  text-align: left;\n  border: 1px solid #dddddd;\n  border-radius: 3px 0 0 3px;\n  padding: 5px;\n  margin-bottom: 10px;\n  position: relative;\n  display: flex;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 10px;\n  font-size: 1.25rem;\n  padding-top: 10px;\n  color: #337ab7;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: #868686;\n  font-size: 0.625rem;\n  margin-top: 4px;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   .additional[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: -23px;\n  right: 35px;\n  border-radius: 0 0 3px 3px;\n  font-size: 0.625rem;\n  border: 1px solid #dddddd;\n  color: #868686;\n  padding: 3px 14px;\n  text-align: center;\n  background-color: #f9f9f9;\n}\n\n.park-action[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0px;\n}\n.park-action.fullscreen-button-right[_ngcontent-%COMP%] {\n  right: 0px;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 68px;\n  height: 64px;\n  cursor: pointer;\n  outline: none;\n  text-align: center;\n  font-weight: bold;\n  font-family: "Roboto Slab", serif;\n  text-transform: uppercase;\n  list-style: none;\n  background-color: #89b03e;\n  color: #ffffff;\n  padding-top: 23px;\n  display: block;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(odd) {\n  border: 1px solid #51632E;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(even) {\n  color: #545454;\n  text-shadow: 0 1px 0 white;\n  background-color: #f4f4f4;\n  font-weight: bold;\n  border-left: 1px solid #a6a6a6;\n  border-right: 1px solid #a6a6a6;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:last-child {\n  border-bottom: 1px solid #a6a6a6;\n}\n.fullscreen[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 0px;\n  right: 0px;\n  padding: 10px;\n  background-color: #BBBBBB;\n  cursor: pointer;\n}\n.fullscreen[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 34px;\n  color: white;\n}\n.cashier-note[_ngcontent-%COMP%] {\n  position: fixed;\n  right: 0;\n  min-width: 130px;\n  max-width: 180px;\n  padding: 8px 2px;\n  text-align: center;\n  background-color: #ffffe1;\n  border: 1px solid #dddddd;\n  border-right-width: 0;\n  overflow: hidden;\n  border-radius: 3px 0px 0px 3px;\n  -moz-border-radius: 3px 0px 0px 3px;\n  -webkit-border-radius: 3px 0px 0px 3px;\n}\n.cashier-note[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-style: italic;\n}\n.cashier-note[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  margin-top: 5px;\n  font-family: "Roboto Slab", serif;\n  display: block;\n  text-transform: uppercase;\n}\n.cashier-note.fullscreen-note[_ngcontent-%COMP%] {\n  top: 100px;\n}\n.cashier-note.inventory-tracking-panel[_ngcontent-%COMP%] {\n  bottom: 100px;\n}\n.pos-status[_ngcontent-%COMP%] {\n  position: fixed;\n  right: 10px;\n  top: 10px;\n  list-style: none;\n  padding: 0px;\n  margin: 0px;\n  z-index: 1031;\n  display: flex;\n  align-items: center !important;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  cursor: pointer;\n  margin-right: 10px;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 8px 10px;\n  color: #868686;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 26px;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:first-child   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n#dialogItem[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n  border-top: none;\n  border-right: none;\n}\ndiv#dialogDiscount[_ngcontent-%COMP%]   .txtPcg[_ngcontent-%COMP%] {\n  width: 30px;\n}\n#radOnline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%], #radOffline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%] {\n  height: 150px;\n  width: 200px;\n  white-space: normal;\n  margin: 20px 0px 20px 10px;\n  padding-top: 12px;\n  border: 1px solid #dddddd;\n}\n#radOnline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], #radOffline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 5px;\n}\n#radOnline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], #radOffline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 30px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  height: 30px;\n  border-radius: 4px;\n  padding: 5px 10px;\n  color: #ffffff;\n  background: #B1AAAA;\n}\nul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover, ul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%] {\n  background: #FFFED9;\n  border: 1px solid #88AE3D;\n}\nul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover    > strong[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%]    > strong[_ngcontent-%COMP%] {\n  background: #88AE3D;\n}\n#radOnline[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  color: #ffffff;\n  background-color: #89b03e;\n}\n#radOffline[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  color: #ffffff;\n  background-color: #c9302c;\n}\n.fa-wifi-off[_ngcontent-%COMP%] {\n  background-image: url("/Images/Icon/wifi-off.svg");\n  height: 30px;\n  width: 30px;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n#radOffline[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%]   .fa-wifi-off[_ngcontent-%COMP%] {\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/wifi-off-white.svg");\n}\n.fa-coupon[_ngcontent-%COMP%] {\n  background-position-y: center;\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/coupon.svg");\n  height: 26px;\n  width: 26px;\n  background-size: 26px;\n  background-repeat: no-repeat;\n}\n.fa-retur[_ngcontent-%COMP%] {\n  background-position-y: center;\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/return.svg");\n  height: 26px;\n  width: 26px;\n  background-size: 26px;\n  background-repeat: no-repeat;\n}\n\nul.dialogPicker[_ngcontent-%COMP%] {\n  list-style: none;\n  margin: 0px;\n  padding: 0px;\n  display: flex;\n  flex-wrap: wrap !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 180px;\n  min-height: 95px;\n  margin-right: 17px;\n  margin-bottom: 17px;\n  position: relative;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  border: 1px solid #B1AAAA;\n  border-radius: 5px;\n  cursor: pointer;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n  height: 30px;\n  border-radius: 4px;\n  padding: 5px 10px;\n  color: #ffffff;\n  background: #B1AAAA;\n  overflow: hidden;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover, ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.vacant[_ngcontent-%COMP%] {\n  background: #ffffe1;\n  border: 1px solid #89b03e;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover    > h6[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.vacant[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%] {\n  background: #89b03e;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]:hover {\n  border: 1px solid #c9302c;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]:hover    > h6[_ngcontent-%COMP%] {\n  background: #c9302c !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #c9302c;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]:hover {\n  background: white;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%] {\n  border: 1px solid #f6a828;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]:hover {\n  border: 1px solid #f6a828;\n  background: white;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]:hover    > strong[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #f6a828;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  font-size: 0.75rem !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  height: 80px;\n  padding: 15px 10px;\n  position: relative;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: block;\n  font-weight: normal;\n  font-size: 0.875rem;\n  width: 100%;\n  margin-bottom: 5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child {\n  margin-top: -5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  text-align: center;\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: auto;\n  background-color: #B1AAAA;\n  border-radius: 3px;\n  padding: 2px 5px;\n  color: #ffffff;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.idle[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 1.25rem;\n  text-align: center;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 27px;\n  height: 28px;\n  cursor: pointer;\n  top: 5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: black;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:last-of-type {\n  right: -5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:nth-last-of-type(2) {\n  right: 15px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  bottom: 0px;\n  right: 0px;\n  position: absolute;\n}\nul.dialogPickerBig[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 140px !important;\n  margin-bottom: 17px;\n  margin-top: 0px !important;\n  min-height: 80px !important;\n}\nul.dialogPickerBig[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  height: 50px !important;\n}\n\n.arrow_box[_ngcontent-%COMP%] {\n  position: relative;\n  background: #ffffff;\n  border: 2px solid #dddddd;\n}\n.arrow_box[_ngcontent-%COMP%]:after, .arrow_box[_ngcontent-%COMP%]:before {\n  right: 100%;\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n}\n.arrow_box[_ngcontent-%COMP%]:after {\n  border-color: rgba(238, 238, 238, 0);\n  border-right-color: #ffffff;\n  border-width: 6px;\n  top: 50%;\n  margin-top: -6px;\n}\n.arrow_box[_ngcontent-%COMP%]:before {\n  border-color: rgba(200, 211, 223, 0);\n  border-right-color: #dddddd;\n  border-width: 9px;\n  top: 50%;\n  margin-top: -9px;\n}\n.arrow_box[_ngcontent-%COMP%]    > .header[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  padding: 1px 2px 1px 3px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  border-radius: 0px 0px 0px 3px;\n}\n.arrow_box_left[_ngcontent-%COMP%]:after, .arrow_box_left[_ngcontent-%COMP%]:before {\n  left: 100% !important;\n}\n.arrow_box_left[_ngcontent-%COMP%]:after {\n  border-left-color: #ffffff !important;\n  border-right-color: transparent !important;\n}\n.arrow_box_left[_ngcontent-%COMP%]:before {\n  border-left-color: #dddddd !important;\n  border-right-color: transparent !important;\n}\n.arrow_box_bottom[_ngcontent-%COMP%]:after, .arrow_box_bottom[_ngcontent-%COMP%]:before {\n  top: initial;\n  left: 40%;\n  bottom: 100% !important;\n}\n.arrow_box_bottom[_ngcontent-%COMP%]:after {\n  border-bottom-color: #ffffff !important;\n  border-right-color: transparent !important;\n  margin-left: -6px;\n}\n.arrow_box_bottom[_ngcontent-%COMP%]:before {\n  border-bottom-color: #dddddd !important;\n  border-right-color: transparent !important;\n  margin-left: -9px;\n}\ndiv.price_calculator[_ngcontent-%COMP%] {\n  left: -200px;\n  top: 46px;\n  width: 180px;\n  height: 77px;\n  padding: 12px 0px 3px 8px;\n  border-radius: 3px;\n  position: absolute !important;\n}\ndiv.price_calculator[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  border: 0px !important;\n  border-bottom: 1px solid #dddddd;\n  background-color: transparent !important;\n  padding: 8px 5px 5px 5px !important;\n  width: 50px !important;\n}\n.tooltip-component[_ngcontent-%COMP%] {\n  position: relative;\n}\n.tooltip-component[_ngcontent-%COMP%]:hover    > div.toolTip[_ngcontent-%COMP%] {\n  display: block;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%] {\n  background: #ffffe1;\n  border: 1px solid #dddddd;\n  position: absolute;\n  top: 5px;\n  left: calc(100% + 15px);\n  padding: 10px;\n  display: none;\n  text-align: center;\n  min-height: 15px;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip.green[_ngcontent-%COMP%] {\n  background: #CAED9E;\n  border: 4px solid #90D93F;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:after, .tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:before {\n  right: 100%;\n  top: 50%;\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:after {\n  border-color: rgba(252, 236, 163, 0);\n  border-right-color: #ffffe1;\n  border-width: 5px;\n  margin-top: -5px;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:before {\n  border-color: rgba(0, 0, 0, 0);\n  border-right-color: #9e9e9e;\n  border-width: 6px;\n  margin-top: -6px;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0px;\n  white-space: nowrap;\n  color: #89b03e;\n  text-shadow: 0px 1px 0px White;\n}\n.offline[_ngcontent-%COMP%]   .modal-header[_ngcontent-%COMP%] {\n  background-color: #c9302c !important;\n}\n.main-panel[_ngcontent-%COMP%]   nav.fixed-top.offline[_ngcontent-%COMP%], .full_screen[_ngcontent-%COMP%]   hgroup.offline[_ngcontent-%COMP%] {\n  background: repeating-linear-gradient(-60deg, #f8d7da, #f8d7da 15px, #f5c6cb 15px, #f5c6cb 30px) !important;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-webkit-input-placeholder {\n  font-style: italic;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:-moz-placeholder {\n  \n  font-style: italic;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-moz-placeholder {\n  \n  font-style: italic;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:-ms-input-placeholder {\n  font-style: italic;\n}\nfade-in[_ngcontent-%COMP%] {\n  opacity: 1;\n  \n  transition: opacity 2s;\n}\n.fade-out[_ngcontent-%COMP%] {\n  opacity: 0;\n  \n  transition: opacity 2s;\n  z-index: 1;\n}\n.print_container[_ngcontent-%COMP%] {\n  display: none;\n}\n@media print {\n  .wrapper[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  div.blockUI[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  div.print_container[_ngcontent-%COMP%] {\n    display: block;\n    text-align: left;\n  }\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%] {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n  padding-bottom: 0.9375rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  font-size: 2rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .container[_ngcontent-%COMP%] {\n  max-width: 500px;\n  margin-top: 30px;\n  margin-bottom: 30px;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  font-size: 1rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%] {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .col-md-4[_ngcontent-%COMP%]   .card-footer[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:last-child {\n  align-items: center;\n}\n.sell-complete[_ngcontent-%COMP%]   .col-md-4[_ngcontent-%COMP%]   .card-footer[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:last-child    > div[_ngcontent-%COMP%]:last-child {\n  font-size: 1rem;\n}\n@media print {\n  .cashier[_ngcontent-%COMP%], pos-quick-key[_ngcontent-%COMP%], pos-header[_ngcontent-%COMP%], pos-toolbar[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #DDE2EB;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%] {\n  margin-right: 5px !important;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 143px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 140px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   .select2-container[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  margin-right: 22px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:last-child {\n  margin-right: 0;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  color: #3B3B3B;\n  margin-right: 5px;\n  line-height: unset !important;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], div.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.outlet[_ngcontent-%COMP%] {\n  padding: 4px 8px 3px 5px;\n  border: 1px solid #dddddd;\n  font-size: 0.875rem;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   .outlet[_ngcontent-%COMP%] {\n  width: 165px;\n  color: #337ab7;\n  background: #ffffff;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 150px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 150px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   div.row.body[_ngcontent-%COMP%]   div.quickKey[_ngcontent-%COMP%] {\n  width: 420px;\n  margin-right: 10px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   div.row.body[_ngcontent-%COMP%]   div.cart[_ngcontent-%COMP%] {\n  width: 570px;\n}\n.returnAll[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 55%;\n  transform: translateY(-50%);\n  right: 0;\n}\n.returnAll.fullscreen-button-right[_ngcontent-%COMP%] {\n  right: 0;\n}\n.returnAll[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 68px;\n  height: 64px;\n  cursor: pointer;\n  outline: none;\n  text-align: center;\n  font-weight: bold;\n  font-family: "Roboto Slab", serif;\n  text-transform: uppercase;\n  list-style: none;\n  background-color: #89b03e;\n  color: #ffffff;\n  padding-top: 14px;\n  display: block;\n}\n.returnAll[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(odd) {\n  border: 1px solid #51632e;\n}\n.returnAll[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(even) {\n  color: #545454;\n  text-shadow: 0 1px 0 white;\n  background-color: #f4f4f4;\n  font-weight: bold;\n  border-left: 1px solid #a6a6a6;\n  border-right: 1px solid #a6a6a6;\n}\n.simple-keyboard[_ngcontent-%COMP%] {\n  width: 20vw;\n  position: absolute;\n  left: 77%;\n  top: 30%;\n  z-index: 1200;\n}\n  .hg-theme-default .hg-button {\n  height: 70px !important;\n  font-size: 16px !important;\n}\ndiv.row.cart-footer[_ngcontent-%COMP%] {\n  border-top: solid 1px #cfcfcf;\n  min-height: 85px;\n}\ndiv.row.cart-footer[_ngcontent-%COMP%]   div.summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], div.row.cart-footer[_ngcontent-%COMP%]   div.summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  border-left: solid 1px #cfcfcf;\n  border-bottom: solid 1px #cfcfcf;\n}\ndiv.row.cart-footer[_ngcontent-%COMP%]   div.summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 7px 8px;\n}\ndiv.row.cart-footer[_ngcontent-%COMP%]   div.summary[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 7px 5px;\n}\ndiv.row.cart-footer[_ngcontent-%COMP%]   .disc[_ngcontent-%COMP%] {\n  padding-top: 7px;\n  padding-bottom: 6px;\n}\ndiv.row.action-buttons[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 1.125rem;\n  padding: 15px 16px;\n}\ndiv.row.action-buttons[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%] {\n  width: 195px;\n}\ndiv.row.action-buttons[_ngcontent-%COMP%]   .right-bottom[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  right: 4px;\n}\n.cashier-note-arrow[_ngcontent-%COMP%] {\n  position: absolute;\n  min-width: 130px;\n  max-width: 180px;\n  min-height: 55px;\n  background-color: #ffffe1 !important;\n  right: 110%;\n  top: 0%;\n  z-index: 1;\n  text-align: center;\n  padding: 8px 2px;\n  border: 1px solid #bbbbbb !important;\n}\n.cashier-note-arrow[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-style: italic;\n}\n.cashier-note-arrow[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  margin-top: 3px;\n  font-family: "Roboto Slab", serif;\n  display: block;\n  text-transform: uppercase;\n}\n.cashier-note-arrow[_ngcontent-%COMP%]:after {\n  border-left-color: #ffffe1 !important;\n}\n.arrow-box-right[_ngcontent-%COMP%]:before {\n  border-width: 6px !important;\n  margin-top: -6px !important;\n}\n@media only screen and (max-width: 576px) {\n  .mobile-view[_ngcontent-%COMP%] {\n    width: 100% !important;\n    margin-top: 5px;\n  }\n}\n@media (max-width: 1200px) {\n  .pay[_ngcontent-%COMP%] {\n    width: 100px !important;\n    font-size: 200px;\n  }\n}\n.cart-footer[_ngcontent-%COMP%], .action-buttons[_ngcontent-%COMP%] {\n  width: 550px;\n}']}),o})();function pe(o,r){if(1&o&&(n.TgZ(0,"tr")(1,"td",28),n._uU(2),n.ALo(3,"number"),n.qZA(),n.TgZ(4,"td",29),n._uU(5),n.qZA(),n.TgZ(6,"td",28),n._uU(7),n.ALo(8,"number"),n.qZA()()),2&o){const t=n.oxw(2);n.xp6(2),n.Oqu("Discount ("+n.lcZ(3,3,t.buyData.Order.Discount)+"%):"),n.xp6(3),n.Oqu(t.invoiceCalculator.currencySymbol),n.xp6(2),n.Oqu(n.lcZ(8,5,t.invoiceCalculator.discount1Amount))}}function ge(o,r){if(1&o&&(n.TgZ(0,"tr")(1,"td",28),n._uU(2,"Discount:"),n.qZA(),n.TgZ(3,"td",29),n._uU(4),n.qZA(),n.TgZ(5,"td",28),n._uU(6),n.ALo(7,"number"),n.qZA()()),2&o){const t=n.oxw(2);n.xp6(4),n.Oqu(t.invoiceCalculator.currencySymbol),n.xp6(2),n.Oqu(n.lcZ(7,2,t.buyData.Order.DiscountAmount))}}function ue(o,r){if(1&o&&(n.TgZ(0,"tr")(1,"td",28),n._uU(2),n.qZA(),n.TgZ(3,"td",29),n._uU(4),n.qZA(),n.TgZ(5,"td",28),n._uU(6),n.ALo(7,"number"),n.qZA()()),2&o){const t=n.oxw(2);n.xp6(2),n.Oqu("Tax ("+(null==t.invoiceCalculator.currentTax?null:t.invoiceCalculator.currentTax.Rate)+"%):"),n.xp6(2),n.Oqu(t.invoiceCalculator.currencySymbol),n.xp6(2),n.Oqu(n.lcZ(7,3,null==t.invoiceCalculator?null:t.invoiceCalculator.taxAmount))}}function _e(o,r){if(1&o&&(n.TgZ(0,"div",26)(1,"table",27)(2,"tbody")(3,"tr")(4,"td",28),n._uU(5,"Amount:"),n.qZA(),n.TgZ(6,"td",29),n._uU(7),n.qZA(),n.TgZ(8,"td",28),n._uU(9),n.ALo(10,"number"),n.qZA()(),n.YNc(11,pe,9,7,"tr",30),n.YNc(12,ge,8,4,"tr",30),n.YNc(13,ue,8,5,"tr",30),n.TgZ(14,"tr")(15,"td",28),n._uU(16,"Total Amount:"),n.qZA(),n.TgZ(17,"td",29),n._uU(18),n.qZA(),n.TgZ(19,"td",31),n._uU(20),n.ALo(21,"number"),n.ALo(22,"async"),n.qZA()()()()()),2&o){const t=n.oxw();n.xp6(7),n.Oqu(t.invoiceCalculator.currencySymbol),n.xp6(2),n.Oqu(n.lcZ(10,7,t.invoiceCalculator.grossTotal)),n.xp6(2),n.Q6J("ngIf",t.cartItems.length>0&&t.buyData.Order.Discount>0),n.xp6(1),n.Q6J("ngIf",t.cartItems.length>0&&t.buyData.Order.DiscountAmount>0),n.xp6(1),n.Q6J("ngIf",t.cartItems.length>0&&0!=(null==t.invoiceCalculator.currentTax?null:t.invoiceCalculator.currentTax.Rate)),n.xp6(5),n.Oqu(t.invoiceCalculator.currencySymbol),n.xp6(2),n.Oqu(n.lcZ(21,9,n.lcZ(22,11,t.invoiceCalculator.Data$)))}}const me=function(){return["/menu/Orders/Orders/Supplier_Bill/Info"]},he=function(o){return{ID:o}};let Ce=(()=>{class o{constructor(t,e,i){this.invoiceCalculator=t,this.buyDataService=e,this.submitOrderService=i,this.onCreateNewTransaction=new n.vpe,this.buyData=this.buyDataService.Data,this.cartItems=this.buyData.Items,this.subscribeToObservable()}ngOnInit(){this.iniPrintLink()}subscribeToObservable(){this.submitOrderService.Data$.subscribe(t=>{this.completeData=t})}iniPrintLink(){let e=this.buyData.Invoice.ID,a=this.findEntityById(this.buyData.Order.EntityID).PrintTemplateID.toString(),g=d.gT.StringFormat("{0}?ID={1}&Template={2}","/A/POS/#/print/SupplierInvoice",e,a);this.printLink=g}findEntityById(t){return this.entities.find(i=>i.ID==t)}createNewTransaction(){this.onCreateNewTransaction.emit()}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(N),n.Y36(C),n.Y36(hn))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-complete"]],inputs:{entities:"entities",roleCost:"roleCost"},outputs:{onCreateNewTransaction:"onCreateNewTransaction"},decls:42,vars:8,consts:[[1,"sell-complete"],[1,"container-fluid","pt-8"],[1,"row"],[1,"col-md-8"],[1,"card"],[1,"card-header"],[1,"d-flex","justify-content-between"],[1,"fas","fa-check","mr-1"],[1,"card-body"],[1,"container"],[1,"row","mt-9","justify-content-center","no-gutters","mb-9"],[1,"col-9","text-center"],["type","button",1,"btn","btn-success","btn-lg","btn-block",3,"click"],[1,"card-footer","bg-light-gray"],[1,"row","justify-content-between"],[1,"col-auto"],["target","_blank",1,"btn","btn-light-gray",3,"href"],[1,"fas","fa-print","mr-2"],[1,"col-md-4"],[1,"card-header","bg-light-gray"],[1,"text-dark"],["target","_blank",1,"text-dark","font-italic",3,"routerLink","queryParams"],[1,"col-8"],[1,"col-4","text-right"],[1,"card-footer","bg-white"],["class","ml-auto",4,"ngIf"],[1,"ml-auto"],[1,"table","table-borderless","mb-0","table-sm"],[1,"text-right"],[1,"text-left"],[4,"ngIf"],[1,"text-right",2,"font-size","1rem"]],template:function(t,e){1&t&&(n.TgZ(0,"section")(1,"div",0)(2,"div",1)(3,"div",2)(4,"div",3)(5,"div",4)(6,"div",5)(7,"div",6)(8,"h2"),n._UZ(9,"i",7),n._uU(10," Purchase Complete "),n.qZA()()(),n.TgZ(11,"div",8)(12,"div",9)(13,"div",10)(14,"div",11)(15,"button",12),n.NdJ("click",function(){return e.createNewTransaction()}),n._uU(16," New Purchase (F8) "),n.qZA()()()()(),n.TgZ(17,"div",13)(18,"div",14)(19,"div",15)(20,"a",16),n._UZ(21,"i",17),n._uU(22,"Print Receipt "),n.qZA()()()()()(),n.TgZ(23,"div",18)(24,"div",4)(25,"div",19)(26,"h3",20)(27,"a",21),n._uU(28),n.qZA()()(),n.TgZ(29,"div",8)(30,"div",2)(31,"div",22),n._uU(32,"--------"),n.qZA(),n.TgZ(33,"div",23),n._uU(34,"$$$"),n.qZA()(),n.TgZ(35,"div",2)(36,"div",22),n._uU(37,"--------"),n.qZA(),n.TgZ(38,"div",23),n._uU(39,"$$$"),n.qZA()()(),n.TgZ(40,"div",24),n.YNc(41,_e,23,13,"div",25),n.qZA()()()()()()()),2&t&&(n.xp6(20),n.Q6J("href",e.printLink,n.LSH),n.xp6(7),n.Q6J("routerLink",n.DdM(5,me))("queryParams",n.VKq(6,he,e.buyData.Invoice.ID)),n.xp6(1),n.hij(" Supplier Bill #",e.completeData.InvoiceNumber," "),n.xp6(13),n.Q6J("ngIf",e.roleCost))},directives:[G.yS,s.O5],pipes:[s.JJ,s.Ov],styles:[".print_containers[_ngcontent-%COMP%] {\n  display: none;\n}\n@media print {\n  .print_containers[_ngcontent-%COMP%] {\n    display: block;\n    text-align: left;\n  }\n\n  .sell-complete[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%] {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n  padding-bottom: 0.9375rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  font-size: 2rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .container[_ngcontent-%COMP%] {\n  max-width: 500px;\n  margin-top: 30px;\n  margin-bottom: 30px;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  font-size: 1rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%] {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .amount[_ngcontent-%COMP%] {\n  font-size: 16px;\n}"]}),o})();function fe(o,r){if(1&o){const t=n.EpF();n.ynx(0),n.TgZ(1,"POS-toolbar",7),n.NdJ("dateChange",function(i){return n.CHM(t),n.oxw(2).buyData.Order.Date=i})("purchaseNumberChange",function(i){return n.CHM(t),n.oxw(2).buyData.Invoice.Number=i})("billNumberChange",function(i){return n.CHM(t),n.oxw(2).buyData.Order.Number=i})("attentionChange",function(i){return n.CHM(t),n.oxw(2).buyData.Order.Att=i})("onOpenModalSupplier",function(){return n.CHM(t),n.oxw(2).onOpenModalSupplier()})("onOpenOutletModal",function(){return n.CHM(t),n.oxw(2).openOutletModal()})("onSelectSupplier",function(i){return n.CHM(t),n.oxw(2).onSelectSupplier(i)})("onClearAutoComplete",function(){return n.CHM(t),n.oxw(2).onSupplierClear()}),n.qZA(),n.TgZ(2,"div",8)(3,"div",9),n._UZ(4,"pos-quick-key",10),n.qZA(),n.TgZ(5,"div",11)(6,"POS-cart-header",12),n.NdJ("onScanCode",function(i){return n.CHM(t),n.oxw(2).onScanBarcode(i)})("onAddItem",function(i){return n.CHM(t),n.oxw(2).addItem(i)})("onCreateItem",function(){return n.CHM(t),n.oxw(2).createNewItem()})("onOpenUploadModal",function(){return n.CHM(t),n.oxw(2).onOpenUploadModal()}),n.qZA(),n.TgZ(7,"POS-card-display",13),n.NdJ("cartItemsChange",function(i){return n.CHM(t),n.oxw(2).onCartItemChanges(i)})("onRemoveItem",function(i){return n.CHM(t),n.oxw(2).removeItem(i)})("onSelectItem",function(i){return n.CHM(t),n.oxw(2).selectItem(i)}),n.qZA(),n.TgZ(8,"POS-cart-action",14),n.NdJ("taxIdChange",function(i){return n.CHM(t),n.oxw(2).onTaxChange(i)})("onOpenDiscountModal",function(){return n.CHM(t),n.oxw(2).onOpenDiscountModal()})("onOpenFulfillmentModal",function(){return n.CHM(t),n.oxw(2).onOpenFulfillmentModal()})("onOpenNoteModal",function(){return n.CHM(t),n.oxw(2).onOpenNoteModal()})("onOpenPaymentModal",function(){return n.CHM(t),n.oxw(2).submit()})("onOpenVoidModal",function(){return n.CHM(t),n.oxw(2).onOpenVoidModal()}),n.qZA()()(),n.TgZ(9,"ul",15)(10,"li",16),n.NdJ("click",function(){return n.CHM(t),n.oxw(2).onReturnAll()}),n._uU(11," RETURN ALL "),n.qZA()(),n.BQk()}if(2&o){const t=n.oxw(2);n.xp6(1),n.Q6J("date",t.buyData.Order.Date)("purchaseNumber",t.buyData.Invoice.Number)("billNumber",t.buyData.Order.Number)("attention",t.buyData.Order.Att)("outletName",t.outletName)("supplierName",t.supplierName),n.xp6(3),n.Q6J("entityID",t.outletID),n.xp6(2),n.Q6J("isUpload",!0)("cartItems",t.cartItems),n.xp6(1),n.Q6J("cartItems",t.cartItems)}}function Me(o,r){if(1&o){const t=n.EpF();n.TgZ(0,"POS-complete",17),n.NdJ("onCreateNewTransaction",function(){return n.CHM(t),n.oxw(2).newForm()}),n.qZA()}if(2&o){const t=n.oxw(2);n.Q6J("roleCost",t.roles.Cost)("entities",t.entities)}}function Oe(o,r){if(1&o&&(n.TgZ(0,"div",3),n.YNc(1,fe,12,10,"ng-container",4),n.YNc(2,Me,1,2,"ng-template",null,5,n.W1O),n._UZ(4,"div",6),n.qZA()),2&o){const t=n.MAs(3),e=n.oxw();n.xp6(1),n.Q6J("ngIf",!e.isComplete)("ngIfElse",t)}}const Pe=[{path:"Entry/Order",component:(()=>{class o extends w.M{constructor(t,e,i,a,l,g,x,q,rn,Ie,Te,we){super(t),this._firstLoadService=e,this._activatedRoute=i,this._quickeyService=a,this._cartItemsService=l,this._buyDataService=g,this._toastr=x,this._dialog=q,this._supplierService=rn,this._calculatorService=Ie,this.buyStateService=Te,this._outletService=we,this.buyData=new m,this.BuyState=b,this.destroy$=new O.xQ,this.subscribeToObservableChanges()}ngOnInit(){this.initLoadForm()}subscribeToObservableChanges(){this._quickeyService.onSelectQuickeyItem$.pipe((0,f.h)(t=>d.gT.IsNotEmpty(t.id)),(0,_.R)(this.destroy$)).subscribe(t=>{this._cartItemsService.addCartItemById(t.id,t.entityID)}),this._buyDataService.Data$.pipe((0,_.R)(this.destroy$)).subscribe(t=>{this.buyData=t,this.supplierName=t.ContactName,this.cartItems=this.buyData.Items})}initLoadForm(){let t=this._activatedRoute.snapshot.queryParams;this._firstLoadService.getLoadData(d.Wz.LoadFormBuy).pipe((0,_.R)(this.destroy$)).subscribe(e=>{this.fillData(e),d.gT.IsEmpty(t.ID)?(1==this.entities.length?this.onSelectOutlet(this.entities[0]):this.openOutletModal(),this.buyStateService.state=b.NEW):(this.buyStateService.state=b.UPDATE,this.onEditTransaction(t.ID))})}fillData(t){this._firstLoadService.assignRole(t.Roles),this.roles=this._firstLoadService.role,this.entities=t.Entities,this.buyStorage=t}onEditTransaction(t){this._buyDataService.onEditTransaction(t).subscribe(e=>{this.menuData.H=`Editing Purchase Order #${e.Order.Number}`;let i=this.entities.find(l=>l.ID==e.Order.EntityID);this.outletName=i.Name,this.outletID=e.Order.EntityID,this.supplierName=e.ContactName;let a=this.buyStorage.Taxes.find(l=>l.ID==e.Order.TaxTypeID);this._calculatorService.currentTax=a,this._outletService.getOutletInfo(e.Order.EntityID).subscribe(l=>{this.initQuickKey(l.QuickKeyPack)}),this.cartItems=e.Items,this._buyDataService.pushNewValue(e)})}openOutletModal(){let t=this.buyStorage.Entities.filter(e=>0==e.Suspended);this._dialog.open(On.X,{data:{Entities:t}}).afterClosed().pipe((0,_.R)(this.destroy$),(0,f.h)(e=>d.gT.IsNotEmpty(e))).subscribe(e=>{this.onSelectOutlet(e.outlet)})}onSelectOutlet(t){this.outletID=t.ID,this.outletName=t.Name,this._outletService.getOutletInfo(this.outletID).pipe((0,_.R)(this.destroy$)).subscribe(e=>{this._buyDataService.initTransaction(e,this.buyStorage),this.initQuickKey(e.QuickKeyPack)})}initQuickKey(t){this._quickeyService.Data=t,this._quickeyService.EntityID=this.outletID}removeItem(t){this._cartItemsService.deleteCartItem(t.item)}selectItem(t){this._dialog.open(un,{data:{cartItem:t.item,entityID:this.outletID,index:t.index,focus:t.focus}})}onScanBarcode(t){this._cartItemsService.addCartItemByCode(t,this.outletID)}onOpenUploadModal(){this._dialog.open(Pn.h,{data:{sampleUrl:"//res.cloudinary.com/pos/raw/upload/POS/CSV/SupplierPO_DealPOS.csv",API:"/API/Buy/UploadCsv"}}).afterClosed().pipe((0,_.R)(this.destroy$),(0,f.h)(t=>void 0!==t)).subscribe(t=>{this.generateItemUpload(t)})}generateItemUpload(t){t.forEach(e=>{e.UnitPrice=e.Cost,e.ID=d.gT.GuidEmpty,e=this._buyDataService.generateCartItem(e),this._cartItemsService.addItemToCart(e)})}addItem(t){this._cartItemsService.addCartItemById(t,this.outletID)}createNewItem(){this._dialog.open(un,{data:{cartItem:new I,entityID:this.outletID}})}submit(){let t=this.buyStorage.AppConfigJSON.ModuleBuy.Header.SupplierRequired;if(this.validatedSupplierID()){if(d.gT.IsEmpty(this.buyData.Order.SupplierID)&&t)return void this._toastr.warning("Please Select Supplier","Warning!");if(0==this.cartItems.length)return void this._toastr.warning(d.g7.emptyPOItem,"Warning!");this.onOpenPaymentModal()}}validatedSupplierID(){if(d.gT.IsEmpty(this.buyData.Order.SupplierID)){let e=this._supplierService.inputTextName;if(d.gT.IsNotEmpty(e))return this._toastr.warning("Supplier is not Saved","Warning"),this.onOpenModalSupplier(e),!1}return!0}newForm(){this._supplierService.inputTextName=null,this.buyStateService.state=b.NEW,this.isComplete=!1,this._buyDataService.createNewTransaction(this.outletID,this.buyStorage,this._outletService.outletInfo)}onOpenModalSupplier(t){this._dialog.open(ln.Az,{data:{options:this.buyStorage.SupplierOptions,config:this.buyStorage.AppConfigJSON.ModuleContact,type:"supplier",title:"New Supplier Form",inputTextName:t}}).afterClosed().pipe((0,_.R)(this.destroy$)).subscribe(e=>{e&&(this.supplierName=e.supplier.Name,this._supplierService.createNewSupplier(e.supplier))})}onSelectSupplier(t){this._supplierService.setSupplierData(t)}onOpenDiscountModal(){this._dialog.open(at,{data:{discount:this.buyData.Order.Discount,discountAmount:this.buyData.Order.DiscountAmount}}).afterClosed().pipe((0,f.h)(t=>null!=t)).subscribe(t=>{this.buyData.Order.Discount=t.discount,this.buyData.Order.DiscountAmount=t.discountAmount,this._buyDataService.pushNewValue(this.buyData)})}onOpenNoteModal(){this._dialog.open(pt)}onOpenVoidModal(){this._dialog.open(it.s).afterClosed().pipe((0,f.h)(t=>1==t)).subscribe(()=>{this._buyDataService.clearTransaction()})}onOpenPaymentModal(){this._dialog.open(St).afterClosed().pipe((0,f.h)(t=>null!=t)).subscribe(()=>{this.buyStateService.state=b.COMPLETE,this.isComplete=!0})}onOpenFulfillmentModal(){this._dialog.open(Ct)}onTaxChange(t){this.buyData.Order.TaxTypeID=t,this._buyDataService.pushNewValue(this.buyData)}onSupplierClear(){this.buyData.Order.SupplierID=d.gT.GuidEmpty,this._buyDataService.pushNewValue(this.buyData)}onReturnAll(){0!=this.cartItems.length?confirm("Are you sure you want to return all items quantity?")&&(this.buyData.Items=this.buyData.Items.map(e=>(e.Quantity=-1*e.Quantity,e)),this._buyDataService.pushNewValue(this.buyData)):this._toastr.warning(d.g7.emptyPOItem,"Warning!")}onRetur(){this._dialog.open(kt,{data:{entityID:this.outletID}})}onCartItemChanges(t){this.buyData.Items=t,this.cartItems=t}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}}return o.\u0275fac=function(t){return new(t||o)(n.Y36(Q.O),n.Y36(P.O),n.Y36(G.gz),n.Y36(Nt.w),n.Y36(K),n.Y36(C),n.Y36(X._W),n.Y36(M.uw),n.Y36(on),n.Y36(N),n.Y36($),n.Y36(At))},o.\u0275cmp=n.Xpm({type:o,selectors:[["POS-buy"]],features:[n.qOj],decls:5,vars:6,consts:[[3,"hideSearchDropdown","hideSearchBox","pageData"],[3,"isComplete","returnRole","onRetur"],["class","container-fluid",4,"ngIf"],[1,"container-fluid"],[4,"ngIf","ngIfElse"],["COMPLETE",""],[1,"simple-keyboard"],[3,"date","purchaseNumber","billNumber","attention","outletName","supplierName","dateChange","purchaseNumberChange","billNumberChange","attentionChange","onOpenModalSupplier","onOpenOutletModal","onSelectSupplier","onClearAutoComplete"],[1,"row","row","body","no-gutters","mt-4","justify-content-left"],[1,"col-auto","quickKey"],[3,"entityID"],[1,"col-auto","cart"],[3,"isUpload","cartItems","onScanCode","onAddItem","onCreateItem","onOpenUploadModal"],[3,"cartItems","cartItemsChange","onRemoveItem","onSelectItem"],[3,"taxIdChange","onOpenDiscountModal","onOpenFulfillmentModal","onOpenNoteModal","onOpenPaymentModal","onOpenVoidModal"],[1,"returnAll"],["id","btnPark",3,"click"],[3,"roleCost","entities","onCreateNewTransaction"]],template:function(t,e){1&t&&(n.TgZ(0,"mainpanel-cmp",0)(1,"actions")(2,"POS-header",1),n.NdJ("onRetur",function(){return e.onRetur()}),n.qZA()(),n.TgZ(3,"content"),n.YNc(4,Oe,5,2,"div",2),n.qZA()()),2&t&&(n.Q6J("hideSearchDropdown",!0)("hideSearchBox",!0)("pageData",e.menuData),n.xp6(2),n.Q6J("isComplete",e.isComplete)("returnRole",null==e.roles?null:e.roles.Return),n.xp6(2),n.Q6J("ngIf",e.buyStorage))},directives:[E.p,Jt,s.O5,Ut,Qt.w,fn.H,Xt,se,Ce],styles:['.container-cashier[_ngcontent-%COMP%] {\n  width: 1000px;\n  display: flex;\n}\nhgroup[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #DDE2EB;\n  display: flex;\n  padding: 9px 0px;\n}\nhgroup[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  display: flex;\n  margin-right: 22px;\n}\nhgroup[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  color: #3B3B3B;\n  margin-right: 5px;\n  line-height: unset !important;\n}\nhgroup[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], hgroup[_ngcontent-%COMP%]   span.outlet[_ngcontent-%COMP%] {\n  padding: 4px 8px 3px 5px;\n  border: 1px solid #dddddd;\n  font-size: 0.875rem;\n}\nhgroup[_ngcontent-%COMP%]   .outlet[_ngcontent-%COMP%] {\n  width: 165px;\n  color: #337ab7;\n  background: #ffffff;\n}\nhgroup[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 150px;\n}\nhgroup[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 150px;\n}\n.cart[_ngcontent-%COMP%] {\n  width: 600px;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%] {\n  background-color: #ffffff;\n  border: 1px solid #dddddd;\n  border-radius: 5px;\n  box-shadow: 0 0 5px 0px #d6d6d6;\n  height: 408px;\n  position: relative;\n  padding: 6px;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%] {\n  margin-bottom: 5px;\n  border: solid 1px #CFCFCF;\n  border-radius: 3px 3px 0 0;\n  background: #F2F7FA;\n  color: #222222;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child {\n  margin: 10px 15px;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child   h5[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n}\n.cart[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child   i[_ngcontent-%COMP%] {\n  color: #89b03e;\n  font-size: 20px;\n  margin-right: 5px;\n}\n.cart[_ngcontent-%COMP%]   .cart-add[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.875rem;\n  color: #89b03e;\n  padding: 6px 10px;\n}\n.cart[_ngcontent-%COMP%]   .cart-add[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  right: 0px;\n  bottom: 0px;\n  font-style: italic;\n  position: absolute;\n  color: #89b03e;\n}\n.cart[_ngcontent-%COMP%]   .cart-bottom[_ngcontent-%COMP%] {\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n}\n.container-cart-table[_ngcontent-%COMP%] {\n  height: 230px;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.btn-gray[_ngcontent-%COMP%] {\n  background-color: #f4f4f4;\n  border: 1px solid #D6D6D6;\n  font-weight: bold;\n  color: #545454 !important;\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n.btn-gray-more[_ngcontent-%COMP%] {\n  background-color: #f4f4f4;\n  border: 1px solid #D6D6D6;\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n.cash-btn[_ngcontent-%COMP%] {\n  background-color: #f4f4f4;\n  border: 1px solid #D6D6D6;\n  font-weight: bold;\n  margin: 0 0 0 10px;\n  padding: 7px 15px;\n  height: 18px;\n  box-sizing: content-box;\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n.calc-tbl[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 7px 15px 7px 10px;\n  border: 1px solid #ddd;\n  border-top: none;\n  background-color: #EEEEEE;\n}\n.calc-tbl[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  width: 100px;\n  text-align: right;\n  padding: 7px 5px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background: #FBFBF7;\n  border-top: 1px solid #CFCFCF;\n  padding: 7px 5px !important;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:first-child {\n  width: 16px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(4) {\n  width: 65px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(5) {\n  width: 75px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(6) {\n  width: 20px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(7) {\n  width: 86px;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], div.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #CFCFCF;\n}\ndiv.table[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 10px 5px;\n}\ndiv.table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]    > p[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  list-style-type: none !important;\n  padding-left: 0px;\n  font-style: italic;\n}\ndiv.table[_ngcontent-%COMP%]   .cart-item[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0rem;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(2) {\n  width: 10px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(5) {\n  width: 65px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(6) {\n  width: 25px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(7) {\n  width: 75px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(8) {\n  width: 20px;\n}\ndiv.table[_ngcontent-%COMP%]   table.withuom[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:nth-child(9) {\n  width: 86px;\n}\n.cart-bottom[_ngcontent-%COMP%] {\n  position: absolute;\n  border-top: 1px solid #CFCFCF;\n  display: flex;\n}\n.cart-bottom[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child {\n  padding: 30px 10px;\n}\n.cart-bottom[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%], .cart-bottom[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 7px 15px 7px 10px;\n  border: 1px solid #dddddd;\n  border-top: none;\n}\n.cart-bottom[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  background-color: #EEEEEE;\n}\n.cart-bottom[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  padding: 7px 15px;\n}\n.action-bottom[_ngcontent-%COMP%] {\n  display: flex;\n  margin-top: 15px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 1.125rem;\n  padding: 15px 18px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn-gray[_ngcontent-%COMP%] {\n  margin-right: 10px;\n  width: 121px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%] {\n  width: 220px;\n}\n.action-bottom[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  position: absolute;\n  right: 4px;\n  font-style: italic;\n}\nsection.complete[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  color: #3b5998;\n  margin: 20px 0px;\n}\nsection.complete[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  color: #868686;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  text-align: center;\n  height: 150px;\n  width: 190px;\n  font-family: "Roboto Slab", serif;\n  display: flex;\n  flex-direction: column !important;\n  padding: 0px;\n  color: #666666;\n  margin-right: 10px;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 50px;\n  margin-top: 20px;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0px;\n  margin-top: 10px;\n  color: #666666;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]:first-child   h4[_ngcontent-%COMP%] {\n  color: #3B3B3B;\n}\nsection.complete[_ngcontent-%COMP%]   .complete-action[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  font-style: italic;\n  padding: 10px;\n  box-sizing: border-box;\n  color: #868686;\n  border-top: 1px solid #dddddd;\n  font-weight: normal;\n  margin: 0px;\n}\n.complete-more-action[_ngcontent-%COMP%] {\n  margin-top: 10px;\n}\n\n.modal-body[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-weight: 400;\n}\n.modal-body[_ngcontent-%COMP%]   .actions-tabs[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 230px;\n  top: 15px;\n}\n.modal-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-style: normal;\n}\n.dialogButtonOption[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 25px 0px;\n  width: 190px;\n  margin-right: 10px;\n}\n.dialogButtonOption[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-weight: 700;\n  text-transform: uppercase;\n}\n.dialogButtonOption[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  font-style: italic;\n  color: #868686;\n  margin-top: 10px;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .btn-link[_ngcontent-%COMP%] {\n  padding-top: 0px;\n  color: #868686;\n  padding-bottom: 8px;\n  border-radius: unset;\n  font-family: "Roboto Slab", serif;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .btn-link.selected[_ngcontent-%COMP%] {\n  color: #3B3B3B;\n  border-bottom: 4px solid #07A519;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .btn-info[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  margin-right: 10px;\n  padding: 10px;\n  margin-bottom: 10px;\n  float: left;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .input-label[_ngcontent-%COMP%] {\n  position: relative;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .input-label[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  position: absolute;\n  font-size: 0.875rem;\n  color: #868686;\n  top: 26px;\n  left: 20px;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .input-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  margin: 0;\n  margin-bottom: 8px;\n  border: 1px solid #dddddd;\n  padding: 7px 5px;\n  width: 100%;\n  font-size: 36px;\n  border-radius: 3px;\n  text-align: right;\n  background-color: #ffffff;\n  outline: none;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .pay-info[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  border-bottom: 2px solid #07A519 !important;\n  font-size: 0.875rem;\n  border: none !important;\n  border-bottom: 2px solid #07A519 !important;\n  outline: none;\n}\n#dialogSubmitOrder[_ngcontent-%COMP%]   .change[_ngcontent-%COMP%] {\n  background-color: #cccccc;\n  border: 1px solid #dddddd;\n  width: 149px;\n  padding: 5px 10px 5px 0;\n  text-align: right;\n  font-size: 1.25rem;\n  font-weight: bold;\n  float: right;\n}\n.rad-btn[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n}\n.rad-btn[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  border: 1px solid #dddddd;\n  border-radius: 3px;\n  margin-right: 10px;\n  cursor: pointer;\n  padding: 10px;\n  margin-bottom: 10px;\n  color: black;\n}\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  visibility: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.rad-btn[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  background: #dfeffc;\n  border: 1px solid #dfeffc;\n}\n.modal-dialog[_ngcontent-%COMP%]   .noteBox[_ngcontent-%COMP%] {\n  background-color: #ffffe1;\n  border: 1px solid #CACACA;\n  padding: 3px;\n  display: block;\n  outline: 0;\n  margin-bottom: 5px;\n  font-size: 11px;\n  text-decoration: none;\n}\n\ndiv.customer-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 155px;\n  right: -2px;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  width: 160px;\n  text-align: left;\n  border: 1px solid #dddddd;\n  border-radius: 3px 0 0 3px;\n  padding: 5px;\n  margin-bottom: 10px;\n  position: relative;\n  display: flex;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 10px;\n  font-size: 1.25rem;\n  padding-top: 10px;\n  color: #337ab7;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: #868686;\n  font-size: 0.625rem;\n  margin-top: 4px;\n}\ndiv.customer-panel[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]   .additional[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: -23px;\n  right: 35px;\n  border-radius: 0 0 3px 3px;\n  font-size: 0.625rem;\n  border: 1px solid #dddddd;\n  color: #868686;\n  padding: 3px 14px;\n  text-align: center;\n  background-color: #f9f9f9;\n}\n\n.park-action[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0px;\n}\n.park-action.fullscreen-button-right[_ngcontent-%COMP%] {\n  right: 0px;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 68px;\n  height: 64px;\n  cursor: pointer;\n  outline: none;\n  text-align: center;\n  font-weight: bold;\n  font-family: "Roboto Slab", serif;\n  text-transform: uppercase;\n  list-style: none;\n  background-color: #89b03e;\n  color: #ffffff;\n  padding-top: 23px;\n  display: block;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(odd) {\n  border: 1px solid #51632E;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(even) {\n  color: #545454;\n  text-shadow: 0 1px 0 white;\n  background-color: #f4f4f4;\n  font-weight: bold;\n  border-left: 1px solid #a6a6a6;\n  border-right: 1px solid #a6a6a6;\n}\n.park-action[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:last-child {\n  border-bottom: 1px solid #a6a6a6;\n}\n.fullscreen[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 0px;\n  right: 0px;\n  padding: 10px;\n  background-color: #BBBBBB;\n  cursor: pointer;\n}\n.fullscreen[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 34px;\n  color: white;\n}\n.cashier-note[_ngcontent-%COMP%] {\n  position: fixed;\n  right: 0;\n  min-width: 130px;\n  max-width: 180px;\n  padding: 8px 2px;\n  text-align: center;\n  background-color: #ffffe1;\n  border: 1px solid #dddddd;\n  border-right-width: 0;\n  overflow: hidden;\n  border-radius: 3px 0px 0px 3px;\n  -moz-border-radius: 3px 0px 0px 3px;\n  -webkit-border-radius: 3px 0px 0px 3px;\n}\n.cashier-note[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-style: italic;\n}\n.cashier-note[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  margin-top: 5px;\n  font-family: "Roboto Slab", serif;\n  display: block;\n  text-transform: uppercase;\n}\n.cashier-note.fullscreen-note[_ngcontent-%COMP%] {\n  top: 100px;\n}\n.cashier-note.inventory-tracking-panel[_ngcontent-%COMP%] {\n  bottom: 100px;\n}\n.pos-status[_ngcontent-%COMP%] {\n  position: fixed;\n  right: 10px;\n  top: 10px;\n  list-style: none;\n  padding: 0px;\n  margin: 0px;\n  z-index: 1031;\n  display: flex;\n  align-items: center !important;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  cursor: pointer;\n  margin-right: 10px;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 8px 10px;\n  color: #868686;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 26px;\n}\n.pos-status[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:first-child   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n#dialogItem[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n  border-top: none;\n  border-right: none;\n}\ndiv#dialogDiscount[_ngcontent-%COMP%]   .txtPcg[_ngcontent-%COMP%] {\n  width: 30px;\n}\n#radOnline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%], #radOffline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%] {\n  height: 150px;\n  width: 200px;\n  white-space: normal;\n  margin: 20px 0px 20px 10px;\n  padding-top: 12px;\n  border: 1px solid #dddddd;\n}\n#radOnline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], #radOffline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 5px;\n}\n#radOnline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], #radOffline[_ngcontent-%COMP%]    + label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 30px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  height: 30px;\n  border-radius: 4px;\n  padding: 5px 10px;\n  color: #ffffff;\n  background: #B1AAAA;\n}\nul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover, ul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%] {\n  background: #FFFED9;\n  border: 1px solid #88AE3D;\n}\nul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover    > strong[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%]    > strong[_ngcontent-%COMP%] {\n  background: #88AE3D;\n}\n#radOnline[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  color: #ffffff;\n  background-color: #89b03e;\n}\n#radOffline[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%] {\n  color: #ffffff;\n  background-color: #c9302c;\n}\n.fa-wifi-off[_ngcontent-%COMP%] {\n  background-image: url("/Images/Icon/wifi-off.svg");\n  height: 30px;\n  width: 30px;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n#radOffline[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%]   .fa-wifi-off[_ngcontent-%COMP%] {\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/wifi-off-white.svg");\n}\n.fa-coupon[_ngcontent-%COMP%] {\n  background-position-y: center;\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/coupon.svg");\n  height: 26px;\n  width: 26px;\n  background-size: 26px;\n  background-repeat: no-repeat;\n}\n.fa-retur[_ngcontent-%COMP%] {\n  background-position-y: center;\n  background-image: url("//res.cloudinary.com/pos/image/upload/POS/Images/Icon/return.svg");\n  height: 26px;\n  width: 26px;\n  background-size: 26px;\n  background-repeat: no-repeat;\n}\n\nul.dialogPicker[_ngcontent-%COMP%] {\n  list-style: none;\n  margin: 0px;\n  padding: 0px;\n  display: flex;\n  flex-wrap: wrap !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 180px;\n  min-height: 95px;\n  margin-right: 17px;\n  margin-bottom: 17px;\n  position: relative;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  border: 1px solid #B1AAAA;\n  border-radius: 5px;\n  cursor: pointer;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n  height: 30px;\n  border-radius: 4px;\n  padding: 5px 10px;\n  color: #ffffff;\n  background: #B1AAAA;\n  overflow: hidden;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover, ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.vacant[_ngcontent-%COMP%] {\n  background: #ffffe1;\n  border: 1px solid #89b03e;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]:hover    > h6[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.active[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.vacant[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%] {\n  background: #89b03e;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]:hover {\n  border: 1px solid #c9302c;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%], ul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]:hover    > h6[_ngcontent-%COMP%] {\n  background: #c9302c !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #c9302c;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.occupied[_ngcontent-%COMP%]:hover {\n  background: white;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%] {\n  border: 1px solid #f6a828;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]:hover {\n  border: 1px solid #f6a828;\n  background: white;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]:hover    > strong[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #f6a828;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a.preparing[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  font-size: 0.75rem !important;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  height: 80px;\n  padding: 15px 10px;\n  position: relative;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: block;\n  font-weight: normal;\n  font-size: 0.875rem;\n  width: 100%;\n  margin-bottom: 5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child {\n  margin-top: -5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  text-align: center;\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: auto;\n  background-color: #B1AAAA;\n  border-radius: 3px;\n  padding: 2px 5px;\n  color: #ffffff;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.idle[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 1.25rem;\n  text-align: center;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 27px;\n  height: 28px;\n  cursor: pointer;\n  top: 5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: black;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:last-of-type {\n  right: -5px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:nth-last-of-type(2) {\n  right: 15px;\n}\nul.dialogPicker[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  bottom: 0px;\n  right: 0px;\n  position: absolute;\n}\nul.dialogPickerBig[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 140px !important;\n  margin-bottom: 17px;\n  margin-top: 0px !important;\n  min-height: 80px !important;\n}\nul.dialogPickerBig[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  height: 50px !important;\n}\n\n.arrow_box[_ngcontent-%COMP%] {\n  position: relative;\n  background: #ffffff;\n  border: 2px solid #dddddd;\n}\n.arrow_box[_ngcontent-%COMP%]:after, .arrow_box[_ngcontent-%COMP%]:before {\n  right: 100%;\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n}\n.arrow_box[_ngcontent-%COMP%]:after {\n  border-color: rgba(238, 238, 238, 0);\n  border-right-color: #ffffff;\n  border-width: 6px;\n  top: 50%;\n  margin-top: -6px;\n}\n.arrow_box[_ngcontent-%COMP%]:before {\n  border-color: rgba(200, 211, 223, 0);\n  border-right-color: #dddddd;\n  border-width: 9px;\n  top: 50%;\n  margin-top: -9px;\n}\n.arrow_box[_ngcontent-%COMP%]    > .header[_ngcontent-%COMP%] {\n  font-size: 0.625rem;\n  padding: 1px 2px 1px 3px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  border-radius: 0px 0px 0px 3px;\n}\n.arrow_box_left[_ngcontent-%COMP%]:after, .arrow_box_left[_ngcontent-%COMP%]:before {\n  left: 100% !important;\n}\n.arrow_box_left[_ngcontent-%COMP%]:after {\n  border-left-color: #ffffff !important;\n  border-right-color: transparent !important;\n}\n.arrow_box_left[_ngcontent-%COMP%]:before {\n  border-left-color: #dddddd !important;\n  border-right-color: transparent !important;\n}\n.arrow_box_bottom[_ngcontent-%COMP%]:after, .arrow_box_bottom[_ngcontent-%COMP%]:before {\n  top: initial;\n  left: 40%;\n  bottom: 100% !important;\n}\n.arrow_box_bottom[_ngcontent-%COMP%]:after {\n  border-bottom-color: #ffffff !important;\n  border-right-color: transparent !important;\n  margin-left: -6px;\n}\n.arrow_box_bottom[_ngcontent-%COMP%]:before {\n  border-bottom-color: #dddddd !important;\n  border-right-color: transparent !important;\n  margin-left: -9px;\n}\ndiv.price_calculator[_ngcontent-%COMP%] {\n  left: -200px;\n  top: 46px;\n  width: 180px;\n  height: 77px;\n  padding: 12px 0px 3px 8px;\n  border-radius: 3px;\n  position: absolute !important;\n}\ndiv.price_calculator[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  border: 0px !important;\n  border-bottom: 1px solid #dddddd;\n  background-color: transparent !important;\n  padding: 8px 5px 5px 5px !important;\n  width: 50px !important;\n}\n.tooltip-component[_ngcontent-%COMP%] {\n  position: relative;\n}\n.tooltip-component[_ngcontent-%COMP%]:hover    > div.toolTip[_ngcontent-%COMP%] {\n  display: block;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%] {\n  background: #ffffe1;\n  border: 1px solid #dddddd;\n  position: absolute;\n  top: 5px;\n  left: calc(100% + 15px);\n  padding: 10px;\n  display: none;\n  text-align: center;\n  min-height: 15px;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip.green[_ngcontent-%COMP%] {\n  background: #CAED9E;\n  border: 4px solid #90D93F;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:after, .tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:before {\n  right: 100%;\n  top: 50%;\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:after {\n  border-color: rgba(252, 236, 163, 0);\n  border-right-color: #ffffe1;\n  border-width: 5px;\n  margin-top: -5px;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]:before {\n  border-color: rgba(0, 0, 0, 0);\n  border-right-color: #9e9e9e;\n  border-width: 6px;\n  margin-top: -6px;\n}\n.tooltip-component[_ngcontent-%COMP%]   div.toolTip[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0px;\n  white-space: nowrap;\n  color: #89b03e;\n  text-shadow: 0px 1px 0px White;\n}\n.offline[_ngcontent-%COMP%]   .modal-header[_ngcontent-%COMP%] {\n  background-color: #c9302c !important;\n}\n.main-panel[_ngcontent-%COMP%]   nav.fixed-top.offline[_ngcontent-%COMP%], .full_screen[_ngcontent-%COMP%]   hgroup.offline[_ngcontent-%COMP%] {\n  background: repeating-linear-gradient(-60deg, #f8d7da, #f8d7da 15px, #f5c6cb 15px, #f5c6cb 30px) !important;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-webkit-input-placeholder {\n  font-style: italic;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:-moz-placeholder {\n  \n  font-style: italic;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::-moz-placeholder {\n  \n  font-style: italic;\n}\nsection.cashier[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:-ms-input-placeholder {\n  font-style: italic;\n}\nfade-in[_ngcontent-%COMP%] {\n  opacity: 1;\n  \n  transition: opacity 2s;\n}\n.fade-out[_ngcontent-%COMP%] {\n  opacity: 0;\n  \n  transition: opacity 2s;\n  z-index: 1;\n}\n.print_container[_ngcontent-%COMP%] {\n  display: none;\n}\n@media print {\n  .wrapper[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  div.blockUI[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  div.print_container[_ngcontent-%COMP%] {\n    display: block;\n    text-align: left;\n  }\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%] {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n  padding-bottom: 0.9375rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  font-size: 2rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .container[_ngcontent-%COMP%] {\n  max-width: 500px;\n  margin-top: 30px;\n  margin-bottom: 30px;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  font-size: 1rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .btn-success[_ngcontent-%COMP%] {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n}\n.sell-complete[_ngcontent-%COMP%]   .col-md-4[_ngcontent-%COMP%]   .card-footer[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:last-child {\n  align-items: center;\n}\n.sell-complete[_ngcontent-%COMP%]   .col-md-4[_ngcontent-%COMP%]   .card-footer[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:last-child    > div[_ngcontent-%COMP%]:last-child {\n  font-size: 1rem;\n}\n@media print {\n  .cashier[_ngcontent-%COMP%], pos-quick-key[_ngcontent-%COMP%], pos-header[_ngcontent-%COMP%], pos-toolbar[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #DDE2EB;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%] {\n  margin-right: 5px !important;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 143px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 140px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   .small[_ngcontent-%COMP%]   .select2-container[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  margin-right: 22px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:last-child {\n  margin-right: 0;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  color: #3B3B3B;\n  margin-right: 5px;\n  line-height: unset !important;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], div.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.outlet[_ngcontent-%COMP%] {\n  padding: 4px 8px 3px 5px;\n  border: 1px solid #dddddd;\n  font-size: 0.875rem;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   .outlet[_ngcontent-%COMP%] {\n  width: 165px;\n  color: #337ab7;\n  background: #ffffff;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%] {\n  width: 150px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 150px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   div.row.body[_ngcontent-%COMP%]   div.quickKey[_ngcontent-%COMP%] {\n  width: 420px;\n  margin-right: 10px;\n}\ndiv.container-fluid[_ngcontent-%COMP%]   div.row.body[_ngcontent-%COMP%]   div.cart[_ngcontent-%COMP%] {\n  width: 570px;\n}\n.returnAll[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 55%;\n  transform: translateY(-50%);\n  right: 0;\n}\n.returnAll.fullscreen-button-right[_ngcontent-%COMP%] {\n  right: 0;\n}\n.returnAll[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 68px;\n  height: 64px;\n  cursor: pointer;\n  outline: none;\n  text-align: center;\n  font-weight: bold;\n  font-family: "Roboto Slab", serif;\n  text-transform: uppercase;\n  list-style: none;\n  background-color: #89b03e;\n  color: #ffffff;\n  padding-top: 14px;\n  display: block;\n}\n.returnAll[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(odd) {\n  border: 1px solid #51632e;\n}\n.returnAll[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(even) {\n  color: #545454;\n  text-shadow: 0 1px 0 white;\n  background-color: #f4f4f4;\n  font-weight: bold;\n  border-left: 1px solid #a6a6a6;\n  border-right: 1px solid #a6a6a6;\n}\n.simple-keyboard[_ngcontent-%COMP%] {\n  width: 20vw;\n  position: absolute;\n  left: 77%;\n  top: 30%;\n  z-index: 1200;\n}\n  .hg-theme-default .hg-button {\n  height: 70px !important;\n  font-size: 16px !important;\n}']}),o})()},{path:"**",redirectTo:"Entry/Order",pathMatch:"full"}];let be=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275mod=n.oAB({type:o}),o.\u0275inj=n.cJS({imports:[[s.ez,G.Bz.forChild(Pe)],G.Bz]}),o})();var xe=c(88441),ye=c(12386),ve=c(65131);let De=(()=>{class o{}return o.\u0275fac=function(t){return new(t||o)},o.\u0275mod=n.oAB({type:o}),o.\u0275inj=n.cJS({imports:[[s.ez,p.u5,be,p.UX,y.d,E.R,T.ZU,B.A0,an.dr,nn.Q,xe.S,fn.D,ln.vH,ye.S,ve.X,sn.Z_,Zn,en.vV,Z.Tx,_n._8,W._t]]}),o})()},68352:(Mn,R,c)=>{c.d(R,{q:()=>_});var s=c(591),p=c(36787),y=c(21086),E=c(23753),T=c(23426),w=c(24850),d=c(60278),O=c(5e3),f=c(65263);let _=(()=>{class h{constructor(u){this.localDataService=u,this.localConfig=new d.Z,this._LocalConfigSubject=new s.X(this.localConfig),this.localDataConfig$=this._LocalConfigSubject.asObservable(),this._onlineConfig=new s.X(!0),this.onlineConfig$=this._onlineConfig.asObservable(),this.online$=(0,p.T)((0,y.of)(navigator.onLine),(0,E.R)(window,"offline").pipe((0,w.U)(()=>!1)),(0,E.R)(window,"online").pipe((0,w.U)(()=>!0))),this.initLocalDataConfig()}isOnline(){return navigator.onLine}initLocalDataConfig(){this.localDataService.getConfig().then(u=>{if(null!=u){const v=new d.Z(u.configUsingLocal,u.productUsingLocal,u.orderUsingLocal);this.updateLocalConfig(v),this.localConfig=v,this._onlineConfig.next(!v.usingLocal)}else u=new d.Z,this.updateStoredConfig(u)})}getOnlineStatus$(){return(0,T.aj)([this.localDataConfig$.pipe((0,w.U)(u=>u.usingLocal)),this.online$]).pipe((0,w.U)(u=>{let J;return J=!0!==u[0]&&u[1]&&this.isOnline(),J}))}updateLocalConfig(u){this._LocalConfigSubject.next(u)}updateStoredConfig(u){this.localDataService.saveConfig(u).then(()=>{this.updateLocalConfig(u)})}}return h.\u0275fac=function(u){return new(u||h)(O.LFG(f.T))},h.\u0275prov=O.Yz7({token:h,factory:h.\u0275fac,providedIn:"root"}),h})()}}]);