dealpos 11.4.2 → 11.4.3

package/POS/{1407.e77222dea1f30c6e.js → 1407.3300078cf8f8447a.js}

@@ -1 +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(77579),M=o(82722),n=o(5e3),u=o(26128),s=o(69808),t=o(53251),i=o(71787),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.x}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(71787),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(61135),e=o(77579),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.x,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(89156);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/TransferOrder/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(61135),M=o(39300),n=o(18505),u=o(5e3),s=o(89156);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})()}}]);
+"use strict";(self.webpackChunkPOS=self.webpackChunkPOS||[]).push([[1407],{42011:(h,f,o)=>{o.d(f,{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(r,g){if(1&r){const a=e.EpF();e.TgZ(0,"div",7)(1,"a",11),e.NdJ("click",function(){return e.CHM(a),e.oxw().openUploadModal()}),e._UZ(2,"i",12),e.qZA()()}}let i=(()=>{class r{constructor(a){this._matDialog=a,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(a){this.onAddItem.emit(a)}scanCode(a){this.onScanCode.emit(a)}}return r.\u0275fac=function(a){return new(a||r)(e.Y36(s.uw))},r.\u0275cmp=e.Xpm({type:r,selectors:[["POS-cart-header"]],hostBindings:function(a,O){1&a&&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","border-bottom-0","g-0","justify-content-between","align-items-center","p-6"],[1,"col-auto"],[1,"input-group","barcode"],[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(a,O){1&a&&(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&a&&(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-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%] {\n  width: 305px !important;\n}\n.barcode[_ngcontent-%COMP%]     autocompleteV2 mat-form-field input {\n  border-left: none !important;\n}\n.barcode[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%] {\n  height: 28px !important;\n}\n.barcode[_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[_ngcontent-%COMP%] {\n    width: 260px !important;\n    margin-left: 0;\n  }\n  .barcode[_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[_ngcontent-%COMP%] {\n    width: 280px !important;\n    margin-left: 0;\n  }\n  .barcode[_ngcontent-%COMP%]   autocompleteV2[_ngcontent-%COMP%] {\n    width: 200px !important;\n  }\n}"]}),r})(),l=(()=>{class r{}return r.\u0275fac=function(a){return new(a||r)},r.\u0275mod=e.oAB({type:r}),r.\u0275inj=e.cJS({imports:[[p.ez,M.UX,n.Q,u.dr]]}),r})()},241:(h,f,o)=>{o.d(f,{w:()=>D});var p=o(67327),e=o(77579),M=o(82722),n=o(5e3),u=o(26128),s=o(69808),t=o(53251),i=o(71787),l=o(93669);function r(d,P){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,P){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 a(d,P){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,r,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=P.$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,P){if(1&d&&(n.TgZ(0,"mat-tab",6)(1,"div",7)(2,"div",8),n.YNc(3,a,7,7,"div",9),n.TgZ(4,"div",10)(5,"a",11),n._UZ(6,"i",12),n.qZA()()()()()),2&d){const c=P.$implicit,m=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,_,m.quickKeyId))}}function y(d,P){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,P){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=P.$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,P){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,P){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.x}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 m;c.Groups&&0!==c.Groups.length&&(m=c.Groups),this.quickKey=m?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(m=>{const b=m.Items.find(k=>k.ProductID==c);null!=b&&b.Children.length>1&&(this.NextProductID=b.NextProductID,this.subQuickKey={Items:b.Children,Name:b.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,m){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 b=n.MAs(4);n.Q6J("ngClass",m.quickKey?"":"no-quick-key"),n.xp6(1),n.Q6J("ngIf",m.quickKey)("ngIfElse",b),n.xp6(1),n.Q6J("ngIf",m.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:(h,f,o)=>{o.d(f,{S:()=>t});var p=o(69808),e=o(53251),M=o(93669),n=o(26128),u=o(71787),s=o(5e3);let t=(()=>{class i{}return i.\u0275fac=function(r){return new(r||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:(h,f,o)=>{o.d(f,{w:()=>u});var p=o(61135),e=o(77579),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.x,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:(h,f,o)=>{o.d(f,{X:()=>r,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(a){return{active:a}};function l(a,O){if(1&a){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&a){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 r=(()=>{class a{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 a.\u0275fac=function(_){return new(_||a)(t.Y36(M.WI),t.Y36(M.so))},a.\u0275cmp=t.Xpm({type:a,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:[".bg-light-gray[_ngcontent-%COMP%] {\n  background-color: var(--bs-light-gray);\n  --bs-bg-opacity: 0.15 !important;\n}\n\n.bg-gradient-danger[_ngcontent-%COMP%] {\n  background: repeating-linear-gradient(-60deg, #f8d7da, #f8d7da 15px, #f5c6cb 15px, #f5c6cb 30px) !important;\n}\n\n.bg-gradient-success[_ngcontent-%COMP%] {\n  background: repeating-linear-gradient(-60deg, #28a745, #28a745 15px, #a2dbb0 15px, #a2dbb0 30px) !important;\n}\n\n.bg-gradient-warning[_ngcontent-%COMP%] {\n  background: repeating-linear-gradient(-60deg, #FCF3CF, #FCF3CF 15px, #F9E79F 15px, #F9E79F 30px) !important;\n}\n\n.text-primary[_ngcontent-%COMP%] {\n  color: #0976b4 !important;\n}\n\n.text-danger[_ngcontent-%COMP%] {\n  color: #fb404b !important;\n}\n\n.text-dark[_ngcontent-%COMP%] {\n  color: #5e5e5e !important;\n}\n\n.text-success[_ngcontent-%COMP%] {\n  color: #87cb16 !important;\n}\n\n.text-black[_ngcontent-%COMP%] {\n  color: black !important;\n}\n\n.btn-light-blue[_ngcontent-%COMP%] {\n  color: #212529;\n  background-color: #dfeffc !important;\n  border-color: #dfeffc;\n}\n\n.btn-light-blue[_ngcontent-%COMP%]:hover {\n  color: #212529;\n  background-color: #bcdef9;\n  border-color: #b0d8f8;\n}\n\n.btn-light-blue[_ngcontent-%COMP%]:focus, .btn-light-blue.focus[_ngcontent-%COMP%] {\n  color: #212529;\n  background-color: #bcdef9;\n  border-color: #b0d8f8;\n  box-shadow: 0 0 0 0.2rem rgba(195, 209, 220, 0.5);\n}\n\n.btn-light-blue.disabled[_ngcontent-%COMP%], .btn-light-blue[_ngcontent-%COMP%]:disabled {\n  color: #212529;\n  background-color: #dfeffc;\n  border-color: #dfeffc;\n}\n\n.btn-light-blue[_ngcontent-%COMP%]:not(:disabled):not(.disabled):active, .btn-light-blue[_ngcontent-%COMP%]:not(:disabled):not(.disabled).active, .show[_ngcontent-%COMP%]    > .btn-light-blue.dropdown-toggle[_ngcontent-%COMP%] {\n  color: #212529;\n  background-color: #b0d8f8;\n  border-color: #a5d2f7;\n}\n\n.btn-light-blue[_ngcontent-%COMP%]:not(:disabled):not(.disabled):active:focus, .btn-light-blue[_ngcontent-%COMP%]:not(:disabled):not(.disabled).active:focus, .show[_ngcontent-%COMP%]    > .btn-light-blue.dropdown-toggle[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.2rem rgba(195, 209, 220, 0.5);\n}\n\n.col-4[_ngcontent-%COMP%] {\n  list-style: none;\n  margin: 0px;\n  padding: 0px;\n  display: flex;\n  flex-wrap: wrap !important;\n}\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\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\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\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\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\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\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\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\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #c9302c;\n}\n\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.occupied[_ngcontent-%COMP%]:hover {\n  background: white;\n}\n\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%] {\n  border: 1px solid #f6a828;\n}\n\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]    > h6[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\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\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]:hover    > strong[_ngcontent-%COMP%] {\n  background: #f6a828 !important;\n}\n\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > .card-body.preparing[_ngcontent-%COMP%]   span.alias[_ngcontent-%COMP%] {\n  background: #f6a828;\n}\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\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\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\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\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\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\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\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\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: black;\n}\n\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:last-of-type {\n  right: -5px;\n}\n\n.col-4[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%]:nth-last-of-type(2) {\n  right: 15px;\n}\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\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}"]}),a})(),g=(()=>{class a{}return a.\u0275fac=function(_){return new(_||a)},a.\u0275mod=t.oAB({type:a}),a.\u0275inj=t.cJS({imports:[[p.ez,u.d,e.u5,s.dr]]}),a})()},47634:(h,f,o)=>{o.d(f,{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(r){this.dialogRef=r,this.config=new e.O,this.config.title="Void Transaction?"}onOk(){this.dialogRef.close(!0)}}return i.\u0275fac=function(r){return new(r||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(r,g){1&r&&(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&r&&n.Q6J("config",g.config)},directives:[M.M],styles:[""]}),i})(),t=(()=>{class i{}return i.\u0275fac=function(r){return new(r||i)},i.\u0275mod=n.oAB({type:i}),i.\u0275inj=n.cJS({imports:[[p.ez,M.d]]}),i})()},50:(h,f,o)=>{o.d(f,{M:()=>n});var p=o(67327),e=o(5e3),M=o(89156);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/TransferOrder/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:(h,f,o)=>{o.d(f,{O:()=>t});var p=o(90287),e=o(61135),M=o(39300),n=o(18505),u=o(5e3),s=o(89156);let t=(()=>{class i{constructor(r){this.httpService=r,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(r){this._Data.next(r)}getStorage(r,g,a){return this.httpService.post(r,JSON.stringify({ID:g,EntityID:a})).pipe((0,n.b)(_=>this.pushNewValue(_)))}getLoadData(r){return this.httpService.post(r).pipe((0,n.b)(g=>this.pushNewValue(g)))}get pageState(){return this._pageState}set pageState(r){this._pageState=r}updateRole(r){this.role=r,this._role.next(r)}assignRole(r){const g=new p.Q;g.Assign(r),this.updateRole(g)}}return i.\u0275fac=function(r){return new(r||i)(u.LFG(s.O))},i.\u0275prov=u.Yz7({token:i,factory:i.\u0275fac,providedIn:"root"}),i})()}}]);

package/POS/1641.0511beb265b84b94.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkPOS=self.webpackChunkPOS||[]).push([[1641],{10087:(K,I,l)=>{l.d(I,{L:()=>R});var o=l(6553),t=l(5e3),w=l(67322),T=l(77531),N=l(70024),_=l(86856);let R=(()=>{class S extends o.QB{constructor(){super()}}return S.\u0275fac=function(A){return new(A||S)},S.\u0275cmp=t.Xpm({type:S,selectors:[["datetimepicker"]],features:[t.qOj],decls:6,vars:9,consts:[["href","https://fonts.googleapis.com/icon?family=Material+Icons&display=block","rel","stylesheet"],[1,"timepircker",3,"appearance"],["matInput","",3,"ngxMatDatetimePicker","value","placeholder","dateChange","click"],["matSuffix","",3,"for"],["picker",""]],template:function(A,k){if(1&A){const M=t.EpF();t._UZ(0,"link",0),t.TgZ(1,"mat-form-field",1)(2,"input",2),t.NdJ("dateChange",function(E){return k.change(E.value)})("click",function(){return t.CHM(M),t.MAs(5).open()}),t.qZA(),t._UZ(3,"mat-datepicker-toggle",3)(4,"ngx-mat-datetime-picker",null,4),t.qZA()}if(2&A){const M=t.MAs(5);t.xp6(1),t.Udp("width",k.width,"px"),t.Q6J("appearance",k.appearance),t.xp6(1),t.Q6J("ngxMatDatetimePicker",M)("value",k.date==k.minDate?null:k.date)("placeholder",k.placeholder?k.placeholder:""),t.xp6(1),t.Udp("display",k.displayToggle?"unset":"none"),t.Q6J("for",M)}},directives:[w.KE,T.Nt,N.g2,_.nW,w.R9,N.AB],styles:["mat-form-field[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n  ngx-mat-timepicker .mat-form-field-appearance-legacy .mat-form-field-wrapper {\n  width: 20px !important;\n}\n\n  ngx-mat-timepicker .mat-datepicker-content .time-container {\n  display: flex;\n  position: relative;\n  padding-top: 3px;\n  justify-content: center;\n}\n\n  ngx-mat-timepicker .mat-datepicker-content .actions {\n  display: flex;\n  padding: 0px 15px 0px;\n  justify-content: flex-end;\n}"]}),S})()},45727:(K,I,l)=>{l.d(I,{I:()=>g});var o=l(69808),t=l(86856),w=l(77531),T=l(93075),N=l(70024),_=l(5e3),R=l(90508),S=l(15439);const A=S||l.t(S,2),k=new _.OlP("NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS",{providedIn:"root",factory:function M(){return{useUtc:!1}}});function y(m,v){const d=Array(m);for(let u=0;u<m;u++)d[u]=v(u);return d}let E=(()=>{class m extends N.fM{constructor(d,u){super(),this._options=u,this.setLocale(d||A.locale())}setLocale(d){super.setLocale(d);let u=A.localeData(d);this._localeData={firstDayOfWeek:u.firstDayOfWeek(),longMonths:u.months(),shortMonths:u.monthsShort(),dates:y(31,Y=>this.createDate(2017,0,Y+1).format("D")),longDaysOfWeek:u.weekdays(),shortDaysOfWeek:u.weekdaysShort(),narrowDaysOfWeek:u.weekdaysMin()}}getYear(d){return this.clone(d).year()}getMonth(d){return this.clone(d).month()}getDate(d){return this.clone(d).date()}getDayOfWeek(d){return this.clone(d).day()}getMonthNames(d){return"long"==d?this._localeData.longMonths:this._localeData.shortMonths}getDateNames(){return this._localeData.dates}getDayOfWeekNames(d){return"long"==d?this._localeData.longDaysOfWeek:"short"==d?this._localeData.shortDaysOfWeek:this._localeData.narrowDaysOfWeek}getYearName(d){return this.clone(d).format("YYYY")}getFirstDayOfWeek(){return this._localeData.firstDayOfWeek}getNumDaysInMonth(d){return this.clone(d).daysInMonth()}clone(d){return d.clone().locale(this.locale)}createDate(d,u,Y){if(u<0||u>11)throw Error(`Invalid month index "${u}". Month index has to be between 0 and 11.`);if(Y<1)throw Error(`Invalid date "${Y}". Date has to be greater than 0.`);const U=this._createMoment({year:d,month:u,date:Y}).locale(this.locale);if(!U.isValid())throw Error(`Invalid date "${Y}" for month with index "${u}".`);return U}today(){return this._createMoment().locale(this.locale)}parse(d,u){return d&&"string"==typeof d?this._createMoment(d,u,this.locale):d?this._createMoment(d).locale(this.locale):null}format(d,u){if(d=this.clone(d),!this.isValid(d))throw Error("MomentDateAdapter: Cannot format invalid date.");return d.format(u)}addCalendarYears(d,u){return this.clone(d).add({years:u})}addCalendarMonths(d,u){return this.clone(d).add({months:u})}addCalendarDays(d,u){return this.clone(d).add({days:u})}toIso8601(d){return this.clone(d).format()}deserialize(d){let u;if(d instanceof Date)u=this._createMoment(d).locale(this.locale);else if(this.isDateInstance(d))return this.clone(d);if("string"==typeof d){if(!d)return null;u=this._createMoment(d,A.ISO_8601).locale(this.locale)}return u&&this.isValid(u)?this._createMoment(u).locale(this.locale):super.deserialize(d)}isDateInstance(d){return A.isMoment(d)}isValid(d){return this.clone(d).isValid()}invalid(){return A.invalid()}getHour(d){return d.hours()}getMinute(d){return d.minutes()}getSecond(d){return d.seconds()}setHour(d,u){d.hours(u)}setMinute(d,u){d.minutes(u)}setSecond(d,u){d.seconds(u)}_createMoment(d,u,Y){const{strict:U,useUtc:j}=this._options||{};return j?A.utc(d,u,Y,U):A(d,u,Y,U)}}return m.\u0275fac=function(d){return new(d||m)(_.LFG(R.Ad,8),_.LFG(k,8))},m.\u0275prov=_.Yz7({token:m,factory:m.\u0275fac}),m})();var c=l(9306);const x={parse:{dateInput:"DD MMM YYYY HH:mm"},display:{dateInput:"DD MMM YYYY HH:mm",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY"}};let g=(()=>{class m{}return m.\u0275fac=function(d){return new(d||m)},m.\u0275mod=_.oAB({type:m}),m.\u0275inj=_.cJS({providers:[{provide:k,useValue:{useUtc:!1}},{provide:N.ab,useValue:x},{provide:N.fM,useClass:E}],imports:[[o.ez,T.u5,T.UX,t.FA,w.c,N.EC,N.Yy,N.K,c._]]}),m})()},42046:(K,I,l)=>{l.d(I,{O:()=>t});var o=l(96700);class t{constructor(){this.title="New Modal",this.titleExtra="",this.okText="Ok (F2)",this.cancelText="Cancel",this.hideFooter=!1,this.hideCancel=!1,this.hideOk=!1,this.hideClose=!1,this.eMoney=!1,this.headerType=o.n.Success,this.validated=!0,this.customWidth="initial",this.bodyScrollable=!1,this.hideScrollbar=!1,this.disableKeyup=!1,this.showMoreButton=!1,this.noPadding=!1}}},63165:(K,I,l)=>{l.d(I,{M:()=>D,d:()=>b});var o=l(5e3),t=l(69808),w=l(42046),T=l(96700);function N(c,x){if(1&c){const g=o.EpF();o.TgZ(0,"div",8),o.NdJ("click",function(){return o.CHM(g),o.oxw().onBack.emit()}),o.TgZ(1,"a",9),o._UZ(2,"i",10),o.qZA()()}}function _(c,x){if(1&c){const g=o.EpF();o.TgZ(0,"div")(1,"a",11),o.NdJ("click",function(){return o.CHM(g),o.oxw().onCancel.emit()}),o._UZ(2,"i",12),o.qZA()()}}function R(c,x){1&c&&o.Hsn(0,2,["*ngIf","more"])}function S(c,x){if(1&c){const g=o.EpF();o.TgZ(0,"a",17),o.NdJ("click",function(){o.CHM(g);const v=o.oxw(2);return v.more=!v.more}),o._uU(1,"More"),o.qZA()}}function F(c,x){if(1&c){const g=o.EpF();o.TgZ(0,"a",18),o.NdJ("click",function(){return o.CHM(g),o.oxw(2).onCancel.emit()}),o._uU(1),o.qZA()}if(2&c){const g=o.oxw(2);o.xp6(1),o.hij(" ",g.config.cancelText?g.config.cancelText:"Cancel","")}}function A(c,x){if(1&c){const g=o.EpF();o.TgZ(0,"button",19),o.NdJ("click",function(){return o.CHM(g),o.oxw(2).onOk.emit()})("keyup.F2",function(){return o.CHM(g),o.oxw(2).onOk.emit()}),o.qZA()}if(2&c){const g=o.oxw(2);o.Q6J("disabled",!g.config.validated||!g.dynamicValidated)("innerHTML",g.config.okText?g.config.okText:"Ok (F2)",o.oJD)}}function k(c,x){if(1&c&&(o.TgZ(0,"mat-dialog-actions",13),o.YNc(1,S,2,0,"a",14),o.Hsn(2,3),o.YNc(3,F,2,1,"a",15),o.YNc(4,A,1,2,"button",16),o.qZA()),2&c){const g=o.oxw();o.xp6(1),o.Q6J("ngIf",g.config.showMoreButton),o.xp6(2),o.Q6J("ngIf",!g.config.hideCancel),o.xp6(1),o.Q6J("ngIf",!g.config.hideOk)}}const M=[[["header"]],[["content"]],[["more-content"]],[["footer"]]],y=function(c,x){return{bodyScrollable:c,hideScrollbar:x}},E=function(c){return{"mx-auto":c}},C=function(c,x){return{"show-footer":c,"no-padding":x}},f=["header","content","more-content","footer"];let D=(()=>{class c{constructor(){this.dynamicValidated=!0,this.onOk=new o.vpe,this.onCancel=new o.vpe,this.onClose=new o.vpe,this.onBack=new o.vpe,this.term="",this.more=!1}ngOnInit(){switch(null==this.config&&(this.config=new w.O),this.config.headerType){case T.n.Success:this.background="bg-success";break;case T.n.Warning:case T.n.Info:this.background="bg-warning";break;case T.n.Error:this.background="bg-danger";break;default:this.background=""}}onKeyup(g){this.config.disableKeyup||("F2"==g.code&&this.onOk.emit("F2"),("Enter"==g.code||"NumpadEnter"==g.code)&&this.onOk.emit("Enter"))}}return c.\u0275fac=function(g){return new(g||c)},c.\u0275cmp=o.Xpm({type:c,selectors:[["modal-material"]],inputs:{config:"config",dynamicValidated:"dynamicValidated"},outputs:{onOk:"onOk",onCancel:"onCancel",onClose:"onClose",onBack:"onBack"},ngContentSelectors:f,decls:12,vars:21,consts:[[1,"modal-material","d-flex","align-items-start","flex-column","position-relative","maxHeight",3,"ngClass","keyup"],["mat-dialog-title",""],["class","back-button position-absolute pointer",3,"click",4,"ngIf"],[1,"d-flex","flex-row",3,"ngClass"],[1,"fw-normal"],[4,"ngIf"],[1,"modal-body","w-100",3,"ngClass"],["class","w-100 py-7 border-top d-flex justify-content-end",4,"ngIf"],[1,"back-button","position-absolute","pointer",3,"click"],[1,"btn","back-button"],[1,"fa-solid","fa-arrow-left"],[1,"btn-light-blue","btn-sm","pointer","close",3,"click"],[1,"fa-solid","fa-times","fa-lg","text-primary"],[1,"w-100","py-7","border-top","d-flex","justify-content-end"],["class","more clearfix",3,"click",4,"ngIf"],["class","btn btn-light-blue text-primary btn-lg fw-bold mx-3",3,"click",4,"ngIf"],["class","btn btn-light-blue me-6 text-primary btn-lg fw-bold mx-3","data-cy","ConfirmOk",3,"disabled","innerHTML","click","keyup.F2",4,"ngIf"],[1,"more","clearfix",3,"click"],[1,"btn","btn-light-blue","text-primary","btn-lg","fw-bold","mx-3",3,"click"],["data-cy","ConfirmOk",1,"btn","btn-light-blue","me-6","text-primary","btn-lg","fw-bold","mx-3",3,"disabled","innerHTML","click","keyup.F2"]],template:function(g,m){1&g&&(o.F$t(M),o.TgZ(0,"div",0),o.NdJ("keyup",function(d){return m.onKeyup(d)}),o.TgZ(1,"div",1),o.YNc(2,N,3,0,"div",2),o.TgZ(3,"div",3)(4,"h4",4),o._uU(5),o.qZA(),o.Hsn(6),o.qZA(),o.YNc(7,_,3,0,"div",5),o.qZA(),o.TgZ(8,"mat-dialog-content",6),o.Hsn(9,1),o.YNc(10,R,1,0,"ng-content",5),o.qZA(),o.YNc(11,k,5,3,"mat-dialog-actions",7),o.qZA()),2&g&&(o.Udp("width",m.config.customWidth),o.Q6J("ngClass",o.WLB(13,y,m.config.bodyScrollable,m.config.hideScrollbar)),o.xp6(1),o.Gre("d-flex w-100 justify-content-between modal-header position-relative ",m.background,""),o.xp6(1),o.Q6J("ngIf",m.config.eMoney),o.xp6(1),o.Q6J("ngClass",o.VKq(16,E,m.config.eMoney)),o.xp6(2),o.Oqu(m.config.title),o.xp6(2),o.Q6J("ngIf",!m.config.hideClose),o.xp6(1),o.Q6J("ngClass",o.WLB(18,C,!m.config.hideFooter,m.config.noPadding)),o.xp6(2),o.Q6J("ngIf",m.more),o.xp6(1),o.Q6J("ngIf",!m.config.hideFooter))},directives:[t.mk,t.O5],styles:[".mat-dialog-container {\n  padding: 0px !important;\n  border-radius: 4px !important;\n  overflow: visible !important;\n}\n  .mat-dialog-container [mat-dialog-title] {\n  color: white;\n  padding: 15px;\n}\n.maxHeight[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%] {\n  max-height: 100% !important;\n}\n.maxHeight.bodyScrollable[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%] {\n  max-height: 450px !important;\n  overflow-y: auto;\n}\nbody.modal-body[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow-y: hidden;\n}\nmat-dialog-actions[_ngcontent-%COMP%] {\n  bottom: 15px;\n}\nmat-dialog-actions[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  padding: 15px !important;\n  margin-right: 12px;\n}\nmat-dialog-actions[_ngcontent-%COMP%]   .more[_ngcontent-%COMP%] {\n  margin-right: auto;\n  margin-top: -1rem;\n  padding-top: 0.4rem !important;\n  margin-left: 1rem;\n}\n.back-button[_ngcontent-%COMP%] {\n  top: 5px;\n  left: 0px;\n}\n.close[_ngcontent-%COMP%] {\n  padding: 0.4rem 0.5rem;\n}\n.no-padding[_ngcontent-%COMP%] {\n  padding: 0;\n}\n.modal-material[_ngcontent-%COMP%] {\n  width: 40vw;\n}\n@media (max-width: 992px) {\n  .modal-material[_ngcontent-%COMP%] {\n    width: 50vw !important;\n  }\n}\n.modal-header[_ngcontent-%COMP%], .modal-footer[_ngcontent-%COMP%], .modal-footer[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 15px;\n}\n.modal-dialog[_ngcontent-%COMP%] {\n  max-width: none;\n}\n.modal-content[_ngcontent-%COMP%] {\n  width: auto;\n  margin: auto;\n  max-width: 850px;\n}\n.maxHeight[_ngcontent-%COMP%]   .modal-body[_ngcontent-%COMP%] {\n  max-height: 400px;\n  overflow: auto;\n}\n.modal-body[_ngcontent-%COMP%] {\n  padding: 1rem;\n}\n.modal-body[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  display: block;\n}\n.modal-body[_ngcontent-%COMP%]   .more[_ngcontent-%COMP%] {\n  margin: 0;\n  position: absolute;\n  bottom: -20px;\n}\n.modal-body[_ngcontent-%COMP%]   input[type=text][_ngcontent-%COMP%], .modal-body[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%], .modal-body[_ngcontent-%COMP%]   input[type=password][_ngcontent-%COMP%] {\n  border: 1px solid #c8d3df;\n  padding: 5px 7px;\n}\n.modal-body[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n  width: 330px;\n  height: 90px;\n}"]}),c})(),b=(()=>{class c{}return c.\u0275fac=function(g){return new(g||c)},c.\u0275mod=o.oAB({type:c}),c.\u0275inj=o.cJS({imports:[[t.ez]]}),c})()},76359:(K,I,l)=>{l.d(I,{R:()=>y,q:()=>E});var o=l(69808),t=l(5e3),w=l(93075),T=l(67327),N=l(77579),_=l(78372),R=l(71884),S=l(54004),F=l(39300),A=l(82722);class k{constructor(){this._input$=new N.x,this._destroy$=new N.x,this._loading=!1,this._bufferSize=50,this.data=[]}onSearch(){this._input$.pipe((0,_.b)(200),(0,R.x)(),(0,S.U)(f=>(f&&(f=f.toLowerCase()),this.filterData(f))),(0,F.h)(f=>void 0!==f),(0,A.R)(this._destroy$)).subscribe(f=>{this._dataBuffer=f.slice(0,this._bufferSize)})}onClear(){this._dataBuffer=this._data.slice(0,this._bufferSize)}filterData(f){let b,D=-1;return this._data.filter(x=>(b=JSON.stringify(x).toLowerCase(),D=b.indexOf(f),-1!==D||null==f))}get input$(){return this._input$}get bufferData(){return this._dataBuffer}get loading(){return this._loading}set data(f){this._data=f||[],this._dataBuffer=this._data.slice(0,this._bufferSize),this.onSearch()}initSelectedValue(f,D){if(T.gT.IsNotEmpty(f)){let b=this._data.filter(c=>-1!==c[D].toString().toLowerCase().indexOf(f));this._dataBuffer=b.slice(0,this._bufferSize)}}set bufferSize(f){this._bufferSize=f}onScrollToEnd(){this.fetchMore()}fetchMore(){const f=this._dataBuffer.length,D=this._data.slice(f,this._bufferSize+f);this._loading=!0,setTimeout(()=>{this._loading=!1,this._dataBuffer=this._dataBuffer.concat(D)},200)}destroy(){this._destroy$.next(!0),this._destroy$.complete()}}var M=l(24376);let y=(()=>{class C{constructor(){this.width="100%",this.clearable=!0,this.ngSelectInfiniteScroll=new k,this.selectedChange=new t.vpe}set items(D){this.ngSelectInfiniteScroll.data=D,this.ngSelectInfiniteScroll.initSelectedValue(this.selected,this.bindValue)}get selected(){return this._selected}set selected(D){D&&(this._selected=D,this.ngSelectInfiniteScroll.initSelectedValue(this.selected,this.bindValue))}onSelectChange(D){this.selectedChange.emit(D?D[this.bindValue]:null)}}return C.\u0275fac=function(D){return new(D||C)},C.\u0275cmp=t.Xpm({type:C,selectors:[["ng-select-infinite"]],inputs:{placeholder:"placeholder",bindValue:"bindValue",bindLabel:"bindLabel",width:"width",clearable:"clearable",parent:"parent",items:"items",selected:"selected"},outputs:{selectedChange:"selectedChange"},decls:1,vars:11,consts:[[3,"virtualScroll","typeahead","items","bindLabel","bindValue","placeholder","ngModel","clearable","appendTo","clear","scrollToEnd","change"]],template:function(D,b){1&D&&(t.TgZ(0,"ng-select",0),t.NdJ("clear",function(){return b.ngSelectInfiniteScroll.onClear()})("scrollToEnd",function(){return b.ngSelectInfiniteScroll.onScrollToEnd()})("change",function(x){return b.onSelectChange(x)}),t.qZA()),2&D&&(t.Udp("width",b.width),t.Q6J("virtualScroll",!0)("typeahead",b.ngSelectInfiniteScroll.input$)("items",b.ngSelectInfiniteScroll.bufferData)("bindLabel",b.bindLabel)("bindValue",b.bindValue)("placeholder",b.placeholder)("ngModel",b.selected)("clearable",b.clearable)("appendTo",b.parent))},directives:[M.w9,w.JJ,w.On],styles:[""]}),C})(),E=(()=>{class C{}return C.\u0275fac=function(D){return new(D||C)},C.\u0275mod=t.oAB({type:C}),C.\u0275inj=t.cJS({imports:[[o.ez,M.A0,w.u5]]}),C})()},70024:(K,I,l)=>{l.d(I,{ab:()=>H,fM:()=>V,g2:()=>oe,AB:()=>qe,EC:()=>at,K:()=>ct,Yy:()=>Me});var o=l(47429),t=l(5e3),w=l(50727),T=l(77579),N=l(56451),_=l(91159),R=l(95698),S=l(68675),F=l(82722),A=l(78372),k=l(39300),M=l(86856),y=l(69808),E=l(90508),C=l(50226),f=l(47423),D=l(63191),b=l(89776),c=l(93075),x=l(25245),g=l(67322),m=l(77531),v=l(48966),d=l(70925);const u=["ngx-mat-calendar-body",""];function Y(n,s){if(1&n&&(t.TgZ(0,"tr",2)(1,"td",3),t._uU(2),t.qZA()()),2&n){const e=t.oxw();t.xp6(1),t.Udp("padding-top",e._cellPadding)("padding-bottom",e._cellPadding),t.uIk("colspan",e.numCols),t.xp6(1),t.hij(" ",e.label," ")}}function U(n,s){if(1&n&&(t.TgZ(0,"td",7),t._uU(1),t.qZA()),2&n){const e=t.oxw(2);t.Udp("padding-top",e._cellPadding)("padding-bottom",e._cellPadding),t.uIk("colspan",e._firstRowOffset),t.xp6(1),t.hij(" ",e._firstRowOffset>=e.labelMinRequiredCells?e.label:""," ")}}function j(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"td",8),t.NdJ("click",function(i){const h=t.CHM(e).$implicit;return t.oxw(2)._cellClicked(h,i)}),t.TgZ(1,"div",9),t._uU(2),t.qZA(),t._UZ(3,"div",10),t.qZA()}if(2&n){const e=s.$implicit,a=s.index,i=t.oxw().index,r=t.oxw();t.Udp("width",r._cellWidth)("padding-top",r._cellPadding)("padding-bottom",r._cellPadding),t.ekj("mat-calendar-body-disabled",!e.enabled)("mat-calendar-body-active",r._isActiveCell(i,a))("mat-calendar-body-range-start",r._isRangeStart(e.compareValue))("mat-calendar-body-range-end",r._isRangeEnd(e.compareValue))("mat-calendar-body-in-range",r._isInRange(e.compareValue))("mat-calendar-body-comparison-bridge-start",r._isComparisonBridgeStart(e.compareValue,i,a))("mat-calendar-body-comparison-bridge-end",r._isComparisonBridgeEnd(e.compareValue,i,a))("mat-calendar-body-comparison-start",r._isComparisonStart(e.compareValue))("mat-calendar-body-comparison-end",r._isComparisonEnd(e.compareValue))("mat-calendar-body-in-comparison-range",r._isInComparisonRange(e.compareValue))("mat-calendar-body-preview-start",r._isPreviewStart(e.compareValue))("mat-calendar-body-preview-end",r._isPreviewEnd(e.compareValue))("mat-calendar-body-in-preview",r._isInPreview(e.compareValue)),t.Q6J("ngClass",e.cssClasses)("tabindex",r._isActiveCell(i,a)?0:-1),t.uIk("data-mat-row",i)("data-mat-col",a)("aria-label",e.ariaLabel)("aria-disabled",!e.enabled||null)("aria-selected",r._isSelected(e)),t.xp6(1),t.ekj("mat-calendar-body-selected",r._isSelected(e))("mat-calendar-body-today",r.todayValue===e.compareValue),t.xp6(1),t.hij(" ",e.displayValue," ")}}function xe(n,s){if(1&n&&(t.TgZ(0,"tr",4),t.YNc(1,U,2,6,"td",5),t.YNc(2,j,4,44,"td",6),t.qZA()),2&n){const e=s.$implicit,a=s.index,i=t.oxw();t.xp6(1),t.Q6J("ngIf",0===a&&i._firstRowOffset),t.xp6(1),t.Q6J("ngForOf",e)}}function Ce(n,s){if(1&n&&(t.TgZ(0,"th",5),t._uU(1),t.qZA()),2&n){const e=s.$implicit;t.uIk("aria-label",e.long),t.xp6(1),t.Oqu(e.narrow)}}const be=["*"];function ve(n,s){}function ye(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"ngx-mat-month-view",5),t.NdJ("activeDateChange",function(i){return t.CHM(e),t.oxw().activeDate=i})("selectedChange",function(i){return t.CHM(e),t.oxw()._dateSelected(i)})("_userSelection",function(){return t.CHM(e),t.oxw()._userSelected()}),t.qZA()}if(2&n){const e=t.oxw();t.Q6J("activeDate",e.activeDate)("selected",e.selected)("dateFilter",e.dateFilter)("maxDate",e.maxDate)("minDate",e.minDate)("dateClass",e.dateClass)}}function we(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"ngx-mat-year-view",6),t.NdJ("activeDateChange",function(i){return t.CHM(e),t.oxw().activeDate=i})("monthSelected",function(i){return t.CHM(e),t.oxw()._monthSelectedInYearView(i)})("selectedChange",function(i){return t.CHM(e),t.oxw()._goToDateInView(i,"month")}),t.qZA()}if(2&n){const e=t.oxw();t.Q6J("activeDate",e.activeDate)("selected",e.selected)("dateFilter",e.dateFilter)("maxDate",e.maxDate)("minDate",e.minDate)}}function Ae(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"ngx-mat-multi-year-view",7),t.NdJ("activeDateChange",function(i){return t.CHM(e),t.oxw().activeDate=i})("yearSelected",function(i){return t.CHM(e),t.oxw()._yearSelectedInMultiYearView(i)})("selectedChange",function(i){return t.CHM(e),t.oxw()._goToDateInView(i,"year")}),t.qZA()}if(2&n){const e=t.oxw();t.Q6J("activeDate",e.activeDate)("selected",e.selected)("dateFilter",e.dateFilter)("maxDate",e.maxDate)("minDate",e.minDate)}}function ke(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"td")(1,"button",10),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).change("second",!0)}),t.TgZ(2,"mat-icon"),t._uU(3,"expand_less"),t.qZA()()()}if(2&n){const e=t.oxw(2);t.xp6(1),t.Q6J("disabled",e.disabled||e.disableMinute)}}function Te(n,s){1&n&&t._UZ(0,"td",6)}function Ne(n,s){1&n&&t._UZ(0,"td")}function Se(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"tr")(1,"td")(2,"button",10),t.NdJ("click",function(){return t.CHM(e),t.oxw().change("hour",!0)}),t.TgZ(3,"mat-icon"),t._uU(4,"expand_less"),t.qZA()()(),t._UZ(5,"td"),t.TgZ(6,"td")(7,"button",10),t.NdJ("click",function(){return t.CHM(e),t.oxw().change("minute",!0)}),t.TgZ(8,"mat-icon"),t._uU(9,"expand_less"),t.qZA()()(),t._UZ(10,"td"),t.YNc(11,ke,4,1,"td",3),t.YNc(12,Te,1,0,"td",8),t.YNc(13,Ne,1,0,"td",3),t.qZA()}if(2&n){const e=t.oxw();t.xp6(2),t.Q6J("disabled",e.disabled),t.xp6(5),t.Q6J("disabled",e.disabled||e.disableMinute),t.xp6(4),t.Q6J("ngIf",e.showSeconds),t.xp6(1),t.Q6J("ngIf",e.enableMeridian),t.xp6(1),t.Q6J("ngIf",e.enableMeridian)}}function Oe(n,s){1&n&&(t.TgZ(0,"td",6),t._uU(1,":"),t.qZA())}function Ee(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"td")(1,"mat-form-field",4)(2,"input",11),t.NdJ("input",function(i){return t.CHM(e),t.oxw().formatInput(i.target)})("keydown.ArrowUp",function(i){return t.CHM(e),t.oxw().change("second",!0),i.preventDefault()})("keydown.ArrowDown",function(i){return t.CHM(e),t.oxw().change("second",!1),i.preventDefault()})("blur",function(){return t.CHM(e),t.oxw().change("second")}),t.qZA()()()}}function Ve(n,s){1&n&&t._UZ(0,"td",6)}function Ie(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"td",12)(1,"button",13),t.NdJ("click",function(){return t.CHM(e),t.oxw().toggleMeridian()}),t._uU(2),t.qZA()()}if(2&n){const e=t.oxw();t.xp6(1),t.Q6J("color",e.color)("disabled",e.disabled),t.xp6(1),t.hij(" ",e.meridian," ")}}function Ye(n,s){1&n&&t._UZ(0,"td")}function Pe(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"td")(1,"button",14),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).change("second",!1)}),t.TgZ(2,"mat-icon"),t._uU(3,"expand_more"),t.qZA()()()}if(2&n){const e=t.oxw(2);t.xp6(1),t.Q6J("disabled",e.disabled||e.disableMinute)}}function Re(n,s){1&n&&t._UZ(0,"td",6)}function Fe(n,s){1&n&&t._UZ(0,"td")}function Be(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"tr")(1,"td")(2,"button",14),t.NdJ("click",function(){return t.CHM(e),t.oxw().change("hour",!1)}),t.TgZ(3,"mat-icon"),t._uU(4,"expand_more"),t.qZA()()(),t._UZ(5,"td"),t.TgZ(6,"td")(7,"button",14),t.NdJ("click",function(){return t.CHM(e),t.oxw().change("minute",!1)}),t.TgZ(8,"mat-icon"),t._uU(9,"expand_more"),t.qZA()()(),t.YNc(10,Ye,1,0,"td",3),t.YNc(11,Pe,4,1,"td",3),t.YNc(12,Re,1,0,"td",8),t.YNc(13,Fe,1,0,"td",3),t.qZA()}if(2&n){const e=t.oxw();t.xp6(2),t.Q6J("disabled",e.disabled),t.xp6(5),t.Q6J("disabled",e.disabled||e.disableMinute),t.xp6(3),t.Q6J("ngIf",e.showSeconds),t.xp6(1),t.Q6J("ngIf",e.showSeconds),t.xp6(1),t.Q6J("ngIf",e.enableMeridian),t.xp6(1),t.Q6J("ngIf",e.enableMeridian)}}function Ze(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"div",6)(1,"ngx-mat-timepicker",7),t.NdJ("ngModelChange",function(i){return t.CHM(e),t.oxw(2).datepicker._selected=i}),t.qZA()()}if(2&n){const e=t.oxw(2);t.ekj("disable-seconds",!e.datepicker._showSeconds),t.xp6(1),t.Q6J("showSpinners",e.datepicker._showSpinners)("showSeconds",e.datepicker._showSeconds)("disabled",e.datepicker._disabled)("stepHour",e.datepicker._stepHour)("stepMinute",e.datepicker._stepMinute)("stepSecond",e.datepicker._stepSecond)("ngModel",e.datepicker._selected)("color",e.datepicker._color)("enableMeridian",e.datepicker._enableMeridian)("disableMinute",e.datepicker._disableMinute)}}function Ue(n,s){1&n&&(t.TgZ(0,"mat-icon"),t._uU(1,"done"),t.qZA())}function He(n,s){}function Le(n,s){if(1&n){const e=t.EpF();t.ynx(0),t.YNc(1,Ze,2,12,"div",2),t.TgZ(2,"div",3)(3,"button",4),t.NdJ("click",function(){return t.CHM(e),t.oxw().datepicker.ok()}),t.YNc(4,Ue,2,0,"mat-icon",1),t.YNc(5,He,0,0,"ng-template",5),t.qZA()(),t.BQk()}if(2&n){const e=t.oxw();t.xp6(1),t.Q6J("ngIf",!e.datepicker._hideTime),t.xp6(2),t.Q6J("color",e.datepicker._color)("disabled",!e.valid),t.xp6(1),t.Q6J("ngIf",!e.datepicker._customIcon),t.xp6(1),t.Q6J("cdkPortalOutlet",e._templateCustomIconPortal)}}const H=new t.OlP("ngx-mat-date-formats");class q{constructor(s,e,a,i,r={},h=s,p){this.value=s,this.displayValue=e,this.ariaLabel=a,this.enabled=i,this.cssClasses=r,this.compareValue=h,this.rawValue=p}}let W=(()=>{class n{constructor(e,a){this._elementRef=e,this._ngZone=a,this.numCols=7,this.activeCell=0,this.isRange=!1,this.cellAspectRatio=1,this.previewStart=null,this.previewEnd=null,this.selectedValueChange=new t.vpe,this.previewChange=new t.vpe,this._enterHandler=i=>{if(this._skipNextFocus&&"focus"===i.type)this._skipNextFocus=!1;else if(i.target&&this.isRange){const r=this._getCellFromElement(i.target);r&&this._ngZone.run(()=>this.previewChange.emit({value:r.enabled?r:null,event:i}))}},this._leaveHandler=i=>{null!==this.previewEnd&&this.isRange&&i.target&&ee(i.target)&&this._ngZone.run(()=>this.previewChange.emit({value:null,event:i}))},a.runOutsideAngular(()=>{const i=e.nativeElement;i.addEventListener("mouseenter",this._enterHandler,!0),i.addEventListener("focus",this._enterHandler,!0),i.addEventListener("mouseleave",this._leaveHandler,!0),i.addEventListener("blur",this._leaveHandler,!0)})}_cellClicked(e,a){e.enabled&&this.selectedValueChange.emit({value:e.value,event:a})}_isSelected(e){return this.startValue===e.compareValue||this.endValue===e.compareValue}ngOnChanges(e){const a=e.numCols,{rows:i,numCols:r}=this;(e.rows||a)&&(this._firstRowOffset=i&&i.length&&i[0].length?r-i[0].length:0),(e.cellAspectRatio||a||!this._cellPadding)&&(this._cellPadding=50*this.cellAspectRatio/r+"%"),(a||!this._cellWidth)&&(this._cellWidth=100/r+"%")}ngOnDestroy(){const e=this._elementRef.nativeElement;e.removeEventListener("mouseenter",this._enterHandler,!0),e.removeEventListener("focus",this._enterHandler,!0),e.removeEventListener("mouseleave",this._leaveHandler,!0),e.removeEventListener("blur",this._leaveHandler,!0)}_isActiveCell(e,a){let i=e*this.numCols+a;return e&&(i-=this._firstRowOffset),i==this.activeCell}_focusActiveCell(e=!0){this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.asObservable().pipe((0,R.q)(1)).subscribe(()=>{const a=this._elementRef.nativeElement.querySelector(".ngx-mat-calendar-body-active");a&&(e||(this._skipNextFocus=!0),a.focus())})})}_isRangeStart(e){return te(e,this.startValue,this.endValue)}_isRangeEnd(e){return ae(e,this.startValue,this.endValue)}_isInRange(e){return ie(e,this.startValue,this.endValue,this.isRange)}_isComparisonStart(e){return te(e,this.comparisonStart,this.comparisonEnd)}_isComparisonBridgeStart(e,a,i){if(!this._isComparisonStart(e)||this._isRangeStart(e)||!this._isInRange(e))return!1;let r=this.rows[a][i-1];if(!r){const h=this.rows[a-1];r=h&&h[h.length-1]}return r&&!this._isRangeEnd(r.compareValue)}_isComparisonBridgeEnd(e,a,i){if(!this._isComparisonEnd(e)||this._isRangeEnd(e)||!this._isInRange(e))return!1;let r=this.rows[a][i+1];if(!r){const h=this.rows[a+1];r=h&&h[0]}return r&&!this._isRangeStart(r.compareValue)}_isComparisonEnd(e){return ae(e,this.comparisonStart,this.comparisonEnd)}_isInComparisonRange(e){return ie(e,this.comparisonStart,this.comparisonEnd,this.isRange)}_isPreviewStart(e){return te(e,this.previewStart,this.previewEnd)}_isPreviewEnd(e){return ae(e,this.previewStart,this.previewEnd)}_isInPreview(e){return ie(e,this.previewStart,this.previewEnd,this.isRange)}_getCellFromElement(e){let a;if(ee(e)?a=e:ee(e.parentNode)&&(a=e.parentNode),a){const i=a.getAttribute("data-ngx-mat-row"),r=a.getAttribute("data-ngx-mat-col");if(i&&r)return this.rows[parseInt(i)][parseInt(r)]}return null}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(t.SBq),t.Y36(t.R0b))},n.\u0275cmp=t.Xpm({type:n,selectors:[["","ngx-mat-calendar-body",""]],hostAttrs:["role","grid","aria-readonly","true",1,"ngx-mat-calendar-body"],inputs:{label:"label",rows:"rows",todayValue:"todayValue",startValue:"startValue",endValue:"endValue",labelMinRequiredCells:"labelMinRequiredCells",numCols:"numCols",activeCell:"activeCell",isRange:"isRange",cellAspectRatio:"cellAspectRatio",comparisonStart:"comparisonStart",comparisonEnd:"comparisonEnd",previewStart:"previewStart",previewEnd:"previewEnd"},outputs:{selectedValueChange:"selectedValueChange",previewChange:"previewChange"},exportAs:["NgxMatCalendarBody"],features:[t.TTD],attrs:u,decls:2,vars:2,consts:[["aria-hidden","true",4,"ngIf"],["role","row",4,"ngFor","ngForOf"],["aria-hidden","true"],[1,"mat-calendar-body-label"],["role","row"],["aria-hidden","true","class","mat-calendar-body-label",3,"paddingTop","paddingBottom",4,"ngIf"],["role","gridcell","class","mat-calendar-body-cell",3,"ngClass","tabindex","mat-calendar-body-disabled","mat-calendar-body-active","mat-calendar-body-range-start","mat-calendar-body-range-end","mat-calendar-body-in-range","mat-calendar-body-comparison-bridge-start","mat-calendar-body-comparison-bridge-end","mat-calendar-body-comparison-start","mat-calendar-body-comparison-end","mat-calendar-body-in-comparison-range","mat-calendar-body-preview-start","mat-calendar-body-preview-end","mat-calendar-body-in-preview","width","paddingTop","paddingBottom","click",4,"ngFor","ngForOf"],["aria-hidden","true",1,"mat-calendar-body-label"],["role","gridcell",1,"mat-calendar-body-cell",3,"ngClass","tabindex","click"],[1,"mat-calendar-body-cell-content","mat-focus-indicator"],[1,"mat-calendar-body-cell-preview"]],template:function(e,a){1&e&&(t.YNc(0,Y,3,6,"tr",0),t.YNc(1,xe,3,2,"tr",1)),2&e&&(t.Q6J("ngIf",a._firstRowOffset<a.labelMinRequiredCells),t.xp6(1),t.Q6J("ngForOf",a.rows))},directives:[y.O5,y.sg,y.mk],styles:['.mat-calendar-body{min-width:224px}.mat-calendar-body-label{height:0;line-height:0;text-align:left;padding-left:4.7142857143%;padding-right:4.7142857143%}.mat-calendar-body-cell{position:relative;height:0;line-height:0;text-align:center;outline:none;cursor:pointer}.mat-calendar-body-cell:before,.mat-calendar-body-cell:after,.mat-calendar-body-cell-preview{content:"";position:absolute;top:5%;left:0;z-index:0;box-sizing:border-box;height:90%;width:100%}.mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range):before,.mat-calendar-body-range-start:after,.mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start):before,.mat-calendar-body-comparison-start:after,.mat-calendar-body-preview-start .mat-calendar-body-cell-preview{left:5%;width:95%;border-top-left-radius:999px;border-bottom-left-radius:999px}[dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range):before,[dir=rtl] .mat-calendar-body-range-start:after,[dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start):before,[dir=rtl] .mat-calendar-body-comparison-start:after,[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview{left:0;border-radius:0 999px 999px 0}.mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range):before,.mat-calendar-body-range-end:after,.mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end):before,.mat-calendar-body-comparison-end:after,.mat-calendar-body-preview-end .mat-calendar-body-cell-preview{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}[dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range):before,[dir=rtl] .mat-calendar-body-range-end:after,[dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end):before,[dir=rtl] .mat-calendar-body-comparison-end:after,[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview{left:5%;border-radius:999px 0 0 999px}[dir=rtl] .mat-calendar-body-comparison-bridge-start.mat-calendar-body-range-end:after,[dir=rtl] .mat-calendar-body-comparison-bridge-end.mat-calendar-body-range-start:after{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}.mat-calendar-body-comparison-start.mat-calendar-body-range-end:after,[dir=rtl] .mat-calendar-body-comparison-start.mat-calendar-body-range-end:after,.mat-calendar-body-comparison-end.mat-calendar-body-range-start:after,[dir=rtl] .mat-calendar-body-comparison-end.mat-calendar-body-range-start:after{width:90%}.mat-calendar-body-in-preview .mat-calendar-body-cell-preview{border-top:dashed 1px;border-bottom:dashed 1px}.mat-calendar-body-preview-start .mat-calendar-body-cell-preview{border-left:dashed 1px}[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview{border-left:0;border-right:dashed 1px}.mat-calendar-body-preview-end .mat-calendar-body-cell-preview{border-right:dashed 1px}[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview{border-right:0;border-left:dashed 1px}.mat-calendar-body-disabled{cursor:default}.mat-calendar-body-cell-content{top:5%;left:5%;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;line-height:1;border-width:1px;border-style:solid;border-radius:999px}.mat-calendar-body-cell-content.mat-focus-indicator{position:absolute}.cdk-high-contrast-active .mat-calendar-body-cell-content{border:none}.cdk-high-contrast-active .mat-datepicker-popup:not(:empty),.cdk-high-contrast-active .mat-calendar-body-selected{outline:solid 1px}.cdk-high-contrast-active .mat-calendar-body-today{outline:dotted 1px}.cdk-high-contrast-active .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-high-contrast-active .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){outline:dotted 2px}[dir=rtl] .mat-calendar-body-label{text-align:right}@media (hover: none){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:transparent}}\n'],encapsulation:2,changeDetection:0}),n})();function ee(n){return"TD"===n.nodeName}function te(n,s,e){return null!==e&&s!==e&&n<e&&n===s}function ae(n,s,e){return null!==s&&s!==e&&n>=s&&n===e}function ie(n,s,e,a){return a&&null!==s&&null!==e&&s!==e&&n>=s&&n<=e}class V extends E._A{isSameTime(s,e){return null==s||null==e||this.getHour(s)===this.getHour(e)&&this.getMinute(s)===this.getMinute(e)&&this.getSecond(s)===this.getSecond(e)}copyTime(s,e){this.setHour(s,this.getHour(e)),this.setMinute(s,this.getMinute(e)),this.setSecond(s,this.getSecond(e))}compareDateWithTime(s,e,a){let i=super.compareDate(s,e)||this.getHour(s)-this.getHour(e)||this.getMinute(s)-this.getMinute(e);return a&&(i=i||this.getSecond(s)-this.getSecond(e)),i}setTimeByDefaultValues(s,e){if(!Array.isArray(e))throw Error("@Input DefaultTime should be an array");this.setHour(s,e[0]||0),this.setMinute(s,e[1]||0),this.setSecond(s,e[2]||0)}}const le=new t.OlP("NGX_MAT_DATE_RANGE_SELECTION_STRATEGY");let Je=(()=>{class n{constructor(e){this._dateAdapter=e}selectionFinished(e,a){let{start:i,end:r}=a;return null==i?i=e:null==r&&e&&this._dateAdapter.compareDate(e,i)>=0?r=e:(i=e,r=null),new M.C0(i,r)}createPreview(e,a){let i=null,r=null;return a.start&&!a.end&&e&&(i=a.start,r=e),new M.C0(i,r)}}return n.\u0275fac=function(e){return new(e||n)(t.LFG(V))},n.\u0275prov=t.Yz7({token:n,factory:n.\u0275fac}),n})();const B={minHour:0,maxHour:24,minMinute:0,maxMinute:60,minSecond:0,maxSecond:60,meridian:12},We=/[^0-9]/g,ce=/^(2[0-3]|[0-1][0-9]|[0-9])$/,Qe=/^([0-5][0-9]|[0-9])$/,Ke=/^([0-5][0-9]|[0-9])$/;function z(n){const s=n.toString();return s.length>1?s:`0${s}`}function P(n){return Error(`NgxMatDatepicker: No provider found for ${n}. You must import one of the following modules at your application root: NgxMatNativeDateModule, NgxMatMomentModule, or provide a custom implementation.`)}let he=(()=>{class n{constructor(e,a,i,r,h){if(this._changeDetectorRef=e,this._dateFormats=a,this._dateAdapter=i,this._dir=r,this._rangeStrategy=h,this._rerenderSubscription=w.w0.EMPTY,this.selectedChange=new t.vpe,this._userSelection=new t.vpe,this.activeDateChange=new t.vpe,!this._dateAdapter)throw P("NgxMatDateAdapter");if(!this._dateFormats)throw P("NGX_MAT_DATE_FORMATS");this._activeDate=this._dateAdapter.today()}get activeDate(){return this._activeDate}set activeDate(e){const a=this._activeDate,i=this._getValidDateOrNull(this._dateAdapter.deserialize(e))||this._dateAdapter.today();this._activeDate=this._dateAdapter.clampDate(i,this.minDate,this.maxDate),this._hasSameMonthAndYear(a,this._activeDate)||this._init()}get selected(){return this._selected}set selected(e){this._selected=e instanceof M.C0?e:this._getValidDateOrNull(this._dateAdapter.deserialize(e)),this._setRanges(this._selected)}get minDate(){return this._minDate}set minDate(e){this._minDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get maxDate(){return this._maxDate}set maxDate(e){this._maxDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}ngAfterContentInit(){this._rerenderSubscription=this._dateAdapter.localeChanges.pipe((0,S.O)(null)).subscribe(()=>this._init())}ngOnDestroy(){this._rerenderSubscription.unsubscribe()}_dateSelected(e){const a=e.value,i=this._dateAdapter.getYear(this.activeDate),r=this._dateAdapter.getMonth(this.activeDate),h=this._dateAdapter.createDate(i,r,a);let p,J;this._selected instanceof M.C0?(p=this._getDateInCurrentMonth(this._selected.start),J=this._getDateInCurrentMonth(this._selected.end)):p=J=this._getDateInCurrentMonth(this._selected),(p!==a||J!==a)&&this.selectedChange.emit(h),this._userSelection.emit({value:h,event:e.event})}_handleCalendarBodyKeydown(e){const a=this._activeDate,i=this._isRtl();switch(e.keyCode){case _.oh:this.activeDate=this._dateAdapter.addCalendarDays(this._activeDate,i?1:-1);break;case _.SV:this.activeDate=this._dateAdapter.addCalendarDays(this._activeDate,i?-1:1);break;case _.LH:this.activeDate=this._dateAdapter.addCalendarDays(this._activeDate,-7);break;case _.JH:this.activeDate=this._dateAdapter.addCalendarDays(this._activeDate,7);break;case _.Sd:this.activeDate=this._dateAdapter.addCalendarDays(this._activeDate,1-this._dateAdapter.getDate(this._activeDate));break;case _.uR:this.activeDate=this._dateAdapter.addCalendarDays(this._activeDate,this._dateAdapter.getNumDaysInMonth(this._activeDate)-this._dateAdapter.getDate(this._activeDate));break;case _.Ku:this.activeDate=e.altKey?this._dateAdapter.addCalendarYears(this._activeDate,-1):this._dateAdapter.addCalendarMonths(this._activeDate,-1);break;case _.VM:this.activeDate=e.altKey?this._dateAdapter.addCalendarYears(this._activeDate,1):this._dateAdapter.addCalendarMonths(this._activeDate,1);break;case _.K5:case _.L_:return void((!this.dateFilter||this.dateFilter(this._activeDate))&&(this._dateSelected({value:this._dateAdapter.getDate(this._activeDate),event:e}),e.preventDefault()));case _.hY:return void(null!=this._previewEnd&&(this._previewStart=this._previewEnd=null,this.selectedChange.emit(null),this._userSelection.emit({value:null,event:e}),e.preventDefault(),e.stopPropagation()));default:return}this._dateAdapter.compareDate(a,this.activeDate)&&this.activeDateChange.emit(this.activeDate),this._focusActiveCell(),e.preventDefault()}_init(){this._setRanges(this.selected),this._todayDate=this._getCellCompareValue(this._dateAdapter.today()),this._monthLabel=this._dateAdapter.getMonthNames("short")[this._dateAdapter.getMonth(this.activeDate)].toLocaleUpperCase();let e=this._dateAdapter.createDate(this._dateAdapter.getYear(this.activeDate),this._dateAdapter.getMonth(this.activeDate),1);this._firstWeekOffset=(7+this._dateAdapter.getDayOfWeek(e)-this._dateAdapter.getFirstDayOfWeek())%7,this._initWeekdays(),this._createWeekCells(),this._changeDetectorRef.markForCheck()}_focusActiveCell(e){this._matCalendarBody._focusActiveCell(e)}_previewChanged({event:e,value:a}){if(this._rangeStrategy){const r=this._rangeStrategy.createPreview(a?a.rawValue:null,this.selected,e);this._previewStart=this._getCellCompareValue(r.start),this._previewEnd=this._getCellCompareValue(r.end),this._changeDetectorRef.detectChanges()}}_initWeekdays(){const e=this._dateAdapter.getFirstDayOfWeek(),a=this._dateAdapter.getDayOfWeekNames("narrow");let r=this._dateAdapter.getDayOfWeekNames("long").map((h,p)=>({long:h,narrow:a[p]}));this._weekdays=r.slice(e).concat(r.slice(0,e))}_createWeekCells(){const e=this._dateAdapter.getNumDaysInMonth(this.activeDate),a=this._dateAdapter.getDateNames();this._weeks=[[]];for(let i=0,r=this._firstWeekOffset;i<e;i++,r++){7==r&&(this._weeks.push([]),r=0);const h=this._dateAdapter.createDate(this._dateAdapter.getYear(this.activeDate),this._dateAdapter.getMonth(this.activeDate),i+1),p=this._shouldEnableDate(h),J=this._dateAdapter.format(h,this._dateFormats.display.dateA11yLabel),de=this.dateClass?this.dateClass(h):void 0;this._weeks[this._weeks.length-1].push(new q(i+1,a[i],J,p,de,this._getCellCompareValue(h),h))}}_shouldEnableDate(e){return!!e&&(!this.minDate||this._dateAdapter.compareDate(e,this.minDate)>=0)&&(!this.maxDate||this._dateAdapter.compareDate(e,this.maxDate)<=0)&&(!this.dateFilter||this.dateFilter(e))}_getDateInCurrentMonth(e){return e&&this._hasSameMonthAndYear(e,this.activeDate)?this._dateAdapter.getDate(e):null}_hasSameMonthAndYear(e,a){return!(!e||!a||this._dateAdapter.getMonth(e)!=this._dateAdapter.getMonth(a)||this._dateAdapter.getYear(e)!=this._dateAdapter.getYear(a))}_getCellCompareValue(e){if(e){const a=this._dateAdapter.getYear(e),i=this._dateAdapter.getMonth(e),r=this._dateAdapter.getDate(e);return new Date(a,i,r).getTime()}return null}_getValidDateOrNull(e){return this._dateAdapter.isDateInstance(e)&&this._dateAdapter.isValid(e)?e:null}_isRtl(){return this._dir&&"rtl"===this._dir.value}_setRanges(e){e instanceof M.C0?(this._rangeStart=this._getCellCompareValue(e.start),this._rangeEnd=this._getCellCompareValue(e.end),this._isRange=!0):(this._rangeStart=this._rangeEnd=this._getCellCompareValue(e),this._isRange=!1),this._comparisonRangeStart=this._getCellCompareValue(this.comparisonStart),this._comparisonRangeEnd=this._getCellCompareValue(this.comparisonEnd)}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(t.sBO),t.Y36(H,8),t.Y36(V,8),t.Y36(C.Is,8),t.Y36(le,8))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-month-view"]],viewQuery:function(e,a){if(1&e&&t.Gf(W,5),2&e){let i;t.iGM(i=t.CRH())&&(a._matCalendarBody=i.first)}},inputs:{activeDate:"activeDate",selected:"selected",minDate:"minDate",maxDate:"maxDate",dateFilter:"dateFilter",dateClass:"dateClass",comparisonStart:"comparisonStart",comparisonEnd:"comparisonEnd"},outputs:{selectedChange:"selectedChange",_userSelection:"_userSelection",activeDateChange:"activeDateChange"},exportAs:["ngxMatMonthView"],decls:7,vars:13,consts:[["role","presentation",1,"mat-calendar-table"],[1,"mat-calendar-table-header"],["scope","col",4,"ngFor","ngForOf"],["colspan","7","aria-hidden","true",1,"mat-calendar-table-header-divider"],["ngx-mat-calendar-body","",3,"label","rows","todayValue","startValue","endValue","comparisonStart","comparisonEnd","previewStart","previewEnd","isRange","labelMinRequiredCells","activeCell","selectedValueChange","previewChange","keydown"],["scope","col"]],template:function(e,a){1&e&&(t.TgZ(0,"table",0)(1,"thead",1)(2,"tr"),t.YNc(3,Ce,2,2,"th",2),t.qZA(),t.TgZ(4,"tr"),t._UZ(5,"th",3),t.qZA()(),t.TgZ(6,"tbody",4),t.NdJ("selectedValueChange",function(r){return a._dateSelected(r)})("previewChange",function(r){return a._previewChanged(r)})("keydown",function(r){return a._handleCalendarBodyKeydown(r)}),t.qZA()()),2&e&&(t.xp6(3),t.Q6J("ngForOf",a._weekdays),t.xp6(3),t.Q6J("label",a._monthLabel)("rows",a._weeks)("todayValue",a._todayDate)("startValue",a._rangeStart)("endValue",a._rangeEnd)("comparisonStart",a._comparisonRangeStart)("comparisonEnd",a._comparisonRangeEnd)("previewStart",a._previewStart)("previewEnd",a._previewEnd)("isRange",a._isRange)("labelMinRequiredCells",3)("activeCell",a._dateAdapter.getDate(a.activeDate)-1))},directives:[W,y.sg],encapsulation:2,changeDetection:0}),n})();const O=24;let _e=(()=>{class n{constructor(e,a,i){if(this._changeDetectorRef=e,this._dateAdapter=a,this._dir=i,this._rerenderSubscription=w.w0.EMPTY,this.selectedChange=new t.vpe,this.yearSelected=new t.vpe,this.activeDateChange=new t.vpe,!this._dateAdapter)throw P("NgxMatDateAdapter");this._activeDate=this._dateAdapter.today()}get activeDate(){return this._activeDate}set activeDate(e){let a=this._activeDate;const i=this._getValidDateOrNull(this._dateAdapter.deserialize(e))||this._dateAdapter.today();this._activeDate=this._dateAdapter.clampDate(i,this.minDate,this.maxDate),ue(this._dateAdapter,a,this._activeDate,this.minDate,this.maxDate)||this._init()}get selected(){return this._selected}set selected(e){this._selected=e instanceof M.C0?e:this._getValidDateOrNull(this._dateAdapter.deserialize(e)),this._setSelectedYear(e)}get minDate(){return this._minDate}set minDate(e){this._minDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get maxDate(){return this._maxDate}set maxDate(e){this._maxDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}ngAfterContentInit(){this._rerenderSubscription=this._dateAdapter.localeChanges.pipe((0,S.O)(null)).subscribe(()=>this._init())}ngOnDestroy(){this._rerenderSubscription.unsubscribe()}_init(){this._todayYear=this._dateAdapter.getYear(this._dateAdapter.today());const a=this._dateAdapter.getYear(this._activeDate)-G(this._dateAdapter,this.activeDate,this.minDate,this.maxDate);this._years=[];for(let i=0,r=[];i<O;i++)r.push(a+i),4==r.length&&(this._years.push(r.map(h=>this._createCellForYear(h))),r=[]);this._changeDetectorRef.markForCheck()}_yearSelected(e){const a=e.value;this.yearSelected.emit(this._dateAdapter.createDate(a,0,1));let i=this._dateAdapter.getMonth(this.activeDate),r=this._dateAdapter.getNumDaysInMonth(this._dateAdapter.createDate(a,i,1));this.selectedChange.emit(this._dateAdapter.createDate(a,i,Math.min(this._dateAdapter.getDate(this.activeDate),r)))}_handleCalendarBodyKeydown(e){const a=this._activeDate,i=this._isRtl();switch(e.keyCode){case _.oh:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,i?1:-1);break;case _.SV:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,i?-1:1);break;case _.LH:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,-4);break;case _.JH:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,4);break;case _.Sd:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,-G(this._dateAdapter,this.activeDate,this.minDate,this.maxDate));break;case _.uR:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,O-G(this._dateAdapter,this.activeDate,this.minDate,this.maxDate)-1);break;case _.Ku:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,e.altKey?-240:-O);break;case _.VM:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,e.altKey?240:O);break;case _.K5:case _.L_:this._yearSelected({value:this._dateAdapter.getYear(this._activeDate),event:e});break;default:return}this._dateAdapter.compareDate(a,this.activeDate)&&this.activeDateChange.emit(this.activeDate),this._focusActiveCell(),e.preventDefault()}_getActiveCell(){return G(this._dateAdapter,this.activeDate,this.minDate,this.maxDate)}_focusActiveCell(){this._matCalendarBody._focusActiveCell()}_createCellForYear(e){let a=this._dateAdapter.getYearName(this._dateAdapter.createDate(e,0,1));return new q(e,a,a,this._shouldEnableYear(e))}_shouldEnableYear(e){if(null==e||this.maxDate&&e>this._dateAdapter.getYear(this.maxDate)||this.minDate&&e<this._dateAdapter.getYear(this.minDate))return!1;if(!this.dateFilter)return!0;for(let i=this._dateAdapter.createDate(e,0,1);this._dateAdapter.getYear(i)==e;i=this._dateAdapter.addCalendarDays(i,1))if(this.dateFilter(i))return!0;return!1}_getValidDateOrNull(e){return this._dateAdapter.isDateInstance(e)&&this._dateAdapter.isValid(e)?e:null}_isRtl(){return this._dir&&"rtl"===this._dir.value}_setSelectedYear(e){if(this._selectedYear=null,e instanceof M.C0){const a=e.start||e.end;a&&(this._selectedYear=this._dateAdapter.getYear(a))}else e&&(this._selectedYear=this._dateAdapter.getYear(e))}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(t.sBO),t.Y36(V,8),t.Y36(C.Is,8))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-multi-year-view"]],viewQuery:function(e,a){if(1&e&&t.Gf(W,5),2&e){let i;t.iGM(i=t.CRH())&&(a._matCalendarBody=i.first)}},inputs:{activeDate:"activeDate",selected:"selected",minDate:"minDate",maxDate:"maxDate",dateFilter:"dateFilter"},outputs:{selectedChange:"selectedChange",yearSelected:"yearSelected",activeDateChange:"activeDateChange"},exportAs:["ngxMatMultiYearView"],decls:5,vars:7,consts:[["role","presentation",1,"mat-calendar-table"],[1,"mat-calendar-table-header"],["colspan","4",1,"mat-calendar-table-header-divider"],["ngx-mat-calendar-body","",3,"rows","todayValue","startValue","endValue","numCols","cellAspectRatio","activeCell","selectedValueChange","keydown"]],template:function(e,a){1&e&&(t.TgZ(0,"table",0)(1,"thead",1)(2,"tr"),t._UZ(3,"th",2),t.qZA()(),t.TgZ(4,"tbody",3),t.NdJ("selectedValueChange",function(r){return a._yearSelected(r)})("keydown",function(r){return a._handleCalendarBodyKeydown(r)}),t.qZA()()),2&e&&(t.xp6(4),t.Q6J("rows",a._years)("todayValue",a._todayYear)("startValue",a._selectedYear)("endValue",a._selectedYear)("numCols",4)("cellAspectRatio",4/7)("activeCell",a._getActiveCell()))},directives:[W],encapsulation:2,changeDetection:0}),n})();function ue(n,s,e,a,i){const r=n.getYear(s),h=n.getYear(e),p=pe(n,a,i);return Math.floor((r-p)/O)===Math.floor((h-p)/O)}function G(n,s,e,a){return function ze(n,s){return(n%s+s)%s}(n.getYear(s)-pe(n,e,a),O)}function pe(n,s,e){let a=0;return e?a=n.getYear(e)-O+1:s&&(a=n.getYear(s)),a}let me=(()=>{class n{constructor(e,a,i,r){if(this._changeDetectorRef=e,this._dateFormats=a,this._dateAdapter=i,this._dir=r,this._rerenderSubscription=w.w0.EMPTY,this.selectedChange=new t.vpe,this.monthSelected=new t.vpe,this.activeDateChange=new t.vpe,!this._dateAdapter)throw P("NgxMatDateAdapter");if(!this._dateFormats)throw P("NGX_MAT_DATE_FORMATS");this._activeDate=this._dateAdapter.today()}get activeDate(){return this._activeDate}set activeDate(e){let a=this._activeDate;const i=this._getValidDateOrNull(this._dateAdapter.deserialize(e))||this._dateAdapter.today();this._activeDate=this._dateAdapter.clampDate(i,this.minDate,this.maxDate),this._dateAdapter.getYear(a)!==this._dateAdapter.getYear(this._activeDate)&&this._init()}get selected(){return this._selected}set selected(e){this._selected=e instanceof M.C0?e:this._getValidDateOrNull(this._dateAdapter.deserialize(e)),this._setSelectedMonth(e)}get minDate(){return this._minDate}set minDate(e){this._minDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get maxDate(){return this._maxDate}set maxDate(e){this._maxDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}ngAfterContentInit(){this._rerenderSubscription=this._dateAdapter.localeChanges.pipe((0,S.O)(null)).subscribe(()=>this._init())}ngOnDestroy(){this._rerenderSubscription.unsubscribe()}_monthSelected(e){const a=e.value,i=this._dateAdapter.createDate(this._dateAdapter.getYear(this.activeDate),a,1);this.monthSelected.emit(i);const r=this._dateAdapter.getNumDaysInMonth(i);this.selectedChange.emit(this._dateAdapter.createDate(this._dateAdapter.getYear(this.activeDate),a,Math.min(this._dateAdapter.getDate(this.activeDate),r)))}_handleCalendarBodyKeydown(e){const a=this._activeDate,i=this._isRtl();switch(e.keyCode){case _.oh:this.activeDate=this._dateAdapter.addCalendarMonths(this._activeDate,i?1:-1);break;case _.SV:this.activeDate=this._dateAdapter.addCalendarMonths(this._activeDate,i?-1:1);break;case _.LH:this.activeDate=this._dateAdapter.addCalendarMonths(this._activeDate,-4);break;case _.JH:this.activeDate=this._dateAdapter.addCalendarMonths(this._activeDate,4);break;case _.Sd:this.activeDate=this._dateAdapter.addCalendarMonths(this._activeDate,-this._dateAdapter.getMonth(this._activeDate));break;case _.uR:this.activeDate=this._dateAdapter.addCalendarMonths(this._activeDate,11-this._dateAdapter.getMonth(this._activeDate));break;case _.Ku:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,e.altKey?-10:-1);break;case _.VM:this.activeDate=this._dateAdapter.addCalendarYears(this._activeDate,e.altKey?10:1);break;case _.K5:case _.L_:this._monthSelected({value:this._dateAdapter.getMonth(this._activeDate),event:e});break;default:return}this._dateAdapter.compareDate(a,this.activeDate)&&this.activeDateChange.emit(this.activeDate),this._focusActiveCell(),e.preventDefault()}_init(){this._setSelectedMonth(this.selected),this._todayMonth=this._getMonthInCurrentYear(this._dateAdapter.today()),this._yearLabel=this._dateAdapter.getYearName(this.activeDate);let e=this._dateAdapter.getMonthNames("short");this._months=[[0,1,2,3],[4,5,6,7],[8,9,10,11]].map(a=>a.map(i=>this._createCellForMonth(i,e[i]))),this._changeDetectorRef.markForCheck()}_focusActiveCell(){this._matCalendarBody._focusActiveCell()}_getMonthInCurrentYear(e){return e&&this._dateAdapter.getYear(e)==this._dateAdapter.getYear(this.activeDate)?this._dateAdapter.getMonth(e):null}_createCellForMonth(e,a){let i=this._dateAdapter.format(this._dateAdapter.createDate(this._dateAdapter.getYear(this.activeDate),e,1),this._dateFormats.display.monthYearA11yLabel);return new q(e,a.toLocaleUpperCase(),i,this._shouldEnableMonth(e))}_shouldEnableMonth(e){const a=this._dateAdapter.getYear(this.activeDate);if(null==e||this._isYearAndMonthAfterMaxDate(a,e)||this._isYearAndMonthBeforeMinDate(a,e))return!1;if(!this.dateFilter)return!0;for(let r=this._dateAdapter.createDate(a,e,1);this._dateAdapter.getMonth(r)==e;r=this._dateAdapter.addCalendarDays(r,1))if(this.dateFilter(r))return!0;return!1}_isYearAndMonthAfterMaxDate(e,a){if(this.maxDate){const i=this._dateAdapter.getYear(this.maxDate),r=this._dateAdapter.getMonth(this.maxDate);return e>i||e===i&&a>r}return!1}_isYearAndMonthBeforeMinDate(e,a){if(this.minDate){const i=this._dateAdapter.getYear(this.minDate),r=this._dateAdapter.getMonth(this.minDate);return e<i||e===i&&a<r}return!1}_getValidDateOrNull(e){return this._dateAdapter.isDateInstance(e)&&this._dateAdapter.isValid(e)?e:null}_isRtl(){return this._dir&&"rtl"===this._dir.value}_setSelectedMonth(e){this._selectedMonth=e instanceof M.C0?this._getMonthInCurrentYear(e.start)||this._getMonthInCurrentYear(e.end):this._getMonthInCurrentYear(e)}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(t.sBO),t.Y36(H,8),t.Y36(V,8),t.Y36(C.Is,8))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-year-view"]],viewQuery:function(e,a){if(1&e&&t.Gf(W,5),2&e){let i;t.iGM(i=t.CRH())&&(a._matCalendarBody=i.first)}},inputs:{activeDate:"activeDate",selected:"selected",minDate:"minDate",maxDate:"maxDate",dateFilter:"dateFilter"},outputs:{selectedChange:"selectedChange",monthSelected:"monthSelected",activeDateChange:"activeDateChange"},exportAs:["ngxMatYearView"],decls:5,vars:9,consts:[["role","presentation",1,"mat-calendar-table"],[1,"mat-calendar-table-header"],["colspan","4",1,"mat-calendar-table-header-divider"],["ngx-mat-calendar-body","",3,"label","rows","todayValue","startValue","endValue","labelMinRequiredCells","numCols","cellAspectRatio","activeCell","selectedValueChange","keydown"]],template:function(e,a){1&e&&(t.TgZ(0,"table",0)(1,"thead",1)(2,"tr"),t._UZ(3,"th",2),t.qZA()(),t.TgZ(4,"tbody",3),t.NdJ("selectedValueChange",function(r){return a._monthSelected(r)})("keydown",function(r){return a._handleCalendarBodyKeydown(r)}),t.qZA()()),2&e&&(t.xp6(4),t.Q6J("label",a._yearLabel)("rows",a._months)("todayValue",a._todayMonth)("startValue",a._selectedMonth)("endValue",a._selectedMonth)("labelMinRequiredCells",2)("numCols",4)("cellAspectRatio",4/7)("activeCell",a._dateAdapter.getMonth(a.activeDate)))},directives:[W],encapsulation:2,changeDetection:0}),n})(),Xe=(()=>{class n{constructor(e,a,i,r,h){this._intl=e,this.calendar=a,this._dateAdapter=i,this._dateFormats=r,this.calendar.stateChanges.subscribe(()=>h.markForCheck())}get periodButtonText(){if("month"==this.calendar.currentView)return this._dateAdapter.format(this.calendar.activeDate,this._dateFormats.display.monthYearLabel).toLocaleUpperCase();if("year"==this.calendar.currentView)return this._dateAdapter.getYearName(this.calendar.activeDate);const a=this._dateAdapter.getYear(this.calendar.activeDate)-G(this._dateAdapter,this.calendar.activeDate,this.calendar.minDate,this.calendar.maxDate),i=a+O-1;return function Ge(n,s){return`${n} \u2013 ${s}`}(this._dateAdapter.getYearName(this._dateAdapter.createDate(a,0,1)),this._dateAdapter.getYearName(this._dateAdapter.createDate(i,0,1)))}get periodButtonLabel(){return"month"==this.calendar.currentView?this._intl.switchToMultiYearViewLabel:this._intl.switchToMonthViewLabel}get prevButtonLabel(){return{month:this._intl.prevMonthLabel,year:this._intl.prevYearLabel,"multi-year":this._intl.prevMultiYearLabel}[this.calendar.currentView]}get nextButtonLabel(){return{month:this._intl.nextMonthLabel,year:this._intl.nextYearLabel,"multi-year":this._intl.nextMultiYearLabel}[this.calendar.currentView]}currentPeriodClicked(){this.calendar.currentView="month"==this.calendar.currentView?"multi-year":"month"}previousClicked(){this.calendar.activeDate="month"==this.calendar.currentView?this._dateAdapter.addCalendarMonths(this.calendar.activeDate,-1):this._dateAdapter.addCalendarYears(this.calendar.activeDate,"year"==this.calendar.currentView?-1:-O)}nextClicked(){this.calendar.activeDate="month"==this.calendar.currentView?this._dateAdapter.addCalendarMonths(this.calendar.activeDate,1):this._dateAdapter.addCalendarYears(this.calendar.activeDate,"year"==this.calendar.currentView?1:O)}previousEnabled(){return!this.calendar.minDate||!this.calendar.minDate||!this._isSameView(this.calendar.activeDate,this.calendar.minDate)}nextEnabled(){return!this.calendar.maxDate||!this._isSameView(this.calendar.activeDate,this.calendar.maxDate)}_isSameView(e,a){return"month"==this.calendar.currentView?this._dateAdapter.getYear(e)==this._dateAdapter.getYear(a)&&this._dateAdapter.getMonth(e)==this._dateAdapter.getMonth(a):"year"==this.calendar.currentView?this._dateAdapter.getYear(e)==this._dateAdapter.getYear(a):ue(this._dateAdapter,e,a,this.calendar.minDate,this.calendar.maxDate)}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(M.S8),t.Y36((0,t.Gpc)(()=>se)),t.Y36(V,8),t.Y36(H,8),t.Y36(t.sBO))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-calendar-header"]],exportAs:["ngxMatCalendarHeader"],ngContentSelectors:be,decls:9,vars:8,consts:[[1,"mat-calendar-header"],[1,"mat-calendar-controls"],["mat-button","","type","button","cdkAriaLive","polite",1,"mat-calendar-period-button",3,"click"],[1,"mat-calendar-arrow"],[1,"mat-calendar-spacer"],["mat-icon-button","","type","button",1,"mat-calendar-previous-button",3,"disabled","click"],["mat-icon-button","","type","button",1,"mat-calendar-next-button",3,"disabled","click"]],template:function(e,a){1&e&&(t.F$t(),t.TgZ(0,"div",0)(1,"div",1)(2,"button",2),t.NdJ("click",function(){return a.currentPeriodClicked()}),t._uU(3),t._UZ(4,"div",3),t.qZA(),t._UZ(5,"div",4),t.Hsn(6),t.TgZ(7,"button",5),t.NdJ("click",function(){return a.previousClicked()}),t.qZA(),t.TgZ(8,"button",6),t.NdJ("click",function(){return a.nextClicked()}),t.qZA()()()),2&e&&(t.xp6(2),t.uIk("aria-label",a.periodButtonLabel),t.xp6(1),t.hij(" ",a.periodButtonText," "),t.xp6(1),t.ekj("mat-calendar-invert","month"!=a.calendar.currentView),t.xp6(3),t.Q6J("disabled",!a.previousEnabled()),t.uIk("aria-label",a.prevButtonLabel),t.xp6(1),t.Q6J("disabled",!a.nextEnabled()),t.uIk("aria-label",a.nextButtonLabel))},directives:[f.lW],encapsulation:2,changeDetection:0}),n})(),se=(()=>{class n{constructor(e,a,i,r){if(this._dateAdapter=a,this._dateFormats=i,this._changeDetectorRef=r,this._moveFocusOnNextTick=!1,this.startView="month",this.selectedChange=new t.vpe,this.yearSelected=new t.vpe,this.monthSelected=new t.vpe,this._userSelection=new t.vpe,this.stateChanges=new T.x,!this._dateAdapter)throw P("NgxDateAdapter");if(!this._dateFormats)throw P("NGX_MAT_DATE_FORMATS");this._intlChanges=e.changes.subscribe(()=>{r.markForCheck(),this.stateChanges.next()})}get startAt(){return this._startAt}set startAt(e){this._startAt=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get selected(){return this._selected}set selected(e){this._selected=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get minDate(){return this._minDate}set minDate(e){this._minDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get maxDate(){return this._maxDate}set maxDate(e){this._maxDate=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get activeDate(){return this._clampedActiveDate}set activeDate(e){this._clampedActiveDate=this._dateAdapter.clampDate(e,this.minDate,this.maxDate),this.stateChanges.next(),this._changeDetectorRef.markForCheck()}get currentView(){return this._currentView}set currentView(e){this._currentView=e,this._moveFocusOnNextTick=!0,this._changeDetectorRef.markForCheck()}ngAfterContentInit(){this._calendarHeaderPortal=new o.C5(this.headerComponent||Xe),this.activeDate=this.startAt||this._dateAdapter.today(),this._currentView=this.startView}ngAfterViewChecked(){this._moveFocusOnNextTick&&(this._moveFocusOnNextTick=!1,this.focusActiveCell())}ngOnDestroy(){this._intlChanges.unsubscribe(),this.stateChanges.complete()}ngOnChanges(e){const a=e.minDate||e.maxDate||e.dateFilter;if(a&&!a.firstChange){const i=this._getCurrentViewComponent();i&&(this._changeDetectorRef.detectChanges(),i._init())}this.stateChanges.next()}focusActiveCell(){this._getCurrentViewComponent()._focusActiveCell()}updateTodaysDate(){("month"==this.currentView?this.monthView:"year"==this.currentView?this.yearView:this.multiYearView).ngAfterContentInit()}_dateSelected(e){e&&!this._dateAdapter.sameDate(e,this.selected)&&this.selectedChange.emit(e)}_yearSelectedInMultiYearView(e){this.yearSelected.emit(e)}_monthSelectedInYearView(e){this.monthSelected.emit(e)}_userSelected(){this._userSelection.emit()}_goToDateInView(e,a){this.activeDate=e,this.currentView=a}_getValidDateOrNull(e){return this._dateAdapter.isDateInstance(e)&&this._dateAdapter.isValid(e)?e:null}_getCurrentViewComponent(){return this.monthView||this.yearView||this.multiYearView}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(M.S8),t.Y36(V,8),t.Y36(H,8),t.Y36(t.sBO))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-calendar"]],viewQuery:function(e,a){if(1&e&&(t.Gf(he,5),t.Gf(me,5),t.Gf(_e,5)),2&e){let i;t.iGM(i=t.CRH())&&(a.monthView=i.first),t.iGM(i=t.CRH())&&(a.yearView=i.first),t.iGM(i=t.CRH())&&(a.multiYearView=i.first)}},hostAttrs:[1,"mat-calendar"],inputs:{headerComponent:"headerComponent",startAt:"startAt",startView:"startView",selected:"selected",minDate:"minDate",maxDate:"maxDate",dateFilter:"dateFilter",dateClass:"dateClass"},outputs:{selectedChange:"selectedChange",yearSelected:"yearSelected",monthSelected:"monthSelected",_userSelection:"_userSelection"},exportAs:["ngxMatCalendar"],features:[t.TTD],decls:5,vars:5,consts:[[3,"cdkPortalOutlet"],["cdkMonitorSubtreeFocus","","tabindex","-1",1,"mat-calendar-content",3,"ngSwitch"],[3,"activeDate","selected","dateFilter","maxDate","minDate","dateClass","activeDateChange","selectedChange","_userSelection",4,"ngSwitchCase"],[3,"activeDate","selected","dateFilter","maxDate","minDate","activeDateChange","monthSelected","selectedChange",4,"ngSwitchCase"],[3,"activeDate","selected","dateFilter","maxDate","minDate","activeDateChange","yearSelected","selectedChange",4,"ngSwitchCase"],[3,"activeDate","selected","dateFilter","maxDate","minDate","dateClass","activeDateChange","selectedChange","_userSelection"],[3,"activeDate","selected","dateFilter","maxDate","minDate","activeDateChange","monthSelected","selectedChange"],[3,"activeDate","selected","dateFilter","maxDate","minDate","activeDateChange","yearSelected","selectedChange"]],template:function(e,a){1&e&&(t.YNc(0,ve,0,0,"ng-template",0),t.TgZ(1,"div",1),t.YNc(2,ye,1,6,"ngx-mat-month-view",2),t.YNc(3,we,1,5,"ngx-mat-year-view",3),t.YNc(4,Ae,1,5,"ngx-mat-multi-year-view",4),t.qZA()),2&e&&(t.Q6J("cdkPortalOutlet",a._calendarHeaderPortal),t.xp6(1),t.Q6J("ngSwitch",a.currentView),t.xp6(1),t.Q6J("ngSwitchCase","month"),t.xp6(1),t.Q6J("ngSwitchCase","year"),t.xp6(1),t.Q6J("ngSwitchCase","multi-year"))},directives:[he,me,_e,o.Pl,y.RF,y.n9],styles:['.mat-calendar{display:block}.mat-calendar-header{padding:8px 8px 0}.mat-calendar-content{padding:0 8px 8px;outline:none}.mat-calendar-controls{display:flex;margin:5% calc(4.71429% - 16px)}.mat-calendar-spacer{flex:1 1 auto}.mat-calendar-period-button{min-width:0}.mat-calendar-arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top-width:5px;border-top-style:solid;margin:0 0 0 5px;vertical-align:middle}.mat-calendar-arrow.mat-calendar-invert{transform:rotate(180deg)}[dir=rtl] .mat-calendar-arrow{margin:0 5px 0 0}.mat-calendar-previous-button,.mat-calendar-next-button{position:relative}.mat-calendar-previous-button:after,.mat-calendar-next-button:after{top:0;left:0;right:0;bottom:0;position:absolute;content:"";margin:15.5px;border:0 solid currentColor;border-top-width:2px}[dir=rtl] .mat-calendar-previous-button,[dir=rtl] .mat-calendar-next-button{transform:rotate(180deg)}.mat-calendar-previous-button:after{border-left-width:2px;transform:translate(2px) rotate(-45deg)}.mat-calendar-next-button:after{border-right-width:2px;transform:translate(-2px) rotate(45deg)}.mat-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.mat-calendar-table-header th{text-align:center;padding:0 0 8px}.mat-calendar-table-header-divider{position:relative;height:1px}.mat-calendar-table-header-divider:after{content:"";position:absolute;top:0;left:-8px;right:-8px;height:1px}\n'],encapsulation:2,changeDetection:0}),n})(),ge=(()=>{class n{constructor(e,a,i){if(this._dateAdapter=e,this.cd=a,this.formBuilder=i,this.disabled=!1,this.showSpinners=!0,this.stepHour=1,this.stepMinute=1,this.stepSecond=1,this.showSeconds=!1,this.disableMinute=!1,this.enableMeridian=!1,this.color="primary",this.meridian="AM",this._onChange=()=>{},this._onTouched=()=>{},this._destroyed=new T.x,this.pattern=ce,!this._dateAdapter)throw P("NgxMatDateAdapter");this.form=this.formBuilder.group({hour:[{value:null,disabled:this.disabled},[c.kI.required,c.kI.pattern(ce)]],minute:[{value:null,disabled:this.disabled},[c.kI.required,c.kI.pattern(Qe)]],second:[{value:null,disabled:this.disabled},[c.kI.required,c.kI.pattern(Ke)]]})}get hour(){let e=Number(this.form.controls.hour.value);return isNaN(e)?0:e}get minute(){let e=Number(this.form.controls.minute.value);return isNaN(e)?0:e}get second(){let e=Number(this.form.controls.second.value);return isNaN(e)?0:e}get valid(){return this.form.valid}ngOnInit(){this.form.valueChanges.pipe((0,F.R)(this._destroyed),(0,A.b)(400)).subscribe(e=>{this._updateModel()})}ngOnChanges(e){(e.disabled||e.disableMinute)&&this._setDisableStates()}ngOnDestroy(){this._destroyed.next(),this._destroyed.complete()}writeValue(e){null!=e?this._model=e:(this._model=this._dateAdapter.today(),null!=this.defaultTime&&this._dateAdapter.setTimeByDefaultValues(this._model,this.defaultTime)),this._updateHourMinuteSecond()}registerOnChange(e){this._onChange=e}registerOnTouched(e){this._onTouched=e}setDisabledState(e){this._disabled=e,this.cd.markForCheck()}formatInput(e){e.value=e.value.replace(We,"")}toggleMeridian(){this.meridian="AM"===this.meridian?"PM":"AM",this.change("hour")}change(e,a){const i=this._getNextValueByProp(e,a);this.form.controls[e].setValue(z(i),{onlySelf:!1,emitEvent:!1}),this._updateModel()}_updateHourMinuteSecond(){let e=this._dateAdapter.getHour(this._model);const a=this._dateAdapter.getMinute(this._model),i=this._dateAdapter.getSecond(this._model);this.enableMeridian&&(e>=B.meridian?(e-=B.meridian,this.meridian="PM"):this.meridian="AM",0===e&&(e=B.meridian)),this.form.controls.hour.setValue(z(e)),this.form.controls.minute.setValue(z(a)),this.form.controls.second.setValue(z(i))}_updateModel(){let e=this.hour;this.enableMeridian&&("AM"===this.meridian&&e===B.meridian?e=0:"PM"===this.meridian&&e!==B.meridian&&(e+=B.meridian)),this._dateAdapter.setHour(this._model,e),this._dateAdapter.setMinute(this._model,this.minute),this._dateAdapter.setSecond(this._model,this.second),this._onChange(this._model)}_getNextValueByProp(e,a){const i=e[0].toUpperCase()+e.slice(1),r=B[`min${i}`];let p,h=B[`max${i}`];return"hour"===e&&this.enableMeridian&&(h=B.meridian),null==a?(p=this[e]%h,"hour"===e&&this.enableMeridian&&0===p&&(p=h)):(p=a?this[e]+this[`step${i}`]:this[e]-this[`step${i}`],"hour"===e&&this.enableMeridian?(p%=h+1,0===p&&(p=a?1:h)):p%=h,p=a?p>h?p-h+r:p:p<r?p-r+h:p),p}_setDisableStates(){this.disabled?this.form.disable():(this.form.enable(),this.disableMinute&&(this.form.get("minute").disable(),this.showSeconds&&this.form.get("second").disable()))}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(V,8),t.Y36(t.sBO),t.Y36(c.qu))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-timepicker"]],hostAttrs:[1,"ngx-mat-timepicker"],inputs:{disabled:"disabled",showSpinners:"showSpinners",stepHour:"stepHour",stepMinute:"stepMinute",stepSecond:"stepSecond",showSeconds:"showSeconds",disableMinute:"disableMinute",enableMeridian:"enableMeridian",defaultTime:"defaultTime",color:"color"},exportAs:["ngxMatTimepicker"],features:[t._Bn([{provide:c.JU,useExisting:(0,t.Gpc)(()=>n),multi:!0}]),t.TTD],decls:18,vars:7,consts:[[3,"formGroup"],[1,"ngx-mat-timepicker-table"],[1,"ngx-mat-timepicker-tbody"],[4,"ngIf"],["appearance","legacy"],["type","text","matInput","","maxlength","2","formControlName","hour",3,"input","keydown.ArrowUp","keydown.ArrowDown","blur"],[1,"ngx-mat-timepicker-spacer"],["type","text","matInput","","maxlength","2","formControlName","minute",3,"input","keydown.ArrowUp","keydown.ArrowDown","blur"],["class","ngx-mat-timepicker-spacer",4,"ngIf"],["class","ngx-mat-timepicker-meridian",4,"ngIf"],["type","button","mat-icon-button","","aria-label","expand_less icon",3,"disabled","click"],["type","text","matInput","","maxlength","2","formControlName","second",3,"input","keydown.ArrowUp","keydown.ArrowDown","blur"],[1,"ngx-mat-timepicker-meridian"],["mat-button","","mat-stroked-button","",3,"color","disabled","click"],["type","button","mat-icon-button","","aria-label","expand_more icon",3,"disabled","click"]],template:function(e,a){1&e&&(t.TgZ(0,"form",0)(1,"table",1)(2,"tbody",2),t.YNc(3,Se,14,5,"tr",3),t.TgZ(4,"tr")(5,"td")(6,"mat-form-field",4)(7,"input",5),t.NdJ("input",function(r){return a.formatInput(r.target)})("keydown.ArrowUp",function(r){return a.change("hour",!0),r.preventDefault()})("keydown.ArrowDown",function(r){return a.change("hour",!1),r.preventDefault()})("blur",function(){return a.change("hour")}),t.qZA()()(),t.TgZ(8,"td",6),t._uU(9,":"),t.qZA(),t.TgZ(10,"td")(11,"mat-form-field",4)(12,"input",7),t.NdJ("input",function(r){return a.formatInput(r.target)})("keydown.ArrowUp",function(r){return a.change("minute",!0),r.preventDefault()})("keydown.ArrowDown",function(r){return a.change("minute",!1),r.preventDefault()})("blur",function(){return a.change("minute")}),t.qZA()()(),t.YNc(13,Oe,2,0,"td",8),t.YNc(14,Ee,3,0,"td",3),t.YNc(15,Ve,1,0,"td",8),t.YNc(16,Ie,3,3,"td",9),t.qZA(),t.YNc(17,Be,14,6,"tr",3),t.qZA()()()),2&e&&(t.Q6J("formGroup",a.form),t.xp6(3),t.Q6J("ngIf",a.showSpinners),t.xp6(10),t.Q6J("ngIf",a.showSeconds),t.xp6(1),t.Q6J("ngIf",a.showSeconds),t.xp6(1),t.Q6J("ngIf",a.enableMeridian),t.xp6(1),t.Q6J("ngIf",a.enableMeridian),t.xp6(1),t.Q6J("ngIf",a.showSpinners))},directives:[f.lW,x.Hw,g.KE,c._Y,c.JL,c.sg,y.O5,m.Nt,c.Fj,c.nD,c.JJ,c.u],styles:[".ngx-mat-timepicker{font-size:13px}.ngx-mat-timepicker form{min-width:90px}.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td{text-align:center}.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td.ngx-mat-timepicker-spacer{font-weight:bold}.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td.ngx-mat-timepicker-meridian .mat-button{min-width:64px;line-height:36px;min-width:0;border-radius:50%;width:36px;height:36px;padding:0;flex-shrink:0}.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-icon-button{height:24px;width:24px;line-height:24px}.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-icon-button .mat-icon{font-size:24px}.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-form-field{width:20px;max-width:20px;text-align:center}\n"],encapsulation:2}),n})(),$e=0;const je=(0,E.pj)(class{constructor(n){this._elementRef=n}});let fe=(()=>{class n extends je{constructor(e,a,i){super(e),this.cd=a,this._viewContainerRef=i}get valid(){return(this.datepicker.hideTime||this._timePicker&&this._timePicker.valid)&&this.datepicker.valid}get isViewMonth(){return!this._calendar||null==this._calendar.currentView||"month"==this._calendar.currentView}ngAfterViewInit(){this._calendar.focusActiveCell(),this.datepicker._customIcon&&(this._templateCustomIconPortal=new o.UE(this.datepicker._customIcon,this._viewContainerRef),this.cd.detectChanges())}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(t.SBq),t.Y36(t.sBO),t.Y36(t.s_b))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-datetime-content"]],viewQuery:function(e,a){if(1&e&&(t.Gf(se,5),t.Gf(ge,5)),2&e){let i;t.iGM(i=t.CRH())&&(a._calendar=i.first),t.iGM(i=t.CRH())&&(a._timePicker=i.first)}},hostAttrs:[1,"mat-datepicker-content"],hostVars:3,hostBindings:function(e,a){2&e&&(t.d8E("@transformPanel","enter"),t.ekj("mat-datepicker-content-touch",a.datepicker.touchUi))},inputs:{color:"color"},exportAs:["ngxMatDatetimeContent"],features:[t.qOj],decls:2,vars:12,consts:[["cdkTrapFocus","",3,"id","ngClass","startAt","startView","minDate","maxDate","dateFilter","headerComponent","selected","dateClass","selectedChange","yearSelected","monthSelected"],[4,"ngIf"],["class","time-container",3,"disable-seconds",4,"ngIf"],[1,"actions"],["mat-button","","mat-stroked-button","","cdkFocusInitial","",3,"color","disabled","click"],[3,"cdkPortalOutlet"],[1,"time-container"],[3,"showSpinners","showSeconds","disabled","stepHour","stepMinute","stepSecond","ngModel","color","enableMeridian","disableMinute","ngModelChange"]],template:function(e,a){1&e&&(t.TgZ(0,"ngx-mat-calendar",0),t.NdJ("selectedChange",function(r){return a.datepicker.select(r)})("yearSelected",function(r){return a.datepicker._selectYear(r)})("monthSelected",function(r){return a.datepicker._selectMonth(r)}),t.qZA(),t.YNc(1,Le,6,5,"ng-container",1)),2&e&&(t.Q6J("id",a.datepicker.id)("ngClass",a.datepicker.panelClass)("startAt",a.datepicker.startAt)("startView",a.datepicker.startView)("minDate",a.datepicker._minDate)("maxDate",a.datepicker._maxDate)("dateFilter",a.datepicker._dateFilter)("headerComponent",a.datepicker.calendarHeaderComponent)("selected",a.datepicker._selected)("dateClass",a.datepicker.dateClass)("@fadeInCalendar","enter"),t.xp6(1),t.Q6J("ngIf",a.isViewMonth))},directives:[se,ge,f.lW,x.Hw,y.mk,y.O5,c.JJ,c.On,o.Pl],styles:['.mat-datepicker-content{display:block;border-radius:4px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-datepicker-content .mat-calendar{width:296px}.mat-datepicker-content .time-container{display:flex;position:relative;padding-top:5px;justify-content:center}.mat-datepicker-content .time-container.disable-seconds .ngx-mat-timepicker .table{margin-left:9px}.mat-datepicker-content .time-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#0000001f}.mat-datepicker-content .actions{display:flex;padding:5px 15px 10px;justify-content:flex-end}\n'],encapsulation:2,data:{animation:[M.E2.transformPanel,M.E2.fadeInCalendar]},changeDetection:0}),n})(),qe=(()=>{class n{constructor(e,a,i,r,h,p,J,de){if(this._dialog=e,this._overlay=a,this._ngZone=i,this._viewContainerRef=r,this._dateAdapter=p,this._dir=J,this._document=de,this.startView="month",this._defaultColor="primary",this._touchUi=!1,this._hideTime=!1,this.yearSelected=new t.vpe,this.monthSelected=new t.vpe,this.openedStream=new t.vpe,this.closedStream=new t.vpe,this._opened=!1,this._showSpinners=!0,this._showSeconds=!1,this._stepHour=1,this._stepMinute=1,this._stepSecond=1,this._enableMeridian=!1,this._hasBackdrop=!0,this.id="mat-datepicker-"+$e++,this._validSelected=null,this._focusedElementBeforeOpen=null,this._inputSubscription=w.w0.EMPTY,this.stateChanges=new T.x,this._selectedChanged=new T.x,this._minValidator=()=>!this._minDate||!this._selected||this._dateAdapter.compareDateWithTime(this._minDate,this._selected,this.showSeconds)<=0?null:{matDatetimePickerMin:{min:this._minDate,actual:this._selected}},this._maxValidator=()=>!this._maxDate||!this._selected||this._dateAdapter.compareDateWithTime(this._maxDate,this._selected,this.showSeconds)>=0?null:{matDatetimePickerMax:{max:this._maxDate,actual:this._selected}},!this._dateAdapter)throw P("NgxMatDateAdapter");this._scrollStrategy=h}get startAt(){return this._startAt||(this.datepickerInput?this.datepickerInput.value:null)}set startAt(e){this._startAt=this._getValidDateOrNull(this._dateAdapter.deserialize(e))}get defaultColor(){return this._defaultColor}set defaultColor(e){this._defaultColor=e}get color(){return this._color||(this.datepickerInput?this.datepickerInput._getThemePalette():"primary")}set color(e){this._color=e}get touchUi(){return this._touchUi}set touchUi(e){this._touchUi=(0,D.Ig)(e)}get hideTime(){return this._hideTime}set hideTime(e){this._hideTime=(0,D.Ig)(e)}get disabled(){return void 0===this._disabled&&this.datepickerInput?this.datepickerInput.disabled:!!this._disabled}set disabled(e){const a=(0,D.Ig)(e);a!==this._disabled&&(this._disabled=a,this.stateChanges.next(a))}get opened(){return this._opened}set opened(e){e?this.open():this.close()}get showSpinners(){return this._showSpinners}set showSpinners(e){this._showSpinners=e}get showSeconds(){return this._showSeconds}set showSeconds(e){this._showSeconds=e}get stepHour(){return this._stepHour}set stepHour(e){this._stepHour=e}get stepMinute(){return this._stepMinute}set stepMinute(e){this._stepMinute=e}get stepSecond(){return this._stepSecond}set stepSecond(e){this._stepSecond=e}get enableMeridian(){return this._enableMeridian}set enableMeridian(e){this._enableMeridian=e}get disableMinute(){return this._disableMinute}set disableMinute(e){this._disableMinute=e}get defaultTime(){return this._defaultTime}set defaultTime(e){this._defaultTime=e}get _selected(){return this._validSelected}set _selected(e){this._validSelected=e}get _minDate(){return this.datepickerInput&&this.datepickerInput.min}get _maxDate(){return this.datepickerInput&&this.datepickerInput.max}get valid(){const e=this._minValidator(),a=this._maxValidator();return null==e&&null==a}get _dateFilter(){return this.datepickerInput&&this.datepickerInput._dateFilter}ngOnDestroy(){this.close(),this._popupRef&&(this._popupRef.dispose(),this._popupComponentRef=null),this._inputSubscription.unsubscribe(),this.stateChanges.complete()}select(e){this._dateAdapter.copyTime(e,this._selected),this._selected=e}_selectYear(e){this.yearSelected.emit(e)}_selectMonth(e){this.monthSelected.emit(e)}ok(){const e=this._dateAdapter.clone(this._selected);this._selectedChanged.next(e),this.close()}cancel(){this._selected=this._rawValue,this.close()}_registerInput(e){if(this.datepickerInput)throw Error("A NgxMatDatepicker can only be associated with a single input.");this.datepickerInput=e,this._inputSubscription=this.datepickerInput._valueChange.subscribe(a=>this._selected=a)}open(){if(this._rawValue=null!=this._selected?this._dateAdapter.clone(this._selected):null,null==this._selected&&(this._selected=this._dateAdapter.today(),null!=this.defaultTime&&this._dateAdapter.setTimeByDefaultValues(this._selected,this.defaultTime)),!this._opened&&!this.disabled){if(!this.datepickerInput)throw Error("Attempted to open an NgxMatDatepicker with no associated input.");this._document&&(this._focusedElementBeforeOpen=this._document.activeElement),this.touchUi?this._openAsDialog():this._openAsPopup(),this._opened=!0,this.openedStream.emit()}}close(){if(!this._opened)return;this._popupRef&&this._popupRef.hasAttached()&&this._popupRef.detach(),this._dialogRef&&(this._dialogRef.close(),this._dialogRef=null),this._calendarPortal&&this._calendarPortal.isAttached&&this._calendarPortal.detach();const e=()=>{this._opened&&(this._opened=!1,this.closedStream.emit(),this._focusedElementBeforeOpen=null)};this._focusedElementBeforeOpen&&"function"==typeof this._focusedElementBeforeOpen.focus?(this._focusedElementBeforeOpen.focus(),setTimeout(e)):e()}_openAsDialog(){this._dialogRef&&this._dialogRef.close(),this._dialogRef=this._dialog.open(fe,{direction:this._dir?this._dir.value:"ltr",viewContainerRef:this._viewContainerRef,panelClass:"mat-datepicker-dialog",hasBackdrop:this._hasBackdrop}),this._dialogRef.afterClosed().subscribe(()=>this.close()),this._dialogRef.componentInstance.datepicker=this,this._setColor()}_openAsPopup(){this._calendarPortal||(this._calendarPortal=new o.C5(fe,this._viewContainerRef)),this._popupRef||this._createPopup(),this._popupRef.hasAttached()||(this._popupComponentRef=this._popupRef.attach(this._calendarPortal),this._popupComponentRef.instance.datepicker=this,this._setColor(),this._ngZone.onStable.asObservable().pipe((0,R.q)(1)).subscribe(()=>{this._popupRef.updatePosition()}))}_createPopup(){const e=new b.X_({positionStrategy:this._createPopupPositionStrategy(),hasBackdrop:this._hasBackdrop,backdropClass:"mat-overlay-transparent-backdrop",direction:this._dir,scrollStrategy:this._scrollStrategy(),panelClass:"mat-datepicker-popup"});this._popupRef=this._overlay.create(e),this._popupRef.overlayElement.setAttribute("role","dialog"),(0,N.T)(this._popupRef.backdropClick(),this._popupRef.detachments(),this._popupRef.keydownEvents().pipe((0,k.h)(a=>a.keyCode===_.hY||this.datepickerInput&&a.altKey&&a.keyCode===_.LH))).subscribe(a=>{a&&a.preventDefault(),this._hasBackdrop&&a?this.cancel():this.close()})}_createPopupPositionStrategy(){return this._overlay.position().flexibleConnectedTo(this.datepickerInput.getConnectedOverlayOrigin()).withTransformOriginOn(".mat-datepicker-content").withFlexibleDimensions(!1).withViewportMargin(8).withLockedPosition().withPositions([{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"},{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"},{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"},{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"}])}_getValidDateOrNull(e){return this._dateAdapter.isDateInstance(e)&&this._dateAdapter.isValid(e)?e:null}_setColor(){const e=this.color;this._popupComponentRef&&(this._popupComponentRef.instance.color=e),this._dialogRef&&(this._dialogRef.componentInstance.color=e)}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(v.uw),t.Y36(b.aV),t.Y36(t.R0b),t.Y36(t.s_b),t.Y36(M.Uu),t.Y36(V,8),t.Y36(C.Is,8),t.Y36(y.K0,8))},n.\u0275cmp=t.Xpm({type:n,selectors:[["ngx-mat-datetime-picker"]],contentQueries:function(e,a,i){if(1&e&&t.Suo(i,t.Rgc,5),2&e){let r;t.iGM(r=t.CRH())&&(a._customIcon=r.first)}},inputs:{calendarHeaderComponent:"calendarHeaderComponent",startAt:"startAt",startView:"startView",defaultColor:"defaultColor",color:"color",touchUi:"touchUi",hideTime:"hideTime",disabled:"disabled",panelClass:"panelClass",dateClass:"dateClass",opened:"opened",showSpinners:"showSpinners",showSeconds:"showSeconds",stepHour:"stepHour",stepMinute:"stepMinute",stepSecond:"stepSecond",enableMeridian:"enableMeridian",disableMinute:"disableMinute",defaultTime:"defaultTime"},outputs:{yearSelected:"yearSelected",monthSelected:"monthSelected",openedStream:"opened",closedStream:"closed"},exportAs:["ngxMatDatetimePicker"],decls:0,vars:0,template:function(e,a){},encapsulation:2,changeDetection:0}),n})();const et={provide:c.JU,useExisting:(0,t.Gpc)(()=>oe),multi:!0},tt={provide:c.Cf,useExisting:(0,t.Gpc)(()=>oe),multi:!0};class X{constructor(s,e){this.target=s,this.targetElement=e,this.value=this.target.value}}let L,oe=(()=>{class n{constructor(e,a,i,r){if(this._elementRef=e,this._dateAdapter=a,this._dateFormats=i,this._formField=r,this.dateChange=new t.vpe,this.dateInput=new t.vpe,this._valueChange=new t.vpe,this.stateChanges=new t.vpe,this._onTouched=()=>{},this._cvaOnChange=()=>{},this._validatorOnChange=()=>{},this._datepickerSubscription=w.w0.EMPTY,this._localeSubscription=w.w0.EMPTY,this._parseValidator=()=>this._lastValueValid?null:{matDatetimePickerParse:{text:this._elementRef.nativeElement.value}},this._minValidator=h=>{const p=this._getValidDateOrNull(this._dateAdapter.deserialize(h.value));return!this.min||!p||this._dateAdapter.compareDateWithTime(this.min,p,this._datepicker.showSeconds)<=0?null:{matDatetimePickerMin:{min:this.min,actual:p}}},this._maxValidator=h=>{const p=this._getValidDateOrNull(this._dateAdapter.deserialize(h.value));return!this.max||!p||this._dateAdapter.compareDateWithTime(this.max,p,this._datepicker.showSeconds)>=0?null:{matDatetimePickerMax:{max:this.max,actual:p}}},this._filterValidator=h=>{const p=this._getValidDateOrNull(this._dateAdapter.deserialize(h.value));return this._dateFilter&&p&&!this._dateFilter(p)?{matDatetimePickerFilter:!0}:null},this._validator=c.kI.compose([this._parseValidator,this._minValidator,this._maxValidator,this._filterValidator]),this._lastValueValid=!1,!this._dateAdapter)throw P("NgxMatDateAdapter");if(!this._dateFormats)throw P("NGX_MAT_DATE_FORMATS");this._localeSubscription=a.localeChanges.subscribe(()=>{this.value=this.value})}set ngxMatDatetimePicker(e){!e||(this._datepicker=e,this._datepicker._registerInput(this),this._datepickerSubscription.unsubscribe(),this._datepickerSubscription=this._datepicker._selectedChanged.subscribe(a=>{this.value=a,this._cvaOnChange(a),this._onTouched(),this.dateInput.emit(new X(this,this._elementRef.nativeElement)),this.dateChange.emit(new X(this,this._elementRef.nativeElement))}))}set ngxMatDatetimePickerFilter(e){this._dateFilter=e,this._validatorOnChange()}get value(){return this._value}set value(e){e=this._dateAdapter.deserialize(e),this._lastValueValid=!e||this._dateAdapter.isValid(e),e=this._getValidDateOrNull(e);const a=this.value;this._value=e,this._formatValue(e),this._dateAdapter.sameDate(a,e)||this._valueChange.emit(e)}get min(){return this._min}set min(e){this._min=this._getValidDateOrNull(this._dateAdapter.deserialize(e)),this._validatorOnChange()}get max(){return this._max}set max(e){this._max=this._getValidDateOrNull(this._dateAdapter.deserialize(e)),this._validatorOnChange()}get disabled(){return!!this._disabled}set disabled(e){const a=null!=e&&"false"!=`${e}`,i=this._elementRef.nativeElement;this._disabled!==a&&(this._disabled=a,this.stateChanges.emit(void 0)),a&&i.blur&&i.blur()}ngOnDestroy(){this._datepickerSubscription.unsubscribe(),this._localeSubscription.unsubscribe(),this._valueChange.complete(),this.stateChanges.complete()}registerOnValidatorChange(e){this._validatorOnChange=e}validate(e){return this._validator?this._validator(e):null}getPopupConnectionElementRef(){return this.getConnectedOverlayOrigin()}getConnectedOverlayOrigin(){return this._formField?this._formField.getConnectedOverlayOrigin():this._elementRef}writeValue(e){this.value=e}registerOnChange(e){this._cvaOnChange=e}registerOnTouched(e){this._onTouched=e}setDisabledState(e){this.disabled=e}_onKeydown(e){this._datepicker&&e.altKey&&e.keyCode===_.JH&&!this._elementRef.nativeElement.readOnly&&(this._datepicker.open(),e.preventDefault())}_onInput(e){const a=this._lastValueValid;let i=this._dateAdapter.parse(e,this._dateFormats.parse.dateInput);this._lastValueValid=!i||this._dateAdapter.isValid(i),i=this._getValidDateOrNull(i);const r=this._dateAdapter.isSameTime(i,this._value);null!=i&&(!r||!this._dateAdapter.sameDate(i,this._value))||null==i&&null!=this._value?(this._value=i,this._cvaOnChange(i),this._valueChange.emit(i),this.dateInput.emit(new X(this,this._elementRef.nativeElement))):a!==this._lastValueValid&&this._validatorOnChange()}_onChange(){this.dateChange.emit(new X(this,this._elementRef.nativeElement))}_getThemePalette(){return this._formField?this._formField.color:void 0}_onBlur(){this.value&&this._formatValue(this.value),this._onTouched()}_onFocus(){this._datepicker&&this._datepicker.opened&&this._datepicker.cancel()}_formatValue(e){this._elementRef.nativeElement.value=e?this._dateAdapter.format(e,this._dateFormats.display.dateInput):""}_getValidDateOrNull(e){return this._dateAdapter.isDateInstance(e)&&this._dateAdapter.isValid(e)?e:null}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(t.SBq),t.Y36(V,8),t.Y36(H,8),t.Y36(g.KE,8))},n.\u0275dir=t.lG2({type:n,selectors:[["input","ngxMatDatetimePicker",""]],hostVars:5,hostBindings:function(e,a){1&e&&t.NdJ("input",function(r){return a._onInput(r.target.value)})("change",function(){return a._onChange()})("blur",function(){return a._onBlur()})("focus",function(){return a._onFocus()})("keydown",function(r){return a._onKeydown(r)}),2&e&&(t.Ikx("disabled",a.disabled),t.uIk("aria-haspopup",a._datepicker?"dialog":null)("aria-owns",(null==a._datepicker?null:a._datepicker.opened)&&a._datepicker.id||null)("min",a.min?a._dateAdapter.toIso8601(a.min):null)("max",a.max?a._dateAdapter.toIso8601(a.max):null))},inputs:{ngxMatDatetimePicker:"ngxMatDatetimePicker",ngxMatDatetimePickerFilter:"ngxMatDatetimePickerFilter",value:"value",min:"min",max:"max",disabled:"disabled"},outputs:{dateChange:"dateChange",dateInput:"dateInput"},exportAs:["ngxMatDatetimePickerInput"],features:[t._Bn([et,tt,{provide:m.Jk,useExisting:n}])]}),n})(),Me=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({imports:[[y.ez,m.c,c.UX,c.u5,x.Ps,f.ot]]}),n})(),at=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({providers:[M.Lv,{provide:le,useClass:Je}],imports:[[y.ez,M.FA,v.Is,o.eL,c.u5,x.Ps,f.ot,m.c,Me]]}),n})();try{L="undefined"!=typeof Intl}catch(n){L=!1}const it={long:["January","February","March","April","May","June","July","August","September","October","November","December"],short:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],narrow:["J","F","M","A","M","J","J","A","S","O","N","D"]},nt=$(31,n=>String(n+1)),rt={long:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],short:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],narrow:["S","M","T","W","T","F","S"]},st=/^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;function $(n,s){const e=Array(n);for(let a=0;a<n;a++)e[a]=s(a);return e}let ot=(()=>{class n extends V{constructor(e,a){super(),this.useUtcForDisplay=!0,super.setLocale(e),this.useUtcForDisplay=!a.TRIDENT,this._clampDate=a.TRIDENT||a.EDGE}getYear(e){return e.getFullYear()}getMonth(e){return e.getMonth()}getDate(e){return e.getDate()}getDayOfWeek(e){return e.getDay()}getMonthNames(e){if(L){const a=new Intl.DateTimeFormat(this.locale,{month:e,timeZone:"utc"});return $(12,i=>this._stripDirectionalityCharacters(this._format(a,new Date(2017,i,1))))}return it[e]}getDateNames(){if(L){const e=new Intl.DateTimeFormat(this.locale,{day:"numeric",timeZone:"utc"});return $(31,a=>this._stripDirectionalityCharacters(this._format(e,new Date(2017,0,a+1))))}return nt}getDayOfWeekNames(e){if(L){const a=new Intl.DateTimeFormat(this.locale,{weekday:e,timeZone:"utc"});return $(7,i=>this._stripDirectionalityCharacters(this._format(a,new Date(2017,0,i+1))))}return rt[e]}getYearName(e){if(L){const a=new Intl.DateTimeFormat(this.locale,{year:"numeric",timeZone:"utc"});return this._stripDirectionalityCharacters(this._format(a,e))}return String(this.getYear(e))}getFirstDayOfWeek(){return 0}getNumDaysInMonth(e){return this.getDate(this._createDateWithOverflow(this.getYear(e),this.getMonth(e)+1,0))}clone(e){return new Date(e.getTime())}createDate(e,a,i){if(a<0||a>11)throw Error(`Invalid month index "${a}". Month index has to be between 0 and 11.`);if(i<1)throw Error(`Invalid date "${i}". Date has to be greater than 0.`);let r=this._createDateWithOverflow(e,a,i);if(r.getMonth()!=a)throw Error(`Invalid date "${i}" for month with index "${a}".`);return r}today(){return new Date}parse(e){return"number"==typeof e?new Date(e):e?new Date(Date.parse(e)):null}format(e,a){if(!this.isValid(e))throw Error("NativeDateAdapter: Cannot format invalid date.");if(L){this._clampDate&&(e.getFullYear()<1||e.getFullYear()>9999)&&(e=this.clone(e)).setFullYear(Math.max(1,Math.min(9999,e.getFullYear()))),a=Object.assign(Object.assign({},a),{timeZone:"utc"});const i=new Intl.DateTimeFormat(this.locale,a);return this._stripDirectionalityCharacters(this._format(i,e))}return this._stripDirectionalityCharacters(e.toDateString())}addCalendarYears(e,a){return this.addCalendarMonths(e,12*a)}addCalendarMonths(e,a){let i=this._createDateWithOverflow(this.getYear(e),this.getMonth(e)+a,this.getDate(e));return this.getMonth(i)!=((this.getMonth(e)+a)%12+12)%12&&(i=this._createDateWithOverflow(this.getYear(i),this.getMonth(i),0)),i}addCalendarDays(e,a){return this._createDateWithOverflow(this.getYear(e),this.getMonth(e),this.getDate(e)+a)}toIso8601(e){return[e.getUTCFullYear(),this._2digit(e.getUTCMonth()+1),this._2digit(e.getUTCDate())].join("-")}deserialize(e){if("string"==typeof e){if(!e)return null;if(st.test(e)){let a=new Date(e);if(this.isValid(a))return a}}return super.deserialize(e)}isDateInstance(e){return e instanceof Date}isValid(e){return!isNaN(e.getTime())}invalid(){return new Date(NaN)}getHour(e){return e.getHours()}getMinute(e){return e.getMinutes()}getSecond(e){return e.getSeconds()}setHour(e,a){e.setHours(a)}setMinute(e,a){e.setMinutes(a)}setSecond(e,a){e.setSeconds(a)}_createDateWithOverflow(e,a,i){const r=new Date(e,a,i);return e>=0&&e<100&&r.setFullYear(this.getYear(r)-1900),r}_2digit(e){return("00"+e).slice(-2)}_stripDirectionalityCharacters(e){return e.replace(/[\u200e\u200f]/g,"")}_format(e,a){const i=new Date;return i.setUTCFullYear(a.getFullYear(),a.getMonth(),a.getDate()),i.setUTCHours(a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()),e.format(i)}}return n.\u0275fac=function(e){return new(e||n)(t.LFG(E.Ad,8),t.LFG(d.t4))},n.\u0275prov=t.Yz7({token:n,factory:n.\u0275fac}),n})();const De={year:"numeric",month:"numeric",day:"numeric",hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"},dt={parse:{dateInput:De},display:{dateInput:De,monthYearLabel:{year:"numeric",month:"short"},dateA11yLabel:{year:"numeric",month:"long",day:"numeric"},monthYearA11yLabel:{year:"numeric",month:"long"}}};let lt=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({providers:[{provide:V,useClass:ot}],imports:[[d.ud]]}),n})(),ct=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({providers:[{provide:H,useValue:dt}],imports:[[lt]]}),n})()}}]);