dealpos 11.3.8 → 11.4.1

package/POS/1407.5f65bc78957f8af2.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkPOS=self.webpackChunkPOS||[]).push([[1407],{42011:(b,m,o)=>{o.d(m,{H:()=>i,D:()=>l});var p=o(69808),e=o(5e3),M=o(93075),n=o(58393),u=o(93669),s=o(48966);function t(a,g){if(1&a){const r=e.EpF();e.TgZ(0,"div",7)(1,"a",11),e.NdJ("click",function(){return e.CHM(r),e.oxw().openUploadModal()}),e._UZ(2,"i",12),e.qZA()()}}let i=(()=>{class a{constructor(r){this._matDialog=r,this.onOpenUploadModal=new e.vpe,this.onAddItem=new e.vpe,this.onScanCode=new e.vpe,this.onCreateItem=new e.vpe}handleF4(){this._matDialog.openDialogs&&this._matDialog.openDialogs.length>0||this.createItem()}createItem(){this.onCreateItem.emit()}openUploadModal(){this.onOpenUploadModal.emit()}addItem(r){this.onAddItem.emit(r)}scanCode(r){this.onScanCode.emit(r)}}return a.\u0275fac=function(r){return new(r||a)(e.Y36(s.uw))},a.\u0275cmp=e.Xpm({type:a,selectors:[["POS-cart-header"]],hostBindings:function(r,O){1&r&&e.NdJ("keydown.F4",function(C){return O.handleF4(C)},!1,e.Jf7)},inputs:{cartItems:"cartItems",isUpload:"isUpload"},outputs:{onOpenUploadModal:"onOpenUploadModal",onAddItem:"onAddItem",onScanCode:"onScanCode",onCreateItem:"onCreateItem"},decls:20,vars:6,consts:[[1,"row","cart-header","g-0","justify-content-between","align-items-center","p-6"],[1,"col-auto"],[1,"input-group","barcode","barcode-input"],[1,"input-group-text","input-group-text"],["aria-hidden","true",1,"fa","fa-barcode"],["placeholder","Search product by name / code","requestUrl","/API/AC/GetVariantSuggestionByCodeNName","inputID","product","notFoundMessageFor","product",1,"input-left",3,"clearOnSelect","onSelect","onInputEnter"],["class","col-auto add-item",4,"ngIf"],[1,"col-auto","add-item"],["title","Add Item (F4)",1,"pointer","d-block","position-relative","cart-add",3,"click"],["aria-hidden","true",1,"fa","fa-plus","fa-2x","text-success"],[1,"position-absolute","fst-italic","right-bottom","text-dark"],["title","Upload Item","data-bs-toggle","modal",1,"pointer","d-block","position-relative","cart-add",3,"click"],["aria-hidden","true",1,"fa","fa-upload","fa-2x","text-success"]],template:function(r,O){1&r&&(e.TgZ(0,"div",0)(1,"div",1)(2,"h5"),e._UZ(3,"span"),e._uU(4,"\xa0"),e.TgZ(5,"span"),e._uU(6),e.ALo(7,"sum"),e.qZA()()(),e.TgZ(8,"div",1)(9,"div",2)(10,"div",3)(11,"span"),e._UZ(12,"i",4),e.qZA()(),e.TgZ(13,"autocompleteV2",5),e.NdJ("onSelect",function(C){return O.addItem(C)})("onInputEnter",function(C){return O.scanCode(C)}),e.qZA()()(),e.YNc(14,t,3,0,"div",6),e.TgZ(15,"div",7)(16,"a",8),e.NdJ("click",function(){return O.createItem()}),e._UZ(17,"i",9),e.TgZ(18,"small",10),e._uU(19,"(F4)"),e.qZA()()()()),2&r&&(e.xp6(6),e.hij("",e.xi3(7,3,O.cartItems,"Quantity")," ITEM (S)"),e.xp6(7),e.Q6J("clearOnSelect",!0),e.xp6(1),e.Q6J("ngIf",O.isUpload))},directives:[n.J,p.O5],pipes:[u.qU],styles:["div.row.cart-header[_ngcontent-%COMP%] {\n  border: solid 1px #cfcfcf;\n  border-bottom: none;\n  border-radius: 3px 3px 0 0;\n  background: #f2f7fa;\n  color: #222222;\n}\ndiv.row.cart-header[_ngcontent-%COMP%]   .right-bottom[_ngcontent-%COMP%] {\n  font-size: 9px;\n  right: -6px;\n  bottom: -10px;\n}\nautocompleteV2.input-left[_ngcontent-%COMP%]    > mat-form-field[_ngcontent-%COMP%]    > input.form-control[_ngcontent-%COMP%] {\n  padding-left: 0px !important;\n}\n.barcode[_ngcontent-%COMP%]     autocompleteV2 mat-form-field input {\n  border-left: none !important;\n}\n.barcode-input[_ngcontent-%COMP%] {\n  width: 305px !important;\n}\n.barcode-input[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%] {\n  height: 28px !important;\n}\n.barcode-input[_ngcontent-%COMP%]   autocompleteV2[_ngcontent-%COMP%] {\n  width: 267px !important;\n}\n.cashier[_ngcontent-%COMP%] {\n  width: 550px;\n  max-width: 50rem;\n  min-width: 30rem;\n}\n@media (max-width: 1222px) {\n  .cashier[_ngcontent-%COMP%] {\n    width: 450px;\n  }\n}\n@media (max-width: 1210px) {\n  .cashier[_ngcontent-%COMP%] {\n    width: 480px;\n  }\n}\n@media (max-width: 1092px) {\n  .cashier[_ngcontent-%COMP%] {\n    min-width: 20rem;\n    width: 400px;\n  }\n\n  .barcode-input[_ngcontent-%COMP%] {\n    width: 260px !important;\n    margin-left: 0;\n  }\n  .barcode-input[_ngcontent-%COMP%]   autocompleteV2[_ngcontent-%COMP%] {\n    width: 200px !important;\n  }\n}\n@media (max-width: 991px) {\n  .cashier[_ngcontent-%COMP%] {\n    min-width: 20rem;\n    width: 430px;\n  }\n\n  .barcode-input[_ngcontent-%COMP%] {\n    width: 280px !important;\n    margin-left: 0;\n  }\n  .barcode-input[_ngcontent-%COMP%]   autocompleteV2[_ngcontent-%COMP%] {\n    width: 200px !important;\n  }\n}"]}),a})(),l=(()=>{class a{}return a.\u0275fac=function(r){return new(r||a)},a.\u0275mod=e.oAB({type:a}),a.\u0275inj=e.cJS({imports:[[p.ez,M.UX,n.Q,u.dr]]}),a})()},241:(b,m,o)=>{o.d(m,{w:()=>D});var p=o(67327),e=o(8929),M=o(7625),n=o(5e3),u=o(26128),s=o(69808),t=o(53251),i=o(68555),l=o(93669);function a(d,f){if(1&d&&n._UZ(0,"img",17),2&d){const c=n.oxw().$implicit;n.Q6J("src",c.ImageURLClient.indexOf("cloudinary")>-1?"https:"+c.ImageURLClient:c.ImageURLClient,n.LSH)}}function g(d,f){if(1&d&&(n.TgZ(0,"p",18),n._uU(1),n.ALo(2,"slice"),n.qZA()),2&d){const c=n.oxw().$implicit;n.xp6(1),n.Oqu(n.Dn7(2,1,c.Display,0,3))}}function r(d,f){if(1&d){const c=n.EpF();n.TgZ(0,"div",13)(1,"a",14),n.NdJ("click",function(){const k=n.CHM(c).$implicit;return n.oxw(3).select(k)}),n.YNc(2,a,1,1,"img",15),n.YNc(3,g,3,5,"p",16),n.TgZ(4,"small"),n._uU(5),n.ALo(6,"slice"),n.qZA()()()}if(2&d){const c=f.$implicit;n.xp6(2),n.Q6J("ngIf",c.ImageURLClient),n.xp6(1),n.Q6J("ngIf",!c.ImageURLClient),n.xp6(2),n.Oqu(n.Dn7(6,3,c.Display,0,36))}}const O=function(){return["/menu/Outlets/Master/Quick_Key_Templates/Form"]},_=function(d){return{ID:d}};function C(d,f){if(1&d&&(n.TgZ(0,"mat-tab",6)(1,"div",7)(2,"div",8),n.YNc(3,r,7,7,"div",9),n.TgZ(4,"div",10)(5,"a",11),n._UZ(6,"i",12),n.qZA()()()()()),2&d){const c=f.$implicit,P=n.oxw(2);n.Q6J("label",c.Name),n.xp6(3),n.Q6J("ngForOf",c.Items),n.xp6(2),n.Q6J("routerLink",n.DdM(4,O))("queryParams",n.VKq(5,_,P.quickKeyId))}}function y(d,f){if(1&d&&(n.TgZ(0,"mat-tab-group",4),n.YNc(1,C,7,7,"mat-tab",5),n.qZA()),2&d){const c=n.oxw();n.Q6J("disableRipple",!0)("hidden",c.subQuickKey),n.xp6(1),n.Q6J("ngForOf",c.quickKey.Groups)}}function x(d,f){if(1&d){const c=n.EpF();n.TgZ(0,"div",13)(1,"a",14),n.NdJ("click",function(){const k=n.CHM(c).$implicit;return n.oxw(2).selectChild(k.ID)}),n.TgZ(2,"p"),n._uU(3),n.ALo(4,"limitTo"),n.qZA(),n.TgZ(5,"small"),n._uU(6),n.ALo(7,"limitTo"),n.qZA()()()}if(2&d){const c=f.$implicit;n.xp6(3),n.Oqu(n.xi3(4,2,c.Model,3)),n.xp6(3),n.Oqu(n.xi3(7,5,c.Model,30))}}function v(d,f){if(1&d){const c=n.EpF();n.TgZ(0,"div",19)(1,"div",20),n.NdJ("click",function(){return n.CHM(c),n.oxw().back()}),n.TgZ(2,"div",21),n._UZ(3,"i",22),n.qZA(),n.TgZ(4,"div",23)(5,"b"),n._uU(6),n.qZA()()(),n.TgZ(7,"div",24),n.YNc(8,x,8,8,"div",9),n.qZA()()}if(2&d){const c=n.oxw();n.xp6(6),n.hij(" ",c.subQuickKey.Name," "),n.xp6(2),n.Q6J("ngForOf",c.subQuickKey.Items)}}const K=function(d){return{OutletID:d}};function I(d,f){if(1&d&&(n.TgZ(0,"a",25)(1,"strong"),n._uU(2,"QUICK KEYS UNCONFIGURED"),n.qZA(),n._UZ(3,"i",26),n.TgZ(4,"span"),n._uU(5,"Click here to setup your Quick keys"),n.qZA()()),2&d){const c=n.oxw();n.Q6J("routerLink",n.DdM(2,O))("queryParams",n.VKq(3,K,c.outletID))}}let D=(()=>{class d{constructor(c){this._quickKeyService=c,this.destroy$=new e.xQ}ngOnInit(){this.initQuickey()}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}initQuickey(){this._quickKeyService.Data$.pipe((0,M.R)(this.destroy$)).subscribe(c=>{this.setQuickey(c)})}setQuickey(c){if(c){let P;c.Groups&&0!==c.Groups.length&&(P=c.Groups),this.quickKey=P?c:null}}addQuickKeyItem(c){this._quickKeyService.addQuickKeyItem(c)}selectChild(c){this.addQuickKeyItem(c),this.back(),this.openNextProduct(this.NextProductID)}select(c){this.NextProductID=c.NextProductID,!c.Children||c.Children.length<1?this.selectChild(c.ItemID):1==c.Children.length?this.selectChild(c.Children[0].ID):this.subQuickKey={Items:c.Children,Name:c.Display}}openNextProduct(c){p.gT.IsNotEmpty(c)&&this.data.Groups.forEach(P=>{const h=P.Items.find(k=>k.ProductID==c);null!=h&&h.Children.length>1&&(this.NextProductID=h.NextProductID,this.subQuickKey={Items:h.Children,Name:h.Display})})}back(){delete this.subQuickKey}}return d.\u0275fac=function(c){return new(c||d)(n.Y36(u.w))},d.\u0275cmp=n.Xpm({type:d,selectors:[["pos-quick-key"]],inputs:{quickKeyId:"quickKeyId",outletID:"outletID"},decls:5,vars:4,consts:[[1,"quickKeys",3,"ngClass"],["animationDuration","0ms","class","quickKeyTabs",3,"disableRipple","hidden",4,"ngIf","ngIfElse"],["class","container",4,"ngIf"],["noQuickKey",""],["animationDuration","0ms",1,"quickKeyTabs",3,"disableRipple","hidden"],[3,"label",4,"ngFor","ngForOf"],[3,"label"],[1,"container","tabItems"],[1,"row","g-0"],["class","col-3 column",4,"ngFor","ngForOf"],[1,"col-3","column","add"],[3,"routerLink","queryParams"],["aria-hidden","true",1,"fa","fa-plus-circle","fa-5x","d-flex","align-items-center","justify-content-center","bg-white","h-100","text-primary"],[1,"col-3","column"],[3,"click"],["class","productTab",3,"src",4,"ngIf"],["class","productTab",4,"ngIf"],[1,"productTab",3,"src"],[1,"productTab"],[1,"container"],[1,"row","g-0","border","align-items-center","variants-header","cursor",3,"click"],[1,"col-auto","border-end","py-5","px-7"],["aria-hidden","true",1,"fa","fa-arrow-left"],[1,"col","text-center","fw-bold","text-uppercase","h5"],[1,"tabItems","row","g-0"],["id","LinkConfigureQuickkey","target","_blank",3,"routerLink","queryParams"],["aria-hidden","true",1,"fa-regular","fa-hand-pointer"]],template:function(c,P){if(1&c&&(n.TgZ(0,"section",0),n.YNc(1,y,2,3,"mat-tab-group",1),n.YNc(2,v,9,2,"div",2),n.YNc(3,I,6,5,"ng-template",null,3,n.W1O),n.qZA()),2&c){const h=n.MAs(4);n.Q6J("ngClass",P.quickKey?"":"no-quick-key"),n.xp6(1),n.Q6J("ngIf",P.quickKey)("ngIfElse",h),n.xp6(1),n.Q6J("ngIf",P.subQuickKey)}},directives:[s.mk,s.O5,t.SP,s.sg,t.uX,i.yS],pipes:[s.OU,l.OI],styles:['.btn-add[_ngcontent-%COMP%] {\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  padding: 6px 10px;\n  cursor: pointer;\n  right: -14px;\n  top: 5px;\n  border: solid 1px #dddddd;\n}\n\nsection.quickKeys.no-quick-key[_ngcontent-%COMP%] {\n  background-image: url(//res.cloudinary.com/pos/image/upload/POS/Images/Cashier/no-quick-key.png);\n  background-repeat: no-repeat;\n  height: 544px;\n  position: relative;\n}\n\n.quickKeys[_ngcontent-%COMP%] {\n  \n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%] {\n  border-bottom: 0px;\n  display: flex;\n  border-radius: 3px;\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%] {\n  background: #ffffff;\n  \n  \n  \n  \n  \n  \n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n  \n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eeeeee",GradientType=0 );\n  \n  height: 44px;\n  max-height: 44px;\n  overflow: hidden;\n  color: #aaa !important;\n  font-size: 14px;\n  text-decoration: none;\n  font-weight: bold;\n  outline: none;\n  text-transform: uppercase;\n  text-align: center;\n  min-width: 25%;\n  display: flex;\n  justify-content: center;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  align-self: center;\n  text-align: center;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:last-child {\n  border-right: none;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n) {\n  border-right: none;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:first-child {\n  border-left: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(-n+4) {\n  border-right: 1px solid #cfcfcf;\n  border-top: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+1) {\n  border-left: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+2) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+3) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+4) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(n+5) {\n  width: 25%;\n  flex-grow: 0;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col.active[_ngcontent-%COMP%] {\n  color: #268ec1 !important;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%] {\n  margin-top: 15px;\n  margin-bottom: 10px;\n  word-break: break-all;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  border: solid 1px #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%] {\n  text-align: center;\n  display: block;\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 80px;\n  width: 80px;\n  display: block;\n  margin: 0 auto;\n  border-top-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n  border: solid 1px #dddddd;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  height: 80px;\n  width: 80px;\n  font-size: 20px;\n  display: block;\n  margin: 0 auto;\n  padding-top: 22px;\n  background-color: #a6a6a6;\n  border: solid 1px #999999;\n  border-top-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n  color: white;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  color: black;\n  font-size: 11px;\n  display: block;\n  margin: 5px 0 0 0;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]   .ion-icon[_ngcontent-%COMP%] {\n  font-size: 75px;\n  margin: 10px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .variants-header[_ngcontent-%COMP%] {\n  background: #ffffff;\n  \n  \n  \n  \n  \n  \n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n  \n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eeeeee",GradientType=0 );\n  \n  color: #268ec1;\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .col-md-3.column.add[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .col-md-3.column.add[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-top: 10px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   i.icon-col.fa.fa-times.text-danger[_ngcontent-%COMP%] {\n  color: #fb404b !important;\n  position: absolute;\n  right: 16px;\n  top: 5px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%] {\n  background-color: #479ccf;\n  padding: 15px 25px;\n  color: white;\n  text-decoration: none;\n  width: 240px;\n  display: block;\n  opacity: 0.85;\n  border-radius: 5px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 120px;\n  left: 90px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]:hover, .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]:hover {\n  opacity: 0.95;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]   Strong[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]   Strong[_ngcontent-%COMP%] {\n  border-bottom: 1px solid white;\n  font-size: 14px;\n  margin: 0 0 10px;\n  padding: 0 0 3px;\n  display: block;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  display: inline-block;\n  height: 35px;\n  margin: 0 10px 0 0;\n  font-size: 28px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: inline-block;\n  font-size: 14px;\n  width: 135px;\n  vertical-align: top;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .row.g-0.border.align-items-center.variants-header.cursor[_ngcontent-%COMP%] {\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n\n.general-information[_ngcontent-%COMP%]   ol.mt-5.ml-5.pl-7[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%] {\n  line-height: 20px;\n}\n\n.btn-add[_ngcontent-%COMP%] {\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  padding: 6px 10px;\n  cursor: pointer;\n  right: -14px;\n  top: 5px;\n  border: solid 1px #DDDDDD;\n}\n\nsection.quickKeys.no-quick-key[_ngcontent-%COMP%] {\n  background-image: url(//res.cloudinary.com/pos/image/upload/POS/Images/Cashier/no-quick-key.png);\n  background-repeat: no-repeat;\n  height: 544px;\n}\n\n.quickKeys[_ngcontent-%COMP%] {\n  \n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%] {\n  border-bottom: 0px;\n  display: flex;\n  border-radius: 3px;\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%] {\n  background: #ffffff;\n  \n  \n  \n  \n  \n  \n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n  \n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eeeeee",GradientType=0 );\n  \n  height: 44px;\n  max-height: 44px;\n  overflow: hidden;\n  color: #aaa !important;\n  font-size: 14px;\n  text-decoration: none;\n  font-weight: bold;\n  outline: none;\n  text-transform: uppercase;\n  text-align: center;\n  min-width: 25%;\n  display: flex;\n  justify-content: center;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  align-self: center;\n  text-align: center;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:last-child {\n  border-right: none;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n) {\n  border-right: none;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:first-child {\n  border-left: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(-n+4) {\n  border-right: 1px solid #cfcfcf;\n  border-top: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+1) {\n  border-left: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+2) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+3) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(4n+4) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col[_ngcontent-%COMP%]:nth-child(n+5) {\n  width: 25%;\n  flex-grow: 0;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .quickKeyTabs[_ngcontent-%COMP%]   div.row[_ngcontent-%COMP%]    > div.col.active[_ngcontent-%COMP%] {\n  color: #268ec1 !important;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%] {\n  margin-top: 15px;\n  margin-bottom: 10px;\n  word-break: break-all;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  border: solid 1px #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%] {\n  text-align: center;\n  display: block;\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 80px;\n  width: 80px;\n  display: block;\n  margin: 0 auto;\n  border-top-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n  border: solid 1px #DDDDDD;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  height: 80px;\n  width: 80px;\n  font-size: 20px;\n  display: block;\n  margin: 0 auto;\n  padding-top: 22px;\n  background-color: #a6a6a6;\n  border: solid 1px #999999;\n  border-top-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n  color: white;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]    > a[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  color: black;\n  font-size: 11px;\n  display: block;\n  margin: 5px 0 0 0;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .tabItems[_ngcontent-%COMP%]   .column[_ngcontent-%COMP%]   .ion-icon[_ngcontent-%COMP%] {\n  font-size: 75px;\n  margin: 10px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .variants-header[_ngcontent-%COMP%] {\n  background: #ffffff;\n  \n  \n  \n  \n  \n  \n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n  \n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eeeeee",GradientType=0 );\n  \n  color: #268ec1;\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .col-md-3.column.add[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .col-md-3.column.add[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-top: 10px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   i.icon-col.fa.fa-times.text-danger[_ngcontent-%COMP%] {\n  color: #fb404b !important;\n  position: absolute;\n  right: 16px;\n  top: 5px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%] {\n  background-color: #479ccf;\n  padding: 15px 25px;\n  color: white;\n  text-decoration: none;\n  width: 240px;\n  display: block;\n  opacity: 0.85;\n  border-radius: 5px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 120px;\n  left: 90px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]:hover, .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]:hover {\n  opacity: 0.95;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]   Strong[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]   Strong[_ngcontent-%COMP%] {\n  border-bottom: 1px solid white;\n  font-size: 14px;\n  margin: 0 0 10px;\n  padding: 0 0 3px;\n  display: block;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  display: inline-block;\n  height: 35px;\n  margin: 0 10px 0 0;\n  font-size: 28px;\n}\n\n.quickKeys[_ngcontent-%COMP%]   a#LinkConfigureQuickkey[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], .quickKeys[_ngcontent-%COMP%]   a#LinkConfigureParkLayout[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: inline-block;\n  font-size: 14px;\n  width: 135px;\n  vertical-align: top;\n}\n\n.quickKeys[_ngcontent-%COMP%]   .row.no-gutters.border.align-items-center.variants-header.cursor[_ngcontent-%COMP%] {\n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n}\n\n.general-information[_ngcontent-%COMP%]   ol.mt-5.ml-5.pl-7[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%] {\n  line-height: 20px;\n}\n\n.quickKeys[_ngcontent-%COMP%]     {\n  width: 420px;\n  position: relative;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-header-pagination {\n  display: none !important;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-header {\n  border-bottom: none;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-ink-bar {\n  display: none !important;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels {\n  border-bottom: 0px;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label {\n  height: 44px;\n  max-height: 44px;\n  overflow: hidden;\n  padding: 0 !important;\n  border-right: 1px solid #cfcfcf;\n  min-width: 25% !important;\n  flex-grow: 1;\n  flex-basis: 0;\n  font-size: 14px;\n  font-weight: bold;\n  outline: none;\n  text-transform: uppercase;\n  background: #ffffff;\n  \n  \n  \n  \n  \n  \n  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);\n  \n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);\n  \n  display: flex;\n  white-space: normal !important;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label .mat-tab-label-content {\n  white-space: normal !important;\n  align-self: center;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(4n) {\n  border-right: none;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:first-child {\n  border-left: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(-n+4) {\n  border-right: 1px solid #cfcfcf;\n  border-top: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(4n+1) {\n  border-left: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(4n+2) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(4n+3) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(4n+4) {\n  border-bottom: 1px solid #cfcfcf;\n  border-right: 1px solid #cfcfcf;\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label:nth-child(n+5) {\n  width: 25%;\n  flex-grow: 0;\n}\n\n@media (max-width: 1092px) {\n  .quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label {\n    font-size: 12px;\n  }\n}\n\n.quickKeys[_ngcontent-%COMP%]     .mat-tab-labels .mat-tab-label-active {\n  color: #268ec1 !important;\n  text-shadow: 0px 0px 1px #268ec1 !important;\n}\n\n@media (max-width: 1210px) {\n  .quickKeys[_ngcontent-%COMP%] {\n    width: 350px;\n  }\n}\n\n@media (max-width: 1092px) {\n  .quickKeys[_ngcontent-%COMP%] {\n    width: 280px;\n  }\n\n  .tabItems[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .tabItems[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    width: 60px !important;\n    height: 60px !important;\n    font-size: 14px !important;\n  }\n\n  .mat-tab-label[_ngcontent-%COMP%]     {\n    font-size: 12px !important;\n  }\n\n  #LinkConfigureQuickkey[_ngcontent-%COMP%] {\n    left: 10% !important;\n  }\n}']}),d})()},88441:(b,m,o)=>{o.d(m,{S:()=>t});var p=o(69808),e=o(53251),M=o(93669),n=o(26128),u=o(68555),s=o(5e3);let t=(()=>{class i{}return i.\u0275fac=function(a){return new(a||i)},i.\u0275mod=s.oAB({type:i}),i.\u0275inj=s.cJS({providers:[n.w],imports:[[p.ez,e.Nh,M.dr,u.Bz]]}),i})()},26128:(b,m,o)=>{o.d(m,{w:()=>u});var p=o(591),e=o(8929),M=o(11989),n=o(5e3);let u=(()=>{class s{constructor(){this._Data=new p.X(new M.AM),this.Data$=this._Data.asObservable(),this._itemID=new e.xQ,this.onSelectQuickeyItem$=this._itemID.asObservable()}set EntityID(i){this._EntityID=i}set Data(i){this._Data.next(i)}addQuickKeyItem(i,l=this._EntityID){this._itemID.next({id:i,entityID:l})}}return s.\u0275fac=function(i){return new(i||s)},s.\u0275prov=n.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"}),s})()},86751:(b,m,o)=>{o.d(m,{X:()=>a,U:()=>g});var p=o(69808),e=o(93075),M=o(48966),n=o(42046),u=o(63165),s=o(93669),t=o(5e3);const i=function(r){return{active:r}};function l(r,O){if(1&r){const _=t.EpF();t.TgZ(0,"div",9)(1,"div",10),t.NdJ("click",function(){const x=t.CHM(_).$implicit;return t.oxw().select(x)}),t.TgZ(2,"div",11)(3,"h5",12)(4,"span"),t._UZ(5,"i",13),t._uU(6),t.ALo(7,"limitTo"),t.qZA()(),t.TgZ(8,"div",14)(9,"div")(10,"span",15),t._uU(11,"VACANT"),t.qZA()()()()()()}if(2&r){const _=O.$implicit,C=t.oxw();t.xp6(2),t.Tol(t.VKq(6,i,(null==_?null:_.Name)==(null==C.selectedRegister?null:C.selectedRegister.Name))),t.xp6(4),t.hij(" ",t.xi3(7,3,_.Name,15)," ")}}let a=(()=>{class r{constructor(_,C){this.dialogRef=C,this.searchInput="",this.modalConfig=new n.O,this.Outlets=_.Entities,this.selectedRegister=_.SelectedRegister}ngOnInit(){this.modalConfig.hideClose=!0,this.modalConfig.bodyScrollable=!0,this.modalConfig.title="Choose an outlet"}select(_){this.selectedRegister=_}onOk(){this.dialogRef.close({outlet:this.selectedRegister})}}return r.\u0275fac=function(_){return new(_||r)(t.Y36(M.WI),t.Y36(M.so))},r.\u0275cmp=t.Xpm({type:r,selectors:[["POS-modal-outlet"]],decls:12,vars:7,consts:[[3,"config","onOk","onCancel","onClose"],[1,"ms-0","mb-8",2,"width","200px",3,"hidden"],[1,"input-group","mb-3"],[1,"input-group-text","txtFilter"],["aria-hidden","true",1,"fa","fa-search"],["type","text","placeholder","Filter by Name","aria-label","Search",1,"txtFilter","form-control","border-start-0",3,"ngModel","ngModelChange"],[1,"container","mt-8"],[1,"row",2,"width","600px !important"],["class","col-4",4,"ngFor","ngForOf"],[1,"col-4"],[1,"card","border-0",3,"click"],[1,"card-body","p-0"],[1,"card-title","mb-0"],[1,"fa","fa-info-circle","pe-1"],[1,"card-text","px-0","py-2"],[1,"idle"]],template:function(_,C){1&_&&(t.TgZ(0,"modal-material",0),t.NdJ("onOk",function(){return C.onOk()})("onCancel",function(){return C.dialogRef.close()})("onClose",function(){return C.dialogRef.close()}),t.TgZ(1,"content")(2,"div",1)(3,"div",2)(4,"span",3),t._UZ(5,"i",4),t.qZA(),t.TgZ(6,"input",5),t.NdJ("ngModelChange",function(x){return C.searchInput=x}),t.qZA()()(),t.TgZ(7,"div",6)(8,"div",7),t.YNc(9,l,12,8,"div",8),t.ALo(10,"FilterByName"),t.qZA()()(),t._UZ(11,"footer"),t.qZA()),2&_&&(t.Q6J("config",C.modalConfig),t.xp6(2),t.Q6J("hidden",C.Outlets.length<=6),t.xp6(4),t.Q6J("ngModel",C.searchInput),t.xp6(3),t.Q6J("ngForOf",t.xi3(10,4,C.Outlets,C.searchInput)))},directives:[u.M,e.Fj,e.JJ,e.On,p.sg],pipes:[s.bs,s.OI],styles:[".col-4[_ngcontent-%COMP%] {\n  list-style: none;\n  margin: 0px;\n  padding: 0px;\n  display: flex;\n  flex-wrap: wrap !important;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%] {\n  width: 180px;\n  min-height: 95px;\n  margin-right: 17px;\n  margin-bottom: 17px;\n  position: relative;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%] {\n  display: block;\n  outline: 0;\n  border: 1px solid #B1AAAA;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  height: 30px;\n  border-radius: 4px;\n  padding: 5px 10px;\n  color: #ffffff;\n  background: #B1AAAA;\n  overflow: hidden;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]:hover, .col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.active[_ngcontent-%COMP%], .col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.vacant[_ngcontent-%COMP%] {\n  background: #ffffe1;\n  border: 1px solid #89b03e;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]:hover    > h5[_ngcontent-%COMP%], .col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.active[_ngcontent-%COMP%]    > h5[_ngcontent-%COMP%], .col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.vacant[_ngcontent-%COMP%]    > h5[_ngcontent-%COMP%] {\n  background: #89b03e;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%], .col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]:hover {\n  border: 1px solid #c9302c;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%], .col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]:hover    > h6[_ngcontent-%COMP%] {\n  background: #c9302c !important;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #c9302c;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]:hover {\n  background: white;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%] {\n  border: 1px solid #f6a828;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]:hover {\n  border: 1px solid #f6a828;\n  background: white;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]:hover    > strong[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #f6a828;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  font-size: 0.75rem !important;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  height: 80px;\n  padding: 15px 10px;\n  position: relative;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_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}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child {\n  margin-top: -10px;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0px;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_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  display: none !important;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span.idle[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 1.25rem;\n  text-align: center;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 27px;\n  height: 28px;\n  cursor: pointer;\n  top: 5px;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: black;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:last-of-type {\n  right: -5px;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:nth-last-of-type(2) {\n  right: 15px;\n}\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  bottom: 20px;\n  right: 5px;\n  position: absolute;\n}\n.col-4[_ngcontent-%COMP%]   .duration[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  border: 1px solid !important;\n  position: absolute;\n  bottom: -3px;\n  left: 58px;\n  background: #fff;\n  border-radius: 5px;\n}"]}),r})(),g=(()=>{class r{}return r.\u0275fac=function(_){return new(_||r)},r.\u0275mod=t.oAB({type:r}),r.\u0275inj=t.cJS({imports:[[p.ez,u.d,e.u5,s.dr]]}),r})()},47634:(b,m,o)=>{o.d(m,{s:()=>s,G:()=>t});var p=o(69808),e=o(42046),M=o(63165),n=o(5e3),u=o(48966);let s=(()=>{class i{constructor(a){this.dialogRef=a,this.config=new e.O,this.config.title="Void Transaction?"}onOk(){this.dialogRef.close(!0)}}return i.\u0275fac=function(a){return new(a||i)(n.Y36(u.so))},i.\u0275cmp=n.Xpm({type:i,selectors:[["POS-modal-void"]],decls:4,vars:1,consts:[[3,"config","onOk","onCancel","onClose"],[1,"fw-normal"]],template:function(a,g){1&a&&(n.TgZ(0,"modal-material",0),n.NdJ("onOk",function(){return g.onOk()})("onCancel",function(){return g.dialogRef.close(!1)})("onClose",function(){return g.dialogRef.close(!1)}),n.TgZ(1,"content")(2,"h4",1),n._uU(3,"This will erase all current data. Are you sure?"),n.qZA()()()),2&a&&n.Q6J("config",g.config)},directives:[M.M],styles:[""]}),i})(),t=(()=>{class i{}return i.\u0275fac=function(a){return new(a||i)},i.\u0275mod=n.oAB({type:i}),i.\u0275inj=n.cJS({imports:[[p.ez,M.d]]}),i})()},50:(b,m,o)=>{o.d(m,{M:()=>n});var p=o(67327),e=o(5e3),M=o(32442);let n=(()=>{class u{constructor(t){this.httpService=t}generateNumber(t,i){return this.httpService.post(i,JSON.stringify({ID:t}))}getQuickKey(t,i){return this.httpService.post(i,JSON.stringify(t))}updateCourierList(t){return this.httpService.post(p.Wz.UpdateCourierList,JSON.stringify({name:t}))}getVarianByCode(t,i,l){return this.httpService.post(p.Wz.GetVariantByCode,{code:t,entityID:i,barcodeSerial:l,Promotion:!0})}getVariantById(t,i){return this.httpService.post(p.Wz.GetVariantByID,{id:t,entityID:i})}submitTransaction(t,i){return this.httpService.post(i,t)}getPrintTemplateID(t){return this.httpService.post(p.Wz.GetPrintTemplateID,JSON.stringify(t))}createNewContact(t,i){const l=[];return t.Group&&l.push(t.Group),this.httpService.post(p.Wz.CreateContact,{contact:t,type:i,groups:l})}getItemStock(t,i){return this.httpService.post(p.Wz.GetVariantStockByID,{id:t,entityID:i})}clearOutlet(t){return this.httpService.post("/api/Delivery/ClearOutlet",JSON.stringify(t))}}return u.\u0275fac=function(t){return new(t||u)(e.LFG(M.O))},u.\u0275prov=e.Yz7({token:u,factory:u.\u0275fac,providedIn:"root"}),u})()},23945:(b,m,o)=>{o.d(m,{O:()=>t});var p=o(90287),e=o(591),M=o(92198),n=o(22868),u=o(5e3),s=o(32442);let t=(()=>{class i{constructor(a){this.httpService=a,this._role=new e.X(new p.Q),this.role$=this._role.asObservable(),this._Data=new e.X(null),this.Data$=this._Data.asObservable().pipe((0,M.h)(g=>null!==g))}get Data(){return this._Data.value}pushNewValue(a){this._Data.next(a)}getStorage(a,g,r){return this.httpService.post(a,JSON.stringify({ID:g,EntityID:r})).pipe((0,n.b)(_=>this.pushNewValue(_)))}getLoadData(a){return this.httpService.post(a).pipe((0,n.b)(g=>this.pushNewValue(g)))}get pageState(){return this._pageState}set pageState(a){this._pageState=a}updateRole(a){this.role=a,this._role.next(a)}assignRole(a){const g=new p.Q;g.Assign(a),this.updateRole(g)}}return i.\u0275fac=function(a){return new(a||i)(u.LFG(s.O))},i.\u0275prov=u.Yz7({token:i,factory:i.\u0275fac,providedIn:"root"}),i})()}}]);